LE GRIS TYPOGRAPHIQUE

Depuis lapparition des logiciels de mise en page, dabord Quark X-Press

puis plus rcemment InDesign dAdobe, tout un chacun peut simproviser
graphiste, typographe, metteur en page, SR, maquettiste et bien sr diteur.
Il y a cependant des rgles respecter pour obtenir une belle composition.
Et pas seulement celles de la grammaire ou du code typo. Nen dplaise
certains graphistes, les accidents de composition : rivires et lzardes ne
facilitent pas la lecture, au contraire. Ils attirent et retiennent lattention de
nos rtines sur des blancs irrguliers dans le texte sans que ces blancs soient
porteurs de sens. Je veux dire que ce nest pas la peine de faire tout un dbat
sur les espaces devant et derrire les ponctuations si par ailleurs on oublie
la chose la plus lmentaire, composer un texte rgulier sans accident de lecture (lzardes et rivires) sur lequel les yeux vont pouvoir glisser avec lgret et dlicatesse. Je prote ici de signaler (mais nous y reviendrons en dtail)
que daprs des tudes de lisibilit qui ont t menes par des laboratoires
dtudes patents et trs srieux, les yeux, qui lisent par points de xation
successifs, ont tendance dcrocher dune ligne au bout de 40, 45 signes,
ce qui lgitime bien entendu les mises en page de la presse mais aussi de bon
nombre de publications et ditions ralises en colonnes. De 30 40 signes
en moyenne. Au del on assiste des phnomnes de dcrochage, donc de
fatigabilit de lecture. Et cela joue sur notre capacit mmoriser les textes.

Dnition
Le gris typographique est limpression produite sur lil par la vision gnrale
dun texte ; on parle aussi de couleur du texte. Il ne sagit pas de sa couleur
au sens de la teinte des pigments colorant les caractres, mais au sens de
la densit moyenne du gris, rsultat optique de la juxtaposition de multiples
caractres noirs sur fond blanc (le concept stend bien sr dautres couleurs que le noir).
Le gris typographique conditionne la premire impression quun lecteur a dun
texte et surtout laisance avec laquelle ce lecteur pourra le lire ; il se doit donc
dtre en accord avec les rgles typographiques.
Les diffrents facteurs qui inuencent le gris typographique et son homognit sont la police (ou fonte ), le corps (taille du caractre), linterlignage,
la graisse, lutilisation de majuscules, la justication et lapproche entre les
caractres (interlettrage).
La qualit dun gris typographique uctue donc selon plusieurs paramtres :

Le dessin du caractre lui-mme ;

La qualit des approches ;

linterlignage ;

La longueur de justication.
Lhomognit du gris dun bloc de texte est souvent apprcie en plissant
les yeux pour outer le texte et mieux percevoir les variations. Sil y a trop
de taches sombres ou trop de taches claires dans limage cre, cest que
le gris nest pas harmonieux.

source :
http://paris.blog.lemonde.fr/2005/12/01/2005_12_le_gris_typogra/ (peter Gabor)
http://fr.wikipedia.org/wiki/Gris_typographique (dnition)

Nous sommes l
dans une composition
extrmement difcile
due la petitesse
des colonnes.
Trs peu de signes
par ligne (32-33),
et lobligation de ne
pas dpasser plus
de trois csures
la suite (code typo).

source : peter Gabor

http://paris.blog.lemonde.fr/2005/12/01/2005_12_le_gris_typogra/

source : peter Gabor

http://paris.blog.lemonde.fr/2005/12/01/2005_12_le_gris_typogra/

source : peter Gabor

http://paris.blog.lemonde.fr/2005/12/01/2005_12_le_gris_typogra/

source : peter Gabor

http://paris.blog.lemonde.fr/2005/12/01/2005_12_le_gris_typogra/

GRIS TYPOGRAPHIQUE
ET COLOGIE
Adoptez ces rglages et vous verrez non seulement une amlioration professionnelle de vos compositions, mais vous gagnerez en plus environ 10
15 pour cent despace en plus. Ce nest pas ngligeable, surtout si vous ditez un mmoire ou un catalogue ou une publication priodique. Que darbres
en moins abattus grce un petit rglage typographique.

source : peter Gabor

http://paris.blog.lemonde.fr/2005/12/01/2005_12_le_gris_typogra/

On constate dans
lexemple ci-dessous
que le choix dune
justication plus large
entrane une meilleure
rpartition du gris
typographique et
un confort de lecture
accru mme si on nest
pas encore un nombre de signes par ligne
optimal.
Les gouttires sparant les colonnes doivent avoir une valeur
permettant une bonne
sparation visuelle
sans tre excessive
pour ne pas nuire
lhomognit de
la maise en pages.
Une valeur correcte est
de 4 signes ou 10 % de
la justication.

source : http://www.cours-online.be/site/typo3.html#381

VARIATIONS DU GRIS TYPOGRAPHIQUE

ET GRAISSE DE LA LETTRE

source : Yves Perrousseaux

Mise en page et impression - Atelier Yves Perrousseaux
http://www.adverbum.fr

OPTIONS DE JUSTIFICATION
ET GRIS TYPOGRAPHIQUE
Qui est Eric de Berranger en
quelques mots ?

Qui est Eric de Berranger en

quelques mots ?

Qui est Eric de Berranger en

quelques mots ?

Un Toulousain expatri de 29
ans, graphiste et typographe
depuis 97/98, mari depuis 99
et papa dun petit gars dans 2
mois et demi. Je suis parti Paris loin de la ville rose en 1993
pour suivre une prpa en arts
graphiques lESAG. Ensuite
jai intgr le cycle suprieur de
lcole de Communication Visuelle (ECV) durant lequel jai
dcouvert la typo. En premire
anne on nous sensibilisait dj
pas mal cet aspect du design.
Nous avons mme eu dessiner quelques lettres de 3 styles
dalphabet diffrents. Cela ma
tout de suite plu.

Un Toulousain expatri de 29 ans,

graphiste et typographe depuis
97/98, mari depuis 99 et papa
dun petit gars dans 2 mois et demi.
Je suis parti Paris loin de la ville
rose en 1993 pour suivre une prpa en arts graphiques lESAG.
Ensuite jai intgr le cycle suprieur de lcole de Communication Visuelle (ECV) durant lequel
jai dcouvert la typo. En premire
anne on nous sensibilisait dj
pas mal cet aspect du design.
Nous avons mme eu dessiner
quelques lettres de 3 styles dalphabet diffrents. Cela ma tout de
suite plu.

Un Toulousain expatri de 29 ans,

graphiste et typographe depuis
97/98, mari depuis 99 et papa
dun petit gars dans 2 mois et demi.
Je suis parti Paris loin de la ville
rose en 1993 pour suivre une prpa en arts graphiques lESAG.
Ensuite jai intgr le cycle suprieur de lcole de Communication Visuelle (ECV) durant lequel
jai dcouvert la typo. En premire
anne on nous sensibilisait dj
pas mal cet aspect du design.
Nous avons mme eu dessiner
quelques lettres de 3 styles dalphabet diffrents. Cela ma tout de
suite plu.

En seconde anne, nous apprenions que Jean-Franois

Porchez allait tre notre prof de
typo... Ctait en 1995, en pleine
mdiatisation de Jean-Franois,

En seconde anne, nous apprenions que Jean-Franois Porchez

allait tre notre prof de typo...
Ctait en 1995, en pleine mdiatisation de Jean-Franois, alors
tout rcent crateur du nouveau
caractre du quotidien Le Monde.
Nous tions 2 ou 3 fondus de typo

En seconde anne, nous apprenions que Jean-Franois Porchez

allait tre notre prof de typo...
Ctait en 1995, en pleine mdiatisation de Jean-Franois, alors
tout rcent crateur du nouveau
caractre du quotidien Le Monde.
Nous tions 2 ou 3 fondus de typo
connaissant son travail. La nouvelle nous a ravis et galvaniss!
Cest vraiment cette anne l que

Arial Rgular
corps 10 pt
interlign 12 pt
intermot :
min. = 80% - nor. = 100%
max. = 133 %
interlettrage :
min. = 0% - nor. = 0%
max. = 0 %
interlignage = 120 % :

Arial Rgular
corps 10 pt
interlign 12 pt
intermot :
min. = 60% - nor. = 70%
max. = 80 %
interlettrage :
min. = -10% - nor. = -5%
max. = -2 %
interlignage = 110 % :

Arial Rgular
corps 10 pt
interlign 12 pt
intermot :
min. = 60% - nor. = 70%
max. = 80 %
interlettrage :
min. = -10% - nor. = -5%
max. = -2 %
interlignage = 100 % :

Un Toulousain expatri de 29
ans, graphiste et typographe
depuis 97/98, mari depuis 99
et papa dun petit gars dans 2
mois et demi. Je suis parti Paris loin de la ville rose en 1993
pour suivre une prpa en arts
graphiques lESAG. Ensuite
jai intgr le cycle suprieur de
lcole de Communication Visuelle (ECV) durant lequel jai
dcouvert la typo. En premire
anne on nous sensibilisait dj
pas mal cet aspect du design.
Nous avons mme eu dessiner quelques lettres de 3 styles
dalphabet diffrents. Cela ma

Un Toulousain expatri de 29 ans,

graphiste et typographe depuis
97/98, mari depuis 99 et papa
dun petit gars dans 2 mois et
demi. Je suis parti Paris loin de
la ville rose en 1993 pour suivre
une prpa en arts graphiques
lESAG. Ensuite jai intgr le cycle suprieur de lcole de Communication Visuelle (ECV) durant
lequel jai dcouvert la typo. En
premire anne on nous sensibilisait dj pas mal cet aspect
du design. Nous avons mme eu
dessiner quelques lettres de 3
styles dalphabet diffrents. Cela
ma tout de suite plu.

Arial Rgular
corps 10 pt
interlign 12 pt
intermot :
min. = 60% - nor. = 70%
max. = 80 %
interlettrage :
min. = -10% - nor. = -5%
max. = -2 %
interlignage = 110 % :

source : http://www.planete-typographie.com/infos/designer/berranger.html

LES COLONNES, LE RYTHME

DU GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux

Mise en page et impression - Atelier Yves Perrousseaux
http://www.adverbum.fr

LES COLONNES, LE RYTHME

DU GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux

Mise en page et impression - Atelier Yves Perrousseaux
http://www.adverbum.fr

LE RYTHME DES BLANCS ET

DU GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux

Mise en page et impression - Atelier Yves Perrousseaux
http://www.adverbum.fr

LE RYTHME DES BLANCS ET

DU GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux - Mise en page et impression - Atelier Yves Perrousseaux

http://www.adverbum.fr

PROPORTIONS ET
GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux

Mise en page et impression - Atelier Yves Perrousseaux
http://www.adverbum.fr

PROPORTIONS ET
GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux

Mise en page et impression - Atelier Yves Perrousseaux
http://www.adverbum.fr

PROPORTIONS ET
GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux

Mise en page et impression - Atelier Yves Perrousseaux
http://www.adverbum.fr

LES NUANCES DU GRIS TYPOGRAPHIQUE

COMME RYTHME DU TEXTE

source : Yves Perrousseaux

Mise en page et impression - Atelier Yves Perrousseaux
http://www.adverbum.fr

LES NUANCES DU GRIS TYPOGRAPHIQUE

COMME RYTHME DU TEXTE

source : Yves Perrousseaux

Mise en page et impression - Atelier Yves Perrousseaux
http://www.adverbum.fr

LA CSURE DES MOTS, UN DES OUTILS

DU GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux

Manuel Typographique - Atelier Yves Perrousseaux
http://www.adverbum.fr

LA CSURE DES MOTS, UN DES OUTILS

DU GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux

Manuel Typographique - Atelier Yves Perrousseaux
http://www.adverbum.fr

LE RYTHME DES LIGNES,

ET GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux

Mise en page et impression - Atelier Yves Perrousseaux
http://www.adverbum.fr

HABILLAGE
ET GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux

Mise en page et impression - Atelier Yves Perrousseaux
http://www.adverbum.fr

ORGANISATION DE LA PAGE
ET GRIS TYPOGRAPHIQUE

source : Yves Perrousseaux - Mise en page et impression - Atelier Yves Perrousseaux - http://www.adverbum.fr