Accessibility Tools

La typographie

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.

Image

Sérif

Polices sans empattements.

Police de caractère dite "moderne" même si aujourd'hui elles ne sont pas "nouvelles".

Fantaisies

Polices très originales, plutôt utilisées pour les titres
Image

Sans sérif

Polices avec empattements.

Police de caractère dite "classique".

Facilite la lecture des petits caractères.

Monospace

Police à largeur fixe, faisant autrefois référence aux lettres des machines à écrire.
Image

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 :

  1. Comprendre le sujet, savoir de quoi on parle.

  2. Comprendre la cible, ce qu'elle attend comme information, ce dont elle a besoin

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


Cours mis Ă  jour le 2024-11-13 12:33:18

Ces sujets peuvent aussi vous intéresser