Chapitre 2 : Cours sur la typographie
Un cours complet sur la typographie couvre plusieurs aspects, de la compréhension de ses
éléments fondamentaux à l'application pratique dans le design et la création de documents
visuels. Voici un cours structuré pour explorer cette discipline.
1. Introduction à la typographie
La typographie est un art qui consiste à organiser les mots sur une page de manière à ce qu'ils
soient non seulement esthétiques, mais aussi lisibles et efficaces. C'est une discipline
essentielle dans le design graphique, le web design, la publicité et les publications imprimées.
Comprendre les bases de la typographie permet d'améliorer la présentation d'un texte tout en
facilitant sa compréhension.
Origines de la typographie
Invention de l’imprimerie : La typographie moderne trouve ses racines dans
l'invention de l'imprimerie par Johannes Gutenberg au 15e siècle. Cela a permis la
reproduction rapide et massive de textes, transformant ainsi la manière dont
l'information était diffusée.
Fonctions de la typographie
Lisibilité : Faciliter la lecture du texte.
Hiérarchie visuelle : Organiser l'information pour indiquer l'importance relative de
chaque section du texte.
Esthétique : Créer une harmonie visuelle qui attire l'attention tout en renforçant le
message.
2. Les éléments fondamentaux de la typographie
A. Les polices de caractères
Une police de caractères (ou "font" en anglais) est un ensemble de caractères (lettres, chiffres,
signes de ponctuation) qui partagent une même conception stylistique. Il existe de nombreuses
catégories de polices, chacune ayant des caractéristiques particulières.
1. Polices avec empattement (Serif) :
o Ces polices possèdent des petites "pattes" ou extensions à l'extrémité des
lettres.
o Exemple : Times New Roman, Georgia.
o Utilisation : Souvent utilisées pour les textes longs imprimés (livres, journaux)
car elles favorisent la lisibilité.
2. Polices sans empattement (Sans-serif) :
o Ces polices ne possèdent pas d’empattement.
o Exemple : Arial, Helvetica, Futura.
o Utilisation : Idéales pour les écrans, car elles sont plus faciles à lire en
résolution numérique.
3. Polices scriptes et manuscrites :
o Elles imitent l’écriture manuscrite ou les styles calligraphiques.
o Exemple : Brush Script, Lobster.
o Utilisation : Souvent utilisées pour des titres ou des invitations, mais peuvent
être difficiles à lire en texte courant.
4. Polices décoratives :
o Elles sont créées pour des effets visuels particuliers et sont souvent utilisées
pour attirer l’attention.
o Exemple : Impact, Comic Sans.
o Utilisation : Rarement utilisées pour de longs textes. Elles servent
principalement pour des titres ou des logos.
B. Le corps de texte (point)
La taille de la police est mesurée en points (pt). Un point correspond à environ 1/72 de pouce.
La taille de la police joue un rôle clé dans la lisibilité du texte. Par exemple :
Pour le texte principal : 10-12 points.
Pour les titres : 20-40 points, selon l’importance et l’espace disponible.
C. L’interlignage (leading)
L'interlignage, ou leading, est l'espacement vertical entre les lignes de texte. Un interlignage
trop serré rendra le texte difficile à lire, tandis qu'un interlignage trop large pourrait casser la
fluidité de la lecture. Le leading est souvent défini par un facteur de la taille de la police, par
exemple :
Pour une taille de police de 12 pt, un interlignage de 14-16 pt est courant.
D. L'espacement des lettres (tracking et kerning)
1. Kerning : L'espacement entre deux caractères spécifiques. Le but est d’ajuster
l’espacement pour que le texte ait une apparence équilibrée. Par exemple, entre A et
V, un ajustement du kerning peut rendre l'espacement plus esthétique.
2. Tracking : L'ajustement de l'espacement de l’ensemble du texte. Un tracking plus
large peut rendre le texte plus aéré, tandis qu'un tracking plus serré peut donner une
sensation de densité.
E. L'alignement du texte
L’alignement fait référence à la manière dont le texte est disposé par rapport aux marges du
document. Les types d'alignement sont :
Aligné à gauche : Le texte est aligné sur la marge gauche. C’est le type d’alignement
le plus courant.
Aligné à droite : Le texte est aligné sur la marge droite. Il est moins utilisé et peut
créer une impression de déséquilibre.
Centré : Le texte est symétriquement aligné au centre de la page.
Justifié : Le texte est étendu pour remplir la largeur de la page, créant des bords égaux
à droite et à gauche. Cela peut parfois créer des espaces irréguliers entre les mots.
3. Hiérarchie typographique
La hiérarchie typographique permet d’organiser les informations de manière à rendre un texte
plus compréhensible. Les différents niveaux de hiérarchie sont créés grâce à des variations
dans la taille de la police, son style (gras, italique), son poids et son espacement.
A. Titres et sous-titres
Les titres sont souvent les éléments typographiques les plus grands et les plus frappants. Ils
sont utilisés pour attirer l'attention et organiser les informations dans un document. La
hiérarchie des titres peut être indiquée par :
H1 : Titre principal, généralement en grande taille et gras.
H2, H3, etc. : Sous-titres, avec des tailles et des poids de plus en plus petits.
B. Gras, italique et souligné
Gras : Utilisé pour marquer l'importance ou attirer l’attention.
Italique : Souvent utilisé pour les citations, les termes étrangers, ou pour ajouter une
touche de nuance.
Souligné : Moins utilisé dans la typographie moderne, sauf pour les liens dans les
interfaces web.
C. La couleur et le contraste
La couleur peut être utilisée pour renforcer la hiérarchie, attirer l’attention et améliorer la
lisibilité. Il est important de maintenir un bon contraste entre le texte et l’arrière-plan pour une
lecture agréable.
4. Règles de composition typographique
La bonne composition d’un texte est essentielle pour garantir une présentation fluide et lisible.
Voici quelques règles à suivre :
1. Limitez le nombre de polices utilisées : Utiliser deux ou trois polices différentes
(pour les titres, le texte principal, etc.) permet d’assurer une cohérence visuelle.
2. Utilisez l’espace blanc (ou "espace négatif") : L’espace autour du texte est tout aussi
important que le texte lui-même. Il permet de mieux aérer le design et d'améliorer la
lisibilité.
3. Evitez les polices trop décoratives pour les longs textes : Les polices très
ornementées peuvent nuire à la lisibilité sur de grandes quantités de texte.
5. Application pratique de la typographie
A. Typographie pour le web
Responsive typography : Il s'agit d'ajuster la taille des polices en fonction de la taille
de l'écran (ordinateur de bureau, tablette, téléphone).
Polices web-safe : Certaines polices sont plus adaptées aux écrans que d'autres. Par
exemple, Arial, Helvetica et Georgia sont couramment utilisées.
B. Typographie en design graphique
Logo et branding : La typographie peut être un élément clé dans la création d'une
identité visuelle pour une marque.
Publicité et affiches : Les polices doivent être choisies en fonction de l'impact visuel
et de la lisibilité à distance.
Conclusion
La typographie est un domaine qui combine à la fois l'art et la science. Une bonne
typographie permet de transmettre des messages de manière claire, esthétique et fonctionnelle.
En maîtrisant ses principes, vous pourrez améliorer non seulement l’apparence de vos
documents mais aussi leur efficacité dans la communication.
