La typographie : premier contact
Le 7 août 2008
- La typographie : premier contact
- La typographie : Quelques règles
- La typographie dans Photoshop
Introduction |
Dans ce premier chapitre, je vous propose de faire connaissance avec la typographie. Avant de commencer à manipuler les caractères et les textes, voyons dans un premier lieu, ce qu’est la typographie.
Définitions |
Anatomie du caractère |
Un caractère est donc la représentation graphique d’une lettre (principalement, n’oublions pas les chiffres et autres symboles), comme nous venons de le voir. Et à ce titre, il se compose de différentes parties qui portent des noms bien définis.
Nous ne les verrons pas toutes ici, mais les principales, histoire de vous en donner un aperçu :
La connaissance de ces termes n’est pas impérative pour pouvoir manier la typographie, mais cela nous servira à comprendre certaines notions abordées dans les prochains chapitres.
Les classifications |
À quoi ça sert une classification ?
Avec la naissance de l’imprimerie et la prolifération des différentes polices de caractères , il devint essentiel d’organiser tout ça pour pouvoir s’y repérer. De là est née l’idée de classification, visant à classer les polices de caractères dans des familles. Permettant ainsi une meilleure gestion des polices.
La classification Thibaudeau
Elle doit son nom à son créateur (Francis Thibaudeau) qui décide de classer les polices de caractères en fonction de leurs empattements.
Dans sa forme de base, la classification Thibaudeau se compose de 4 grandes familles :
| ELZEVIR, à l’empattement triangulaire. | |
| DIDOT, à l’empattement filiforme. | |
| EGYPTIENNE, à l’empattement quadrangulaire. | |
| ANTIQUE, sans empattement. |
La classification Vox
C’est la classification la plus utilisée aujourd’hui. Mise au point par un français Maximilien Vox, en 1954, elle est devenue la référence, de part le faite qu’elle prenne en compte les classifications historiques, mais aussi car elle a été traduite en anglais et en allemand, ce qui lui confère une dimension internationale.
Elle se compose de 9 familles qui plus tard ont été complétées par l’ATypI (l’Association Typographique internationale), qui lui a ajouté 2 familles supplémentaires (Fractures et Non-latines) :
Aujourd’hui
De nos jours, grâce aux outils informatiques, certaines polices de caractère n’ont plus de police que le nom. Je fais référence ici aux polices dites « Dingbats », dans lesquelles chaque caractère affiche un symbole, une flèche, un logo…
Ces polices, même si elles peuvent êtres rangées dans la famille des non-latines, à mon sens, ne correspondent pas vraiment à des polices de caractères, du fait que leurs caractères n’en sont pas réellement. Pour autant elles gardent un grand intérêt de par leur potentiel graphique.
Internet regorge de polices de ce type qui rendent bien des services…
Internet est également une mine d’or où chacun pourra trouver une police libre de droits correspondant à ses besoins. Attention tout de même, car elles ne comportent pas toutes l’ensemble des caractères utiles. Par exemple, certaines ne comprennent pas de caractères accentués, ce qui peut être un problème dans certains cas…
Un dernier point encore au sujet d’internet. Il est très facile de s’y procurer tout un tas de police. Prenez tout de même garde aux propriétés intellectuelles qui les régissent et renseignez vous sur les limites de leur utilisation. Bien sûr dans le cas d’une utilisation à but non lucrative, vous risquez à priori peut de choses (je vous laisse vous renseigner à ce sujet ce n’est pas le sujet du cours), par contre pour une utilisation « commerciale », il arrive que des procès éclatent pour utilisation non-autorisé d’une police de caractères. Et là ça peut faire très mal !
Voilà, ça fait pas mal de choses pour un premier chapitre donc on va s’arrêter là pour le moment.
Bien sûr tout ce vocabulaire n’est pas systématiquement employé de nos jours, (peut-être en imprimerie, mais pour être totalement honnête je n’ai encore rencontré personne qui m’ai demande de faire une composition avec une police de caractère Linéale (par exemple)). Par contre, des termes comme l’approche peuvent vous servir lors d’un échange avec un imprimeur.
Pour autant, avant de rentrer plus avant dans l’utilisation de la typographie, il me semblait important de faire un point sur ce qu’est la typographie. On voit immédiatement que c’est un univers très riche, ce qui nous laisse présager que nous allons pourvoir puiser dedans sans relâche, et c’est ce que nous commenceront à voir dans le prochain chapitre, en même temps que quelques règles d’écritures…
Ressources ayant servie à la rédaction de ce cours :
http://caracteres.typographie.org/http://perso.univ-lyon2.fr/~poitou/Typo/t01.html
http://fr.wikipedia.org/wiki/Typographie
http://fr.wikipedia.org/wiki/Caract%C3%A8re
http://police.planete-typographie.com/
http://alis.isoc.org/glossaire/
http://www.tutoweb.com/typo-plomb.htm
http://fr.wikibooks.org/wiki/R%C3%A9daction_technique/Glossaire_de_typographie
http://www.tutoweb.com/dico-typo.htm
http://www.epfl.ch/repro/conseils/typo-polices/
http://aleph2at.free.fr/index.html?http://aleph2at.free.fr/glossaire/caractere.htm
Wikio

[4,29 / 5 - 7 vote(s)]



Bonjour,
Par rapport à ce “cours”, je ne sais pas si c’est prévu prochainement mais une bonne idée peut être d’établir des ressemblances entre les polices.
En effet, on hésite souvent, sur le web notamment, pour choisir une famille de police, proches les unes des autres, afin d’avoir un rendu similaire selon les OS / Navigateurs.
Bonne chance pour la suite ^^ Super site !
Bonjour,
En fait le prochain chapitre concernera la typographie sous Photoshop, puis un autre pour Illustrator (et pourquoi pas d’autres logiciels si vous le souhaitez).
Ensuite j’ai pensé faire un cours relativement généraliste concernant l’utilisation de la typographie sur internet (notamment via les divers réglages possibles en CSS). Je n’avais aps du tout pensé à cet aspect des choses mais je trouve que c’est une très bonne idée donc j’essaierai d’en profiter pour trouver des infos sur les polices utilisables sur internet et ce que ça peut donner en terme de rendu selon le système. <!– @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } –>
À voir aussi peut-être pour vous présenter les futurs possibilités offertes par les CSS3 (j’ai lu ça et là qu’il sera possible d’intégrer une police présente sur le serveur du site…)
Je rajoute ça à la ToDo list.
P.S. : merci pour les encouragements !
Si ça peut t’aider, un membre d’alsacreation avait établi des familles de polices généralistes, afin d’avoir un rendu similaire quelque soit l’OS (une police / OS). Ce qui évite d’avoir du Verdana qui parait très grand à la place du Arial ou inversement.
http://covertprestige.info/tes.....s-web.html
http://cybercodeur.net/weblog/.....essage=676
Bonne chance ^^