Règles typographiques françaises | |
La typographie, cest bien
On a vue ce que cétait dans le premier chapitre, mais vous vous en doutez certainement, elle en sarrête pas aux caractères uniquement.
Voici donc certaines (pas toutes) des règles qui la régisse et quil est toujours bon de rappeler. |
 |
Les accents sur les capitales :
Contrairement à une idée reçue extrêmement courante, IL FAUT écrire les accents sur les lettres capitales.
Pourquoi ?
Parce quen français, laccent nest pas juste là pour décorer :
- il fait partie de lorthographe du mot, par conséquent, écrire REGLE au lieu de RÈGLE constitue une faute dorthographe.
- laccent détermine la prononciation du mot, et par conséquent permet de distinguer deux mots ayant une orthographe similaire bien que lun sécrivant sans accent (voir illustration dexemple).
|
 |
Les sigles :
Les sigles sécrivent généralement en capitales, sans points entre les lettres. |
 |
Les abréviations de civilités :
De même que pour les accents sur les capitales, les abréviations que lon utilise couramment pour écrire les civilités ne sont par forcément "justes".
Prenons lexemple de Mr. Pour Monsieur. Cette écriture est rentrée dans les mœurs et nous viens de la dactylographie, mais les règles typographiques originales nous précisent que labréviation de Monsieur est M. tout simplement.
|
 |
Les espaces avant et après les signes de ponctuation :
Chacun sait quentre le dernier mot dune phrase et le point qui clôture celle-ci, on ne doit pas mettre despace, mais quen est-il pour les autres signes de ponctuation ?
Voici au travers de lillustration dexemple, les règles à respecter concernant ces espaces.
Vous noterez lutilisation dun espace appelé "espace insécable". Il sagit en fait dun espace plus court de que lespace habituel entre les mots. Malheureusement cet espace est relativement difficile à mettre en place. Il existe bien des raccourcis pour Word et les logiciels dédition comportent des options à ce sujet, mais il est généralement très difficile à mettre en place (car très contraignant), aussi généralement, il est remplacé par un espace classique. |
 |
Les abréviations de premier, première,
:
Ici aussi les règles sont strictes (voir illustration dexemple). |
Textes et paragraphes | |
Lorsque lon rédige un texte, cest dans le but dêtre lue, ça semble évident. Pour autant nombre de gens rédigent des "pavés" sans la moindre considération pour leurs lecteurs, ces derniers devant eux-mêmes se débrouiller pour sy retrouver dans un texte long, sans saut de ligne ni mise en avant dun mot de quelque manière que ce soit.
Pourtant la typographie nous fournit quelques outils utiles à la mise en forme de nos textes. |
 |
Laération :
Commençons dabord par le bon sens. Pour rendre un texte plus agréable à lire, les premiers outils dont lon dispose sont le retour à la ligne et le saut de ligne.
Cest plutôt simple à utiliser pour peu que lon ne soit pas trop avare ou généreux dans leur utilisation. |
 |
Les justifications :
Il sagit ici de positionner le texte. Un texte peut être :
- justifié (et ses variantes)
- en fer à gauche (ou aligné à gauche)
- en fer à droite (ou aligné à droite)
- centré
|
 |
Linterlignage :
Cest la valeur de lécart entre les lignes dun texte, il peut être augmenté ou diminué. |
 |
Linterlettrage :
Cest la distance entre els caractères, de même que linterlignage, il peut être augmenté ou diminué.
Elle permet de "contrôler" lapproche entre els caractères. Cest très utile pour aérer des titres.
|
 |
Lalinéa :
Non il ne sagit pas du petit personnage animé que vous avez pu voir à la télé
Lalinéa est lespace vide que lon place au début dun paragraphe pour signifier généralement que lon change de sujet. |
Les caractères spéciaux | |
Plutôt quun long discourt, voici un tableau récapitulatif des principaux caractères spéciaux, les raccourcis clavier pour les afficher sous MAC et PC, ainsi que leurs noms (ça peut servir) :
Il sagit dun tableau non exhaustif.
Attention la mention pas de combinaison ne signifie pas forcement quil nexiste pas de combinaison pour obtenir la lettre. Considérez-la plutôt comme une mention.
Par exemple, sous Mac, pour écrire un É il suffit de taper é lorsque les majuscules sont verrouillées.
Les combinaisons présentées ici ne sont pas les codes permettant d'afficher les caractères spéciaux dans vos pages web (nous les verrons dans un prochain chapitre). |
SIGNES |
Caractère |
Combinaison PC |
Combinaison MAC |
Nom du caractère |
¤ |
Alt + 0164 |
pas de combinaison |
symbole monétaire |
|
Alt + 0134 |
Alt + T |
croix (doute sur le nom) |
× |
Alt + 0215 |
pas de combinaison |
signe multiplication |
÷ |
Alt + 0247 |
Alt + : |
signe division |
¶ |
Alt + 0182 |
Alt + 6 |
pied de mouche (fin de paragraphe) |
|
Alt + 0135 |
Alt + Q |
double coirx (doute sur le nom) |
± |
Alt + 0177 |
Alt + Maj + = |
signe plus-ou-moins |
|
Alt + 0151 |
Alt + - |
tiret long (doute sur le nom) |
| |
Alt + 0150 |
Alt + Maj + - |
tiret, trait d'union, signe moins |
§ |
Alt + 0167 |
Alt + Maj + B |
paragraphe (Alinéa) |
|
Alt + 0136 |
touche directe |
accent circonflèxe |
|
Alt + 0152 |
Alt + N |
tilde |
« |
Alt + 0171 |
pas de combinaison |
guillemet fançais ouvrant |
» |
Alt + 187 |
pas de combinaison |
guillemet français fermant |
¦ |
Alt + 0166 |
pas de combinaison |
barre verticale interrompue |
|
Alt + 0137 |
Alt + Maj + ù |
signe pour mille |
© |
Alt + 0169 |
Alt + C |
signe Copyright |
® |
Alt + 0174 |
Alt + R |
sigen Marque déposée |
|
Alt + 0153 |
Alt + Maj + T |
signe Trade Marketing |
ø |
Alt + 0248 |
Alt + à |
o barré oblique (espace vide, diamètre) |
Ø |
Alt + 0216 |
Alt + Maj + à |
o barré oblique capitale (espace vide, diamètre) |
ª |
Alt + 0170 |
Alt + Maj + u |
indicateur ordinal féminin |
þ |
Alt + 0222 |
pas de combinaison |
lettre minuscule Thorn |
þ |
Alt + 0254 |
pas de combinaison |
lettre capitale Thorn |
|
Alt + 0131 |
Alt + F |
lettre minuscule F hameçon |
ß |
Alt + 0223 |
Alt + B |
lettre minuscule S dur (S dur allemand, Szed) |
µ |
Alt + 0181 |
Alt + M |
symbole micro |
ð |
Alt + 0208 |
pas de combinaison |
lettre capitale ETH |
º |
Alt + 0186 |
Alt + u |
symbole degré |
|
Alt + 0149 |
Alt + @ |
signe balle |
|
Alt + 0132 |
pas de combinaison |
double virgule |
|
Alt + 0133 |
pas de combinaison |
points de suspension |
¬ |
Alt + 0172 |
Alt + L |
signe négation (symbole non) |
¿ |
Alt + 0191 |
Alt + Maj + , |
point d'interrogation renversé |
¡ |
Alt + 0161 |
pas de combinaison |
point d'exclamation renversé |
¥ |
Alt + 0165 |
Alt + Maj + $ |
symbole Yen |
| £ |
Alt + 0163 |
pas de combinaison |
symbole Livre |
€ |
Alt + 0128 |
pas de combinaison |
symbole Euro |
¢ |
Alt + 0162 |
Alt + Maj + C |
symbole centimes |
² |
Alt + 0178 |
pas de combinaison |
signe exposant 2 |
³ |
Alt + 0179 |
pas de conbinaison |
signe exposant 3 |
½ |
Alt + 0189 |
pas de conbinaison |
symbole un demi |
¼ |
Alt + 0188 |
pas de combinaison |
symbole un quart |
¾ |
Alt + 0190 |
pas de combinaison |
symbole trois quarts |
La pomme |
pas de combinaison |
Alt + 1 |
La pomme (logo Macintoch) |
∞ |
pas de combinaison |
Alt + , |
symbole infini |
¸ |
Alt + 0184 |
pas de combinaison |
cédille |
π |
pas de combinaison |
Alt + P |
symbole pi minuscule |
Π |
pas de combinaison |
Alt + Maj + P |
symbole pi capitale |
& |
pas de combinaison |
pas de combinaison |
perluète (esperluète, esperluette) |
CARACTÈRES |
Caractère |
Combinaison PC |
Combinaison MAC |
Nom du caractère |
á |
Alt + 0225 |
pas de combinaison |
A minuscule accent aigu |
à |
Alt + 0224 |
pas de combinaison |
A minuscule accent grave |
â |
Alt + 0226 |
pas de combinaison |
A minuscule accent circonflèxe |
ä |
Alt + 0228 |
pas de combinaison |
A minuscule tréma |
å |
Alt + 0229 |
pas de combinaison |
A minuscule rond en chef |
Á |
Alt + 0193 |
Alt + Maj + G |
A capitale accent aigu |
à |
Alt + 0195 |
pas de combinaison |
A capitale tilde |
Ä |
Alt + 0196 |
pas de combinaison |
A capitale tréma |
Å |
Alt + 0197 |
Alt + Maj + Z |
A capitale rond en chef |
À |
Alt + 0192 |
pas de combinaison |
A capitale accent grave |
 |
Alt + 0194 |
Alt + Z |
A capitale accent circonflèxe |
æ |
Alt + 0230 |
Alt + A |
ligature minuscule AE |
Æ |
Alt + 0198 |
Alt + Maj + A |
ligature capitale AE |
ç |
Alt + 0231 |
pas de combinaison |
C cédille minuscule |
Ç |
Alt + 0199 |
Alt + 9 |
C cédille capitale |
ê |
Alt + 0234 |
Alt + E |
E minuscule accent circonflèxe |
é |
Alt + 0233 |
pas de combinaison |
E minuscule accent aigu |
ë |
Alt + 0235 |
Alt + 2 |
E minuscule tréma |
è |
Alt + 0232 |
pas de combinaison |
E minuscule accent grave |
Ê |
Alt + 0202 |
Alt + Maj + E |
E capitale accent circonflèxe |
Ë |
Alt + 0203 |
Alt + Maj + K |
E capitale tréma |
É |
Alt + 0201 |
pas de combinaison |
E capitale accent aigu |
È |
Alt + 0200 |
pas de combinaison |
E capitale accent grave |
ï |
Alt + 0239 |
pas de combinaison |
I minuscule tréma |
í |
Alt + 0237 |
pas de combinaison |
I minuscule accent aigu |
î |
Alt + 0238 |
pas de combinaison |
I minuscule accent circonflèxe |
ì |
Alt + 0236 |
pas de combinaison |
I minuscule accent grave |
Í |
Alt + 0205 |
Alt + Maj + J |
I capitale accent aigu |
Ì |
Alt + 0204 |
Alt + H |
I capitale accent grave |
Î |
Alt + 0206 |
Alt + Maj + H |
I capitale accent circonflèxe |
Ï |
Alt + 0207 |
Alt + J |
I capitale tréma |
ñ |
Alt + 0241 |
pas de combinaison |
N minuscule tilde |
Ñ |
Alt + 0209 |
pas de combinaison |
N capitale tilde |
œ |
Alt + 0156 |
Alt + O |
ligature minuscule OE |
|
Alt + 0140 |
Alt + Maj + O |
ligature capitale OE |
ô |
Alt + 0244 |
Alt + ˆ |
O minuscule accent circonflèxe |
ö |
Alt + 0246 |
pas de combinaison |
O minuscule tréma |
ò |
Alt + 0242 |
pas de combinaison |
O minuscule accent grave |
õ |
Alt + 0245 |
pas de combinaison |
O minusucle tilde |
ó |
Alt + 0243 |
pas de combinaison |
O minusucle accent aigu |
Ó |
Alt + 0211 |
Alt + Maj + M |
O capitale accent aigu |
Ô |
Alt + 0212 |
Alt + Maj + ˆ |
O capitale accent cirocnflèxe |
Õ |
Alt + 0213 |
pas de combinaison |
O capitale tilde |
Ö |
Alt + 0214 |
pas de combinaison |
O capitale tréma |
Ò |
Alt + 0210 |
Alt + S |
O capitale accent grave |
|
Alt + 0154 |
pas de combianison |
S caron minuscule |
|
Alt + 0138 |
pas de combinaison |
C caron capitale |
ú |
Alt + 0250 |
pas de combinaison |
U minuscule accent aigu |
ü |
Alt + 0252 |
pas de combinaison |
U minuscule tréma |
û |
Alt + 0251 |
pas de combinaison |
U minuscule accent circonflèxe |
ù |
Alt + 0249 |
pas de combinaison |
U minuscule accent grave |
Ù |
Alt + 0217 |
Alt + ù |
U capitale accent grave |
Ú |
Alt + 0218 |
Alt + y |
U capitale accent aigu |
Ü |
Alt + 0220 |
pas de combinaison |
U capitale tréma |
Û |
Alt + 0219 |
Alt + Maj + 8 |
U capitale accent circonflèxe |
ÿ |
Alt + 0255 |
pas de combinaison |
Y minuscule tréma |
Ÿ |
Alt + 0159 |
Alt + Maj + y |
Y capitale tréma |
ý |
Alt + 0253 |
pas de combinaison |
Y minuscule accent aigu |
Ý |
Alt + 0221 |
pas de combinaison |
Y capitale accent aigu |
|
Bons usages | |
| Sans avoir la prétention dêtre exhaustif, voici quelques petits conseils pour lutilisation de la typographie dans vos projets : |
 |
Pas plus de 3 polices différentes dans le même projet :
Pensez à vos lecteurs, et limitez le nombre de polices différentes à 3, grand maximum sur le même document.
Changer de style typographique trop souvent au court dun même document nui gravement à votre sujet. Il le rend fatiguant à lire car le lecteur doit constamment sadapter à un nouveau style et sen lassera très (très) rapidement.
De plus un document comportant peu de polices différentes conserve une meilleure homogénéité. |
 |
Choisissez vos polices en fonction de vos sujets :
Comme nous lavons vue dans le premier chapitre, les différentes familles de caractères représentent plusieurs "styles graphiques" différents qui sadaptent plus ou moins bien selon le sujet.
Mais je nirais pas plus loin ici et vous renvoie au tutoriel de Samaele consacré à ce sujet (tut en cours rédaction au moment où celui-ci est mis en ligne). |
 |
Caractère visibles en partie :
Que ce soit pour une raison graphique (What else ?) ou autre, si vous devez ne faire apparaître quune partie dun caractère, préférez la partie haute.
En effet un caractère reste plus facilement identifiable si on lampute de sa partie basse plutôt que de sa partie haute (voir illustration dexemple). |
 |
Attention à vos approches :
La grande majorité des logiciels de mise en page et de graphisme (pour ne pas dire tous), vous permet de régler lapproche des caractères, et bien que cela soit très utile dans certains cas, je vous conseil de ne pas trop en abuser dans vos textes.
Par contre vous êtes beaucoup plus libres pour ce qui est des titres ou phrases courtes où limpacte et moins « perturbant ». |
 |
Attention à la lisibilité de vos polices :
De même que pour lapproche, réservez les polices très complexes aux titres et autres textes courts qui pourront êtres écrits plus gros et seront donc plus déchiffrables. |
Conclusion | |
Ce chapitre s'achève ici.
Pour compléter le précédent chapitre, nous venons de voir quelques règles qui régissent la typographie, ainsi les deux premiers chapitres posent les bases qu'il est bon de connaître pour manipuler les caractères. Ainsi j'espère que ces connaissances vous permettront de gagner du temps dans la manipulation des textes ou au moins vous éviterons de commettre des errerus pouvant niure à la lisibilité de vos créations.
Bien sûr comme toutes les règles elles peuvent êtres transgréssées, alors à vous de jouer…
Dans le prochain chapitre nous explorerons les fonctions dédiées à la manipulation des caractères dans Photoshop et Illustrator.
Ressources ayant servit à la rédaction de ce cours :
http://pagesperso-orange.fr/damien.jullemier/typ/index.htm
http://francois.huet.free.fr/typographie/
http://www.petitkar.com/plugins/openfiches/fiches.php?lng=fr&nom_fiches=Fiches%20Typographie&mode=fichestypographie
http://www.affaire-esperluette.com/
http://www.osxfacile.com/caractere.html
http://www.starr.net/is/type/altnum-fr.html
http://www.synapse-fr.com/typographie/TTM_0.htm
http://fr.wikibooks.org/wiki/R%C3%A9daction_technique/Glossaire_de_typographie
http://marcautret.free.fr/sigma/pratik/typo/guilles/index.php
http://www.table-ascii.com/
http://www.mus.ulaval.ca/roberge/gdrm/08-codes.htm
http://www.typographie.images-en-france.fr/lexique-regles-typographiques.php
http://a1.esa-angers.educagri.fr/informa/web_pao/pao_34.htm
http://alis.isoc.org/codage/iso10646/rang_00.htm
http://bcev.nfrance.com/typo.htm
http://www.orthotypographie.fr.st/
http://www.synec-doc.be/doc/accents2.htm
|