Les bases de la typographie : de zéro à héro

La typographie c’est quoi ?

La typographie joue un rôle essentiel en communication visuelle. Lorsqu’elle est utilisée correctement, elle vous permet de clarifier votre message.

En design, la typographie c’est l’art de :

  • choisir les polices de caractères
  • déterminer la taille de ces caractères
  • leur mise en page

dans le but de mettre en valeur votre contenu texte.

La classification des principales catégories de polices de caractères

Connaitre la différence entre les polices de caractères est important lorsque vous devez choisir la police adéquate pour votre marque.

Les polices Serif

Les polices Serif représentent la catégorie de polices la plus traditionnelle. On l’utilise beaucoup dans les livres et les journaux papier. On les reconnait aux petites extensions placées aux extrémités des caractères. On appelle ces extensions les empattement (Serif en anglais).

Définition des polices Serif

Les polices Serif sont généralement reconnues pour leur lisibilité. C’est pourquoi on recommande de les utiliser pour écrire des textes longs.

Les polices Sans Serif

Les polices Sans Serif sont celles qui n’ont pas d’empattement à la fin des caractères. D’où leur nom, Sans Serif (Sans empattement).

Définitions polices sans serif

Les polices Sans Serif sont très populaires sur le web car avant la venue des écrans haute définition, les Serif n’étaient pas toujours bien lisibles à l’écran.

Faites attention aux polices Sans Serif trop fines car on a du mal à les lire.
Vous pouvez utiliser une police Sans Serif pour les titres et Serif pour le corps du texte.

Les polices Script

Elles sont faciles à reconnaitre car elles imitent les lettres manuscrites.

Définition des polices Script

Elles sont souvent plus difficiles à lire c’est pourquoi, il vaut mieux les utiliser pour écrire des textes courts.
On recommande de combiner les polices Script avec les Serif pour un impact visuel maximal.

Les polices Slab

Les polices Slab sont celles dont l’empattement a la même épaisseur partout. Les empattements des polices Serif ont tendance à être plus fines aux extrémités.

Définition police slab

Les polices Slab s’agencent bien avec les polices Sans Serif et Serif.

On recommande d’utiliser les polices Slab surtout pour les titres car elles peuvent être difficiles à lire à très petite taille.

Les familles de caractères

Chaque catégorie de polices peut avoir des caractéristiques différentes.

Les chasses

Elles font référence à la largeur des caractères. Dans l’exemple suivant, vous voyez que le mot exemple s’étire different en fonction de la police utilisée. On a trois type de chasses :

  • Condensées (Condensed en anglais). Les caractères sont étroits. Un bon exemple c’est la police Roboto Condensed
  • Normale (Regular en anglais). La police Roboto est un police dont la largeur des caractères est considérée normale.
  • Étendue (Expanded en anglais). Dans ce cas de figure, les caractères sont plus larges. La police Stint Ultra Expanded en est un exemple.

Définition des chasses

Les graisses

Les graisses représentent l’épaisseur des caractères. La police Roboto est une police très versatile car elle offre une grande variété d’épaisseurs. De thin, sa forme la plus mince à black, sa forme la plus épaisse.

Définition des graisses en typographie

La position

Elle détermine si vos caractères sont en italique ou positionnés normalement.

Définition de la position des polices de caractères

Pour conclure, la typographie est en soi une science qui va bien au-delà des bases que nous venons de voir. L’article précédent vous permet cependant de vous familiariser avec le vocabulaire de base.

Dans le prochain tutoriel, nous allons vous donner des lignes directrices pour vous aider à choisir les polices de caractères et présenter votre texte dans le but de maximiser l’impact de vos messages textes.

À la prochaine!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.