21
La typographie dans vos créations Chapitre 2 | Quelques règles Théorie

explainMe | La typographie, quelques règles

Embed Size (px)

DESCRIPTION

Présentation des classifications des caractères (Thibaudeau et Vox), et définition des grandes règles de la typographie.

Citation preview

Page 1: explainMe | La typographie, quelques règles

La typographie dans vos créations

Chapitre 2 | Quelques règles

Théorie

Page 2: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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 :

[email protected]

De sorte que je puisse effectuer les corrections et remplacer le fichier sur le site.

Page 3: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

Conseil / AvertissementCette icône introduit un conseil ou un avertissement susceptible de vous éviter des complications face à l’action traitée.

AstuceCette 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.

VarianteCette 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.

Conventions typographiques

Les raccourcis claviers sont indiqués entre crochés ( les trois points étant remplacés par la lettre correspondant bien évidement).

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.

Touche ‘Alt’ située à gauche de la barre espace.Sous Mac elle est remplacée par la touche ‘Option’.

Touche ‘Alt’ située à droite de la barre espace.

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 simplifier son identification.

[Ctrl + ...]

Ctrl

Alt

Alt Gr

Shift

<?php ?>

Afin de simplifier et d’organiser mon propos, j’utilise les conventions typographiques suivantes :

Page 4: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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.

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.

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.

Page 5: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

Les accents sur les capitales :

Contrairement à une idée reçue extrêmement courante, IL FAUT écrire les accents sur les lettres capitales.

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).

« Pourquoi ? »

Page 6: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

Les sigles :

Les sigles s’écrivent généralement en capitales, sans points entre les lettres.

Page 7: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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.

Page 8: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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 ».

Page 9: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

Les abréviations de premier, première,… :

Ici aussi les règles sont strictes (voir illustration d’exemple).

Page 10: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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.

Page 11: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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é

Page 12: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

L’interlignage :

C’est la valeur de l’écart entre les lignes d’un texte, il peut être augmenté ou diminué.

Page 13: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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.

Page 14: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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.

Page 15: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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é.

Page 16: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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.

Page 17: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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).

Page 18: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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 ».

Page 19: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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.

Page 20: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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

Page 21: explainMe | La typographie, quelques règles

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

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%20Typographie&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

Références