Préface
La typographie est un sujet vaste, qui mériterait des semaines de recherches et de travail. Nous aborderons ici rapidement quelques points, libre à vous de parfaire votre connaissance sur le sujet, de nombreux ouvrages très bien écrits et illustrés existent sur le sujet.
En bref :
"Typographie" se compose de "type" qui signifie "empreinte" et "graphie" qui signifie "écriture".
À l'origine, le mot typographie est l'art d'assembler des caractères de plomb ou de bois pour réaliser des impressions. Ce terme a pas la suite été utilisé pour désigner la discipline créative consistant à dessiner des lettres, choisir des fontes et réaliser des mises en page.
Ce terme est aujourd'hui utilisé pour désigner une police ou une fonte.
Le fond et la forme
Comme vous pourrez le constater au cours des différentes unités d’apprentissage, la typographie joue un rôle prépondérant dans le design. Elle véhicule une émotion, crée une image mentale du service ou du produit proposé avant même que l’on ait commencé à lire le contenu. Chaque typographie a une personnalité propre qui la rend intéressante pour certaines applications et totalement inappropriée pour d’autres.
Une typographie doit être le reflet de votre projet, et s’accorder avec son univers : sérieux ou ludique, forte ou sensible, lourde ou légère, artistique ou technique…
Il ne faut pas négliger le temps de recherche nécessaire pour choisir avec soin un ensemble de typographies pour un projet.
Définitions
Police de caractère
Une police de caractère est composée d'une ou plusieurs variantes de fontes.
Elle représente un ensemble cohérent malgré les différences notables entre les différentes variantes.
La fonte
C'est une des variantes de la police de caractère. Elle est définie par des propriétés telles que la graisse et le style (italique, hauteur, largeur...).
L'ensemble des caractères qui appartiennent à une fonte sont tous créés dans un style identique.
Caractère
Un caractère est une lettre dessinée dans un style particulier. Il véhicule une émotion, il donne au lecteur des informations sur le sujet évoqué.
Ses particularités sont définies par :
-
Pleins et déliés
-
Épaisseurs des traits
-
Contrastes du trait
-
Oblique / droit
-
Largeur ou hauteur des lettres
-
Originalité
Grandes familles de polices
Il existe de nombreuses façons de classifier les polices de caractères :
-
Classification vox atypi,
-
Classification Thibaudeau
Nous donnerons ci-dessous trois exemples de familles de polices.
Sérif
Polices sans empattements.
Police de caractère dite "moderne" même si aujourd'hui elles ne sont pas "nouvelles".
Fantaisies
Sans sérif
Polices avec empattements.
Police de caractère dite "classique".
Facilite la lecture des petits caractères.
Monospace
Manuscrites / Cursives
Polices faites Ă la main.
Ă€ savoir
La lisibilité
Un texte, aussi petit soit-il, est là pour une bonne raison, il donne une information. Il se doit d'être lisible, sans effort, tout en respectant la distance de lecture que le support induit. Un manque de lisibilité peut avoir des conséquences graves. Outre l'aspect commercial ou un déficit d'information notable, il peut également conduire à des sanctions économiques. Certains supports, comme les étiquettes produits, sont soumis à des normes de lisibilité, il convient au designer de se tenir informé afin de les respecter.
Points d'attention :
-
Attention avec l'usage des majuscules sur une phrase trop longe : problème de lisibilité
-
Attention à l'usage des polices script, elles présentent souvent un déficit de lisibilité en petit ou sur des phrases longues
-
Attention Ă l'usage de typographies trop originales
-
Attention aux contrastes, il faut toujours veiller Ă offrir un contraste entre fond et typo suffisant pour permettre une lecture facile et non fatigante.
-
Attention aux caractères trop fins sur les supports imprimés, surtout s'ils sont apposés sur un fond foncé
-
Les textes blancs sur fond noir sont plus difficiles Ă lire
La hiérarchisation de l'information
La démarche à suivre lorsque l'on doit mettre en page un document texte, ou lorsque l'on doit créer un support de communication est la suivante :
-
Comprendre le sujet, savoir de quoi on parle.
-
Comprendre la cible, ce qu'elle attend comme information, ce dont elle a besoin
-
Définir des objectifs : est-ce purement informatif, y a-t-il une visée SEO ? Une visée commerciale ?
Il faut ensuite définir le niveau d'importance de chaque élément afin de hiérarchiser les différentes informations. Mettre l'ensemble des textes au même niveau implique une perte de lisibilité et d'efficacité de l'ensemble du document.
Les "outils" typographiques et de mise en page :
-
Graisse de caractère
-
Majuscule/minuscule
-
Soulignage, surlignage
-
Interlettrage
-
Choix typographiques
-
Couleurs
-
Disposition dans le document
Le gris typographique
On appelle "gris typographique", l'impression que produit un texte quand on le regarde à une certaine distance. Les mots se confondent alors en lignes et présentent un degré d'intensité variable en fonction des choix typographiques qui ont été faits.
Une mise en page harmonieuse et une bonne hiérarchisation de l'information se définit en partie dans le rapport de contraste titre/sous-titre/gris typographique.
Ce qui définit un "gris typographique" :
-
Choix de la police de caractère
-
Corps de texte
-
Graisse du texte
-
Interlignage
Bonnes pratiques
-
Maximum 3 familles de typographies différentes
-
2 typographies qui présentent un caractère très original maximum.
-
Toujours avoir 1 typographie dédiée aux textes qui sera choisie pour sa lisibilité et le nombre de variantes qu’elle propose.
-
Longueur des lignes : une ligne trop longue peut s’avérer difficile à suivre
-
Respecter les règles typographiques et de ponctuation : accent sur les majuscules, espace après un point… (voir ci-côté)
Règles typographiques
Nous vous conseillons de vous procurer un ouvrage imprimé sur le sujet (le petit livre "Petit guide de typographie"/"Éric martini" est synthétique et très accessible). Des ressources en ligne existent, mais elles sont soit trop simplistes soit trop complexes.
Il est néanmoins indispensable de respecter les règles d'usage.
Cadre légal
Une police de caractère est soumise à droit d'auteur dès lors qu'elle répond au critère d'originalité.
En France, la reproduction d'une typographie sans autorisation est un délit condamnable.
Trouver une police en téléchargement gratuit sur le web ne signifie pas que son usage à titre commercial est toléré.
Il faut donc s'assurer d'avoir la licence appropriée pour chaque typographie utilisée. Une licence peut-être accordée pour le print et/ou pour le web, elle peut également présenter une limitation d'usage.
Trouver des polices
Atttnion, voir "cadre légal" ci-côté.
-
Inclu avec l'abonnement adobe : Adobe font
-
...