2. Avant-propos
Tout d’abord bonjour et merci de l’intérêt que vous portez à mes cours.
Ce cours a été rédigé entièrement par moi, cependant je n’ai pas la science
infuse, c’est pourquoi je me base sur divers sources collectées au fil de mes
recherches.
De ce fait je tiens à remercier les auteurs des ces sources dont vous pourrez
trouver la liste à la fin du document (il est possible dans certains cas qu’il n’y
en ai pas, auquel cas cela signifie qu’aucune source n’a été utilisée pour la
rédaction de ce cours).
Ce cours est livré tel quel, aussi si vous avez des question ou des remarques,
veuillez les adresser directement sur le site ou par mail.
Si vous souhaitez utiliser ce document dans n’importe quel cadre (formation,
école, entreprise, loisirs, famille, ...), je vous y autorise à la seule condition de le
diffuser gratuitement et de l’utiliser dans son intégralité (toute les pages, même
la couverture s’il vous plaît) de sorte que chacun puisse avoir connaissance
de la source d’où provient le document (j’en profite donc pour vous remercier
pour la pub gratuite).
Seule restriction, je vous demanderai de ne pas proposer ce document en
téléchargement direct depuis votre propre site. Préférez un lien sur explainMe,
ainsi si des mises à jour sont faites sur le fichier, il sera d’autant plus simple de
les récupérer si la source de diffusion online reste unique.
Enfin, si vous ré-utilisez ce cours dans le cadre d’une formation ou d’un cours,
j’apprécierai beaucoup si vous pouviez me l’indiquer par mail. Histoire de savoir
si mon travail a pu servir à quelqu’un tout simplement...
Ce cours est la reprise d’un article publié sur le site www.explain-me.com
Il a fait l’objet d’une remise en forme du fait du changement de support, mais
reste identique dans son contenu.
Malgré toute l’attention que je porte à la rédaction des articles il est possible
que quelques fautes d’orthographes persistent. Aussi si vous en rencontrez,
merci de bien vouloir m’en avertir par mail à l’adresse suivante :
boris@explain-me.com
De sorte que je puisse effectuer les corrections et remplacer le fichier sur le
site.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
3. Conventions typographiques
Afin de simplifier et d’organiser mon propos, j’utilise les conventions typographiques
suivantes :
[Ctrl + ...] Les raccourcis claviers sont indiqués entre crochés ( les trois points étant
remplacés par la lettre correspondant bien évidement).
Ctrl Touche contrôle.
Sous Mac bien que la touche existe, c’est la touche ‘Pomme’ qui est utilisée
pour les raccourcis clavier, elle est symbolisée par une pomme.
Alt Touche ‘Alt’ située à gauche de la barre espace.
Sous Mac elle est remplacée par la touche ‘Option’.
Alt Gr Touche ‘Alt’ située à droite de la barre espace.
Shift La touche ‘Majuscule’ sera désigné par l’appellation anglaise Shift.
Le code sera écrit sur fond gris et avec une autre police de caractère, pour
<?php ?>
simplifier son identification.
Conseil / Avertissement
Cette icône introduit un conseil ou un avertissement susceptible de vous éviter
des complications face à l’action traitée.
Astuce
Cette icône dispense une astuce susceptible de vous faire gagner du temps
par rapport à la technique décrite. Ou encore quelque chose qu’il est bon de
savoir.
Variante
Cette icône indique une autre manière d’obtenir le résultat escompté, ou apporte
un complément d’information sur une méthode utilisée.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
4. Introduction
Après avoir fait connaissance avec la typographie et le caractère, je vous propose
d’entrer maintenant dans le vif du sujet qu’est l’utilisation de la typographie.
Nous commencerons donc par quelques rappels sur les règles typographiques
françaises, puis nous nous intéresserons sur les propriétés des paragraphes,
l’écriture des caractères spéciaux, pour enfin terminer par quelques conseil
quand à l’utilisation de la typographie dans vos travaux.
Contrairement aux autres PDF du site, vous ne retrouverez pas ici l’intégralité
du cours accessible en ligne.
En effet, à l’origine le cours en ligne comprends un tableau de tous les caractères
spéciaux et des codes que vus devez saisir au clavier pour les afficher (pour
Windows® et Mac®).
Cependant en passant ce cours au format PDF, je me suis dit qu’il serait plus
intéressant de faire un fiche PDF de tous les caractères et de leurs codes, et
ce pour chaque système : Windows®, Mac®, et Linux®.
Aussi afin de ne pas surcharger le présent cours et pour permettre à chacun
de ne récupérer que le tableau qui l’intéresse, vous retrouverez le tableau des
caractères spéciaux de chaque système dans des fiches séparées sur le site.
Règles typographiques françaises
La typographie, c’est bien… On a vu ce que c’est dans le premier chapitre,
mais vous vous en doutez certainement, elle ne se limite pas exclusivement
aux caractères.
Voici donc certaines (pas toutes) des règles qui la régisse et qu’il est toujours
bon de rappeler.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
5. 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 qu’en français, l’accent n’est pas juste là pour décorer :
1. il fait partie de l’orthographe du mot, par conséquent, écrire REGLE au lieu
de RÈGLES constitue une faute d’orthographe.
2. l’accent détermine la prononciation du mot, et par conséquent permet de
distinguer deux mots ayant une orthographe similaire bien que l’un s’écrivant
sans accent (voir illustration d’exemple).
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
6. Les sigles :
Les sigles s’écrivent généralement en capitales, sans points entre les lettres.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
7. Les abréviations de civilités :
De même que pour les accents sur les capitales, les abréviations que l’on utilise
couramment pour écrire les civilités ne sont par forcément « justes ». Prenons
l’exemple 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 l’abréviation de Monsieur est M. tout simplement.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
8. Les espaces avant et après les signes de ponctuation :
Chacun sait qu’entre le dernier mot d’une phrase et le point qui clôture celle-
ci, on ne doit pas mettre d’espace, mais qu’en est-il pour les autres signes de
ponctuation ?
Voici au travers de l’illustration d’exemple, les règles à respecter concernant
ces espaces.
Vous noterez l’utilisation d’un espace appelé « espace insécable ». Il s’agit en
fait d’un espace légèrement plus court que l’espace 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, aussi
généralement, il est remplacé par un espace « classique ».
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
9. Les abréviations de premier, première,… :
Ici aussi les règles sont strictes (voir illustration d’exemple).
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
10. Textes et paragraphes
Lorsque l’on rédige un texte, c’est 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 s’y
retrouver dans un texte long, sans saut de lignes ni mise en avant d’un mot de
quelque manière que ce soit.
Pourtant la typographie nous fournit quelques outils utiles à la mise en forme
de nos textes.
L’aération :
Commençons d’abord par le bon sens. Pour rendre un texte plus agréable à
lire, les premiers outils dont l’on dispose sont le retour à la ligne et le saut de
ligne. C’est plutôt simple à utiliser pour peu que l’on ne soit pas trop avare ou
généreux dans leur utilisation.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
11. Les justifications :
Il s’agit 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é
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
12. L’interlignage :
C’est la valeur de l’écart entre les lignes d’un texte, il peut être augmenté ou
diminué.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
13. L’interlettrage :
C’est la distance entre les caractères, de même que l’interlignage, il peut être
augmenté ou diminué.
Elle permet de « contrôler » l’approche entre les caractères. C’est très utile
pour aérer des titres.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
14. L’alinéa :
Non il ne s’agit pas du petit personnage animé que vous avez pu voir à la télé…
;-)
L’alinéa est l’espace vide que l’on place au début d’un paragraphe pour signifier
généralement que l’on change de sujet.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
15. Bons usages
Sans avoir la prétention d’être exhaustif, voici quelques petits conseils pour
l’utilisation 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 d’un même document nui gravement à votre sujet. Il le rend fatiguant
à lire car le lecteur doit constamment s’adapter à un nouveau style et s’en
lassera très (très) rapidement. De plus un document comportant peu de polices
différentes conserve une meilleure homogénéité.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
16. Choisissez vos polices en fonction de vos sujets :
Comme nous l’avons vue dans le premier chapitre, les différentes familles de
caractères représentent plusieurs « styles graphiques » différents qui s’adaptent
plus ou moins bien selon le sujet.
Il me semble un peu “stupide” et réducteur de vous faire une liste de sentiments
ou des concepts et de tenter de les rattacher à des familles de caractères ou
des polices (même si je l’ai fait pour les couleurs…) .
Comme nous l’avons vu dans le chapitre précédent, les classifications nous
offrent déjà des pistes à ce sujet, le reste n’est qu’une affaire de goût et de bon
sens.
En effet si vous souhaiter traiter d’un sujet “doux” vous allez préférer une (des)
police(s) plutôt fine(s) ou enlevée(s), si le style se veut plutôt solennel, vous
vous orienterez peut-être vers des caractères “posés” avec un bel empattement.
Bref, ils y a des associations qui vont clairement ensemble, d’autres moins, et
là le (la) seul(e) juge c’est vous !
Bien sûr au début ce choix peut vous sembler difficile, mais essayez d’analyser le
sujet que vous traitez et vous trouverez certainement l’association qui s’imposera
de façon logique.
Scrutez les publicités, les magazines, observez et vos sens s’aiguiseront d’eux-
même.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
17. Caractères visibles en partie :
Que ce soit pour une raison graphique (What else ?) ou autre, si vous devez
ne faire apparaître qu’une partie d’un caractère, préférez la partie haute. En
effet un caractère reste plus facilement identifiable si on l’ampute de sa partie
basse plutôt que de sa partie haute (voir illustration d’exemple).
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
18. 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 l’approche des caractères, et bien que cela
soit très utile dans certains cas, prenez garde 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ù l’impact et moins « perturbant ».
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
19. Attention à la lisibilité de vos polices :
De même que pour l’approche, 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.
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
20. Conclusion
Ce chapitre clôt la partie théorique sur la typographie.
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. Aussi 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 erreurs pouvant nuire à
la lisibilité de vos créations.
Bien sûr comme toutes les règles (enfin presque) elles peuvent êtres
transgressées, alors à vous de jouer…
Boris | explainMe
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]
21. Références
Voici les références qui m’ont servies lors de 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%20Ty
pographie&mode=fichestypographie
http://www.osxfacile.com/caractere.html
http://www.affaire-esperluette.com/
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://www.mus.ulaval.ca/roberge/gdrm/08-codes.htm
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
explainMe | TUTORIEL
boris@explain-me.com [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]