Typographie

FONDAMENTAUX

ANATOMIE DE LA LETTRE

L’anatomie de la lettre est issue de la typographie en plomb et fait référence celle de l’Homme : pied, jambe, œil, panse, épaule…

FAMILLES DE CARACTÈRES

Le choix d'un caractère détermine l'état d'esprit d'un texte par ses caractéristiques techniques, son dessin, ses particularités, son bagage culturel, historique et social. En fonction du message que l’on souhaite faire passer, on privilégiera le choix d'une famille de caractères plutôt qu'une autre.

Romaines
Sérieux, tradition, élégance

Très bonne lisibilité
Textes longs

LITTÉRAIRE

Cursives
Rustique

Lisibilité moindre

Titres, textes courts

INVITATION

Didones
Raffinement, romantisme 

Bonne lisibilité
Titres, textes courts

LUXE

Gothiques
Médiévale

Lisibilité moindre
Titres, lettrines

ORNEMENTALE

Égyptiennes
Puissance, industrie

Lisibilité moindre
Titres, textes courts

INDUSTRIE

Fantaisies
Artistique, ludique

Lisibilité moindre

Titres, textes courts

MULTIMÉDIA

Linéales
Moderne, équilibré

Très grande lisibilité
Titres, textes longs

PUBLICITÉ

Non latines
hébreu, grec, arabe, etc.

Comprend tous les caractères 
Non fondées sur l’alphabet latin

CARACTÉRISTIQUES

Une fonte peut varier selon six caractéristiques : sa famille, sa graisse, son style, sa taille (le corps), sa casse (majuscule, minuscule), sa chasse.

GRAISSES

Ultralight   thin   light   Regular  medium   bold   Heavy   black

FORME OU STYLE

Regular    italic

CHASSES

Condensed  Regular  Extented

LES GLYPHES

Un glyphe est un signe typographique vu en tant qu’image. Ils peuvent être décrits et classifiés pour former des classes : lettres, signes de ponctuation, chiffres, symboles...

ABCDEFGHIJKLMN
OPQRSTUVWYZ

Abcdefghijklmn
Opqrstuvwxyz

CAPITALE

BAS-DE-CASSE

1234567890
~!@#$%^&*()<>?:»

NOMBRES

SYMBOLES

ABRÉVIATIONS

Les abréviations facilitent la lecture d’un texte. Les abréviations composées des premières lettres de son mot se terminent par un point.

ABRÉVIATIONS

UNITÉS COURANTES

ORDINAUX

RÈGLES TYPOGRAPHIQUES

Les « règles typographiques » sont définies par l'Imprimerie nationale.
Elles ont pour objectif de faciliter la compréhension en améliorant la lisibilité du texte.

MICRO TYPOGRAPHIE

-
-
fine
fine
fine
fine
-
espace normal
espace normal
espace fine
espace normal
-
espace normal
-
-
-
-
-
espace normal
-
espace fine

.
,
;
:
?
!


«
»
(
)
[
]

-
*
/
&
@
%

espace normal
espace normal
espace normal
espace normal
espace normal
espace normal
espace normal
espace normal
espace fine
espace normal
-
espace normal
-
espace normal
-
-
espace fine
-
espace normal
-
espace normal

LIGATURES OBLIGATOIRES

œ æ Æ Œ

CAPITALES ACCENTUÉES

L'HOMME TUE
L'HOMME TUÉ

• sans accent, le sens change

UTILISATION DE L'ITALIQUE

Hello

• titres, citations
• locutions étrangères
• nom propre d’un navire / véhicule

SIÈCLE

• en chiffres romains
• en petites capitales (si possible)

NUMÉROS DE TÉLÉPHONE

• chiffres séparés par un espace
• sans point ni trait d’union
• téléphone : Tél. ou tél.

ADRESSE

• sans abréviation
• en capitales non accentuées
• sans ponctuation

LES TIRETS

On distingue trois types de tirets : le trait d’union, le tiret demi-cadratin et le tiret cadratin. Le trait d’union, assez court, unifie deux mots, tandis que le tiret, plus long, compense l’espace vide à côté de lui.
Le signe « moins » − est différent du tiret –.

-

TRAIT D'UNION

Tiret court

• marque l'union d'un mot composé

• marque de césure

• évoque l’idée d’un intervalle : XX-XX

DEMI-CADRATIN

Tiret moyen

• introduit les termes d’une énumération

• indique les répliques d'un dialogue

• remplace les ( ) dans du texte

CADRATIN

Tiret long

• indique un changement d’interlocuteur dans les dialogues

• sépare le nom de l’interlocuteur du texte

LES GUILLEMETS

Leurs formes et leurs usages varient selon les langues, les régions ou le système d’écriture utilisé. Le principal usage des guillemets est de mettre en relief une expression, un terme ou une citation.

« … »
« »

CHEVRONS DOUBLES

(dit français)

• citation, texte rapporté
• restituer un dialogue
• titre

“ ”

GUILLEMETS EN VIRGULES

(dit anglais)

• guillemets intérieurs
• indiquer l’ironie

» «

CHEVRONS PERMUTÉS

(dit allemand)

• citation en Allemand

" "

GUILLEMETS DACTYLO

• langages informatiques
• indique les secondes

‹ ›

CHEVRONS SIMPLE

• indique une évolution

en linguistique

‘ ’

COURBE SIMPLE

• guillemets de 3e rang

ASSOCIATIONS DE CARACTÈRES

Il est préférable d'associer une police avec empattement et une police sans empattement ou des typographies fortement contrastées.

À ÉVITER

Garamond
Adobe Jenson

Mélanger des typographies
de même famille

Lobster
Bodoni

Mélanger des typographies

à fortes personnalités

Roboto light
Roboto regular

Les variations de graisses
peu contrastées

PRIVILÉGIER

Playfair
Open sans

 Associer des typographies
de familles différentes

Lobster
Open sans

Une typographie neutre
avec une police à forte personnalité

Roboto bold
Roboto thin

Les contrastes de graisses