Comment choisir les polices de caractères pour vos créations (avec des exemples)

By Midori Nediger, Mar 16, 2022

How to Choose Fonts That Make Your Infographic
Les polices de caractères jouent un rôle énorme dans la façon dont les infographies sont perçues.

Si vous n’êtes pas designer, vous ne remarquez probablement pas les conceptions ou les choix de polices, à moins qu’elles ne soient particulièrement horribles :

How to Choose Fonts That Make Your Infographic Example 1

Vous ne vous en souciez probablement pas non plus, et honnêtement, je ne vous en veux pas. Nous avons tous un ami designer qui ne veut pas se taire à propos de Comic Sans (si vous n’êtes pas au courant de la haine universelle pour Comic Sans, vous pouvez vous rattraper ici).

Mais écoutez-moi bien : je ne suis pas là pour dénigrer Comic Sans, ni pour vous dire que l’Helvetica résoudra tous vos problèmes. Je suis ici pour vous dire pourquoi vous devriez vous intéresser aux polices de caractères, et pour vous apprendre à les utiliser comme un designer.

On pourrait dire que tant que le texte est lisible, le choix de la police n’a pas d’importance. Bien que cela soit vrai jusqu’à un certain point, considérez ce qui suit :

Une étude réalisée en 2008 a révélé qu’en utilisant simplement une police de caractères considérée comme plus “appropriée” pour un CV, les candidats à l’emploi semblaient plus mûrs, plus dignes de confiance et plus professionnels que les candidats qui utilisaient des polices moins appropriées.

Malgré des qualifications identiques, ces candidats avaient également plus de chances d’obtenir un entretien.

Vous êtes déjà à bord ? Parlons de la façon de choisir les polices de caractères pour vos infographies.

Pourquoi les polices de caractères sont importantes

Avant de nous plonger dans les détails du choix des polices, j’aimerais revenir sur le rôle que jouent les polices dans la communication visuelle.

Bien sûr, nous voulons tous utiliser des polices de caractères qui rendent nos infographies “jolies”, mais il y a beaucoup d’autres choses importantes qui se passent en coulisses.

Vous ne me croyez pas ? Regardez ces deux versions de la même infographie – le même contenu, les mêmes visuels et le même schéma de couleurs, mais avec des polices différentes :

Simple List Infographic - How To Choose Fonts

 

Simple List Infographic - How To Choose Fonts 2

En dehors du style, l’une des infographies est beaucoup plus efficace en raison des polices utilisées. Il est beaucoup plus facile de glaner des informations dans la première infographie que dans la seconde.

Pourquoi ? Examinons les fonctions des polices de caractères dans la conception d’infographies.

1. Les polices de caractères ont un impact sur la lisibilité et l’intelligibilité

La lisibilité désigne la facilité avec laquelle il est possible de distinguer une lettre donnée sur une page. Parmi les polices ci-dessous, l’une d’entre elles est clairement plus lisible.  

Font Legibility - How To Choose Fonts

 

La lisibilité fait référence à la facilité avec laquelle on peut lire de grands passages de texte. Comme vous pouvez le voir dans l’exemple ci-dessous, les deux polices sont assez lisibles, mais il faut beaucoup plus de concentration pour lire la phrase de gauche. La police de droite permet une lecture plus confortable. 

Font Readability - How To Choose Fonts

Idéalement, vous ne voulez pas que le lecteur ait à fournir un effort excessif pour lire votre texte.

Étant donné qu’il y a clairement des gagnants et des perdants lorsqu’il s’agit de la lisibilité des polices, le choix des polices pour les infographies consiste souvent à trouver un équilibre entre style, lisibilité et lisibilité.

Le texte très lisible de cette infographie garantit que le message est au premier plan, tandis que la couleur ajoute de l’intérêt et du style :

Financial Planning Infographic - How To Choose Fonts

 

2. Les polices peuvent être utilisées pour créer un sens de la hiérarchie visuelle sur la page.

Qu’est-ce que cela signifie ? Jetez un coup d’œil à l’article ci-dessous. Combien de temps vous faut-il pour comprendre de quoi il s’agit ?

Visual Hierarchy Example - How To Pick Fonts

Regardez maintenant le même article, mais avec les polices modifiées pour créer un sens de la hiérarchie visuelle. Au premier coup d’œil, il est beaucoup plus facile de comprendre de quoi parle l’article :

Visual Hierarchy Example - How To Pick Fonts 2

En effet, les polices sont utilisées pour faire ressortir les titres et les points principaux.

Chaque fois que vous regardez du texte sur une page, votre œil doit commencer quelque part. Sur une page comme celle ci-dessus, votre œil se dirigera inconsciemment vers le texte le plus gros, le plus gras et le plus unique. La hiérarchie visuelle établie par les choix de polices nous aide à donner rapidement un sens au texte.

Pour d’autres exemples, jetez un coup d’œil à ces 10 modèles d’affiches d’événements qui attirent l’attention. Combien d’entre eux tirent parti d’une forte hiérarchie visuelle pour attirer l’attention sur leur titre ? (Réponse : tous).

3. Les polices de caractères évoquent des émotions et ont de la personnalité

Laquelle de ces polices vous semble la plus heureuse ?

Happy Font Example - How To Pick Fonts

Plus confiant ?

Confident Font Example - How To Pick Fonts

Plus digne de confiance ?

Trustworthy Font Example - How To Pick Fonts

Que nous le voulions ou non, nos choix de polices suscitent des réactions émotionnelles chez nos lecteurs (c’est ce qu’on appelle la psychologie des polices). Pour communiquer efficacement, nous devons gérer ces réactions en choisissant des polices qui correspondent à la nature du sujet traité.

Nous pouvons constater que la façon dont le texte est affiché sur la page (ou l’écran) a un impact sur la façon dont nous interagissons avec lui, le lisons et le comprenons. Si nous nous soucions de la perception de notre texte par nos lecteurs, nous devons être conscients de nos choix de polices.

Comment choisir les polices de caractères pour vos infographies en 5 étapes

Maintenant que la théorie est passée, passons à la pratique. Voici cinq étapes que vous pouvez suivre pour choisir en connaissance de cause la police de vos infographies.

1. Réfléchissez à votre contenu

Votre choix de police doit toujours être guidé par la nature de votre contenu, à savoir :

Le but de l’infographie :

  • Dans les infographies destinées à éduquer, informer ou simplifier (rapports, infographies statistiques, affiches de formation, etc.), les polices doivent être plus minimales et privilégier la lisibilité.

Simple Bar Chart - How To Pick Fonts

 

  • Les polices utilisées dans les infographies destinées à divertir, à susciter l’intérêt ou à inspirer (comme les dépliants promotionnels, le marketing des réseaux sociaux) peuvent être plus ludiques, en mettant l’accent sur le style et l’unicité.

PRIDE Social Media Image - How To Pick Fonts

 

La longueur et la structure du texte :

  • Les polices de caractères pour les textes longs (paragraphes ou puces) doivent être très lisibles.
  • Les polices de caractères pour les textes courts que vous souhaitez mettre en valeur (mots-clés, en-têtes, sous-titres) doivent être stylisées et uniques.
  • Les polices des textes qui doivent être lus d’un coup d’œil (comme les étiquettes et les légendes des graphiques) doivent être très lisibles.

Le support et le cadre dans lesquels il sera reçu :

  • Les polices de caractères pour les infographies imprimées doivent être facilement lisibles à bout de bras, et leur taille doit être d’au moins 10 pt.
  • Les polices de caractères des infographies qui seront lues de plus loin (comme les affiches et les présentations) doivent être plus grandes, hautement lisibles et très lisibles.
  • Les polices de caractères des infographies qui seront visualisées à l’écran doivent avoir une taille d’au moins 14 pt, idéalement plus grande.

Ce processus d’analyse des caractéristiques de votre contenu consiste à définir l’orientation de chaque texte – style et engagement, ou lisibilité et lisibilité.

Prenons quelques exemples.

Scénario 1 :

Le directeur d’une petite organisation à but non lucratif crée une affiche pour un élégant gala de collecte de fonds.

  • Objectif : faire connaître l’événement et encourager les gens à y participer.
  • Texte : Titre, date et lieu de l’événement en points, quelques phrases sur l’objectif de l’événement.
  • Support : Poster, à afficher sur les murs dans les espaces publics.

Pour une affiche d’événement avec très peu de texte, conçue pour attirer l’attention du lecteur et fournir quelques informations de base sur un événement, le choix de la police peut être axé sur le style, la personnalité et l’émotion.

L’objectif premier doit être de trouver une police d’en-tête qui évoque l’élégance, la sophistication et la chaleur. Pour le reste du texte, l’accent doit être mis sur la lisibilité ; vous ne voulez pas perdre des donateurs potentiels parce qu’ils ne savent pas où et quand assister à l’événement !

Creative Formal Invitation - How To Pick Fonts

 

Scénario 2 :

Un analyste financier crée un diaporama pour présenter une revue trimestrielle des comptes.

  • Objectif : communiquer les tendances et mettre en évidence les statistiques clés.
  • Texte : Titres et étiquettes des tableaux, brefs résumés en forme de points.
  • Support : Diaporama, à utiliser dans une présentation.

L’accent est mis ici sur la communication et l’éducation pour un public professionnel. Les polices de caractères doivent donc être minimales, professionnelles et très lisibles. Le texte doit se fondre dans l’arrière-plan, laissant la place aux données.

Les statistiques clés peuvent être mises en évidence dans le texte en augmentant la taille et le poids (c’est-à-dire en mettant les caractères en gras) de la police.

Monthly Sales Presentation - How To Pick Fonts

 

En résumé, le contenu est la clé !

Utilisez l’objectif, la longueur et le support de votre contenu pour déterminer si vous devez vous concentrer sur la lisibilité ou le style. Utilisez cet objectif pour guider vos choix de polices, afin de vous assurer que votre texte communique efficacement.

2. Choisissez une police de caractères qui soit lisible

En gardant votre contenu à l’esprit, choisissez une police à utiliser pour la majorité de votre corps de texte (c’est-à-dire les paragraphes, les puces, les résumés). C’est dans ce type de texte que vos lecteurs puiseront la plupart de leurs informations, c’est pourquoi il doit toujours être prioritaire.

Les polices de corps doivent :

  • être très lisible et lisible en petite taille
  • Être moins stylisée que les polices d’en-tête
  • Avoir plusieurs poids (par exemple, normal et gras)
  • Ne jamais être tout en majuscules

Pour vous faciliter la tâche, j’ai dressé une liste des meilleures polices professionnelles, modernes et autres qui conviennent parfaitement au corps du texte :

Body Font Personalities - How To Pick Fonts

 

Si vous avez réfléchi au contenu et à l’objectif de votre infographie, choisir une police dans cette liste devrait être facile ! En cas de doute, choisissez quelque chose de simple et de minimal : ce sera plus facile à utiliser et vous pourrez ajouter du style à l’étape suivante.

3. Choisissez quelques paires de polices d’en-tête qui ajoutent du style.

Une fois que vous avez établi une police pour le corps du texte, il est temps de passer aux en-têtes. Vous devrez éventuellement tenir compte de la manière dont la police d’en-tête s’associe à la police du corps, mais pour l’instant, concentrez-vous sur la recherche de polices d’en-tête adaptées à votre contenu.

Les polices d’en-tête ont généralement un peu plus de caractère que les polices de corps, et peuvent être utilisées pour attirer l’œil du lecteur, le faire entrer dans le graphique et l’inciter à poursuivre la lecture.

Considérez l’en-tête comme un moyen d’établir le style et l’atmosphère du document. Il doit avoir une belle apparence en grande taille et peut être moins lisible que le corps du texte, si nécessaire.

Choisissez trois ou quatre polices qui, selon vous, pourraient convenir à votre contenu en tant qu’en-têtes. L’idée n’est pas de trouver une police parfaite, mais d’en choisir quelques-unes que vous voulez essayer. Vous augmenterez vos chances d’en trouver une qui fonctionne en choisissant des styles variés.

Inspirez-vous du graphique ci-dessous et n’hésitez pas à utiliser ces polices de caractères pour les en-têtes. Vous pouvez également consulter ces polices en gras populaires pour trouver des idées.

Heading Font Personalities - How To Pick Fonts

 

 

4. Trouvez la police d’en-tête qui se marie le mieux avec la police du corps du texte.

À présent, vous devriez avoir une police de corps parfaite et trois ou quatre polices d’en-tête possibles. Il est temps de trouver la police d’en-tête unique qui se marie le mieux avec votre police de corps.

Les paires de polices doivent être très contrastées ou peu contrastées.

Il est beaucoup plus facile d’associer des polices qui sont soit très différentes, soit très similaires dans leur style général.

Vous pouvez associer une police d’en-tête avec empattement à une police de corps sans empattement :

Serif Header Font - How To Pick Fonts

Ou une police d’en-tête spectaculaire avec une police de corps minimale :

Dramatic Header Font - How To Pick Fonts

Vous pouvez même utiliser une seule police pour l’ensemble de l’infographie. Créez un contraste avec des versions BOLD ou italiques de votre police :

Roboto Font Example - How To Pick Fonts

Merriweather Font Example - How To Pick Fonts

Lora Font Example - How To Pick Fonts

Essayez de faire correspondre la police que vous avez choisie pour le corps du texte avec chacune des options de votre en-tête. Y a-t-il un contraste élevé ? Un faible contraste ? Si vous trouvez un contraste élevé ou faible qui vous convient, choisissez-le. Si ce n’est pas le cas et que vous voulez vous inspirer, consultez cette collection d’associations de polices :

Oswald Font Example - How To Pick Fonts

Graduate Font Example - How To Pick Fonts

Lato Font Example - How To Pick Fonts

Arvo Font Example - How To Pick Fonts

Playfair Display Font Example - How To Pick Fonts

Unica One Font Example - How To Pick Fonts

Josefin Sans Font Example - How To Pick Fonts

Lobster Two Font Example - How To Pick Fonts

Philosopher Font Example - How To Pick Fonts

Wire One Font Example - How To Pick Fonts

Monton Font Example - How To Pick Fonts

Pathway Gothic One Font Example - How To Pick Fonts

Poiret One Font Example - How To Pick Fonts

Paytone One Font Example - How To Pick Fonts

Poppins Font Example - How To Pick Fonts

Vous ne voyez rien qui vous plaise ? Découvrez quelques combinaisons de polices Google, cherchez l’inspiration dans les livres ou mettez-vous au défi d’utiliser une seule police pour toute une infographie ! Je pense que vous trouverez cela plus facile que vous ne le pensez.

5. Créer une hiérarchie visuelle en variant la taille et le poids

Une fois que vous avez trouvé une combinaison qui fonctionne bien avec votre contenu, il est temps d’utiliser vos polices pour établir une structure visuelle claire. Jouez avec la taille et le poids pour mettre en valeur certains textes et en atténuer d’autres.

Taille

La façon la plus simple de créer une hiérarchie visuelle est de varier la taille de votre texte. Comme toujours, il est préférable de choisir d’abord la taille de votre police de corps.

Veillez à ce qu’elle soit suffisamment grande pour être lue facilement à bout de bras, mais pas trop – vous ne voulez pas qu’elle domine la page. En règle générale, la taille des caractères est de 10 à 14 pt pour l’impression et de 14 à 18 pt pour l’écran.

N’oubliez pas votre contenu ; si vous pensez que votre infographie sera lue de loin (une affiche ou une présentation, par exemple), augmentez la taille de la police.

Une fois la taille de la police du corps choisie, le reste est assez simple !

Utilisez un outil d’échelle typographique pour déterminer le reste de la taille de vos polices. Choisissez un rapport (j’aime bien 2:3) et incrémentez vos tailles de police par ce rapport. En plus d’éliminer une grande partie de la prise de décision, cela donnera à votre police un sens important du rythme et de la structure.

Typographic Scale Tool - How To Pick Fonts

Une échelle typographique avec un rapport 2:3.

Typographic Scale Tool - How To Pick Fonts2

L’échelle 2:3 appliquée pour créer une hiérarchie visuelle.

Poids

Alors que la taille seule peut suffire à créer une hiérarchie visuelle dans votre texte, le poids et l’accentuation peuvent être utilisés pour ajouter un peu plus d’énergie.

Typographic Scale Tool - How To Pick Fonts3

Comme vous pouvez le constater, varier la taille et le poids d’une même police permet de créer une hiérarchie visuelle. Associés à un excellent jumelage de polices, ces outils vous aideront à créer la structure visuelle dont vous avez besoin pour réaliser une infographie claire et communicative.

Voilà, c’est fait ! Vous avez appris les bases du choix des polices.

Passons en revue les principales étapes :

5 Steps For Picking The Perfect Font Infographic1

 

Vous voulez en savoir plus ? Consultez notre analyse des types de polices les plus populaires en Amérique, ou testez vos compétences en créant une infographie !