Typographie 101 Comprendre l'anatomie d'une lettre

Tous les concepteurs, qu’ils soient sur le Web ou sur papier, doivent posséder une connaissance de base des polices et du type. L'utilisation de la police de caractères appropriée et la compréhension de l'impact d'une police sur votre conception peuvent ajouter une touche supplémentaire à vos projets d'impression et numériques et les distinguer des autres.

Un domaine important à comprendre est l'anatomie du type. Les ascendeurs, les descendants et les empattements peuvent ressembler à des mots d'une autre langue, mais ils permettent de comprendre le style d'une police de caractères et son rapport avec votre projet. Aujourd'hui, nous allons passer en revue quelques termes que vous devriez connaître.

Anatomie d'une police

Repensez à votre petite enfance et à apprendre à écrire. Le papier que vous avez utilisé pour former ces premières lettres est la même grille que celle utilisée pour identifier les parties d'une police.

La ligne de base est la grille inférieure sur laquelle repose chaque lettre. Les lignes de base sont utilisées à diverses fins, que ce soit pour conserver le type dans un seul plan ou pour aligner plusieurs colonnes de type. Une ligne de base pour le type crée une ligne épurée avec une sensation organisée. L'absence de ligne de base permet aux lettres ou aux mots de ne pas s'aligner et crée un sentiment de chaos.

Les sommets des lettres créent également une ligne de grille horizontale appelée hauteur x. Cette ligne est créée par l'espace vertical utilisé par les lettres minuscules. Le nom est dérivé parce que la lettre? X? illustre ce principe, selon? Type Idea Index: L’outil ultime du concepteur pour le choix et l’utilisation créative de polices.? Plus la hauteur de x d'une police de caractères est grande, plus une police apparaîtra grande, même si elle est comparée à une police de la même taille en points.

Certaines parties de certaines lettres remplissent l’espace au-dessus et au-dessous de la ligne de base et de la hauteur x. Celles-ci se rapportent respectivement aux ascendeurs et aux descendeurs. Les ascendeurs sont les tiges qui dépassent la hauteur x. (Pensez à la lettre? D.?) Les descendeurs sont les parties d’une lettre qui s’étendent en dessous de la ligne de base. (Pensez à la lettre? G.?) La taille et le poids des ascendeurs et des descendeurs varient en fonction de la police et doivent être pris en compte dans votre conception. Les polices à longs caractères, par exemple, peuvent envahir l’espace des autres lettres en fonction de l’espacement des lignes.

Ligatures

Une ligature combine deux lettres en un seul caractère. Ceci est un attribut de certaines polices et une option avec encore plus, mais les concepteurs doivent se méfier des ligatures dans la conception imprimée et numérique. Les ligatures doivent être complètement évitées dans les projets où des ajustements seront apportés à l'espacement des lettres, car les ligatures ne permettent pas de modifications de l'espacement interne. Les ligatures F sont les plus courantes. Quand une minuscule? F? est placé devant une autre lettre avec un ascender central, les lettres se confondent. Pensez mots avec le? Fl ,? et? fi. Dans chaque cas, le? F? enlève une partie de la deuxième lettre - le haut de la? l? et le point sur le? i.? Le? Th? combinaison de lettres crée également une ligature dans certaines polices.

Serif ou pas?

Quel genre de sensation essayez-vous de transmettre? Moderne ou classique? Votre police peut aider. Le style d'une police peut ajouter du sens à votre projet.

Les polices serif plus classiques, celles avec des traits courts allant des extrémités supérieure et inférieure de chaque lettre, sont couramment utilisées pour créer le type de corps dans les livres, les journaux et autres supports imprimés. Ce style de caractères traditionnel est également couramment utilisé dans les communications numériques - pensez à Times New Roman, utilisé depuis l'envoi de messages électroniques à la police par défaut dans de nombreux logiciels de traitement de texte.

Les polices sans empattement, qui ne sont pas délimitées par des lettres, sont devenues la norme en matière de type de corps dans la conception numérique. Les polices sans empattement sont généralement plus faciles à lire dans les projets numériques, en particulier ceux où la police est petite, car les caractères des polices empattées peuvent être perdus à l'écran. Les lignes épurées facilitent la lecture sur le Web. C’est pourquoi l’utilisation des polices sans empattement est devenue si populaire.

Les polices sans empattement sont également couramment utilisées dans la conception d’imprimés pour les gros mots, tels que les titres de journaux. ?GUERRE!? n’aurait pas le même impact avec des détails fantaisistes sur chaque lettre. En revanche, de nombreux concepteurs de sites Web utilisent des polices empattement pour les titres de conception numérique.

Les polices cursives, fantastiques et monospaces sont des styles moins utilisés dans les projets de conception. Chacun de ces trois styles est mieux utilisé dans des applications décoratives et non pour la lecture. Les polices cursives, telles que "Monotype Corsiva ou" Lucida Handwriting, " avoir des lignes qui relient des lettres qui ont également tendance à avoir une inclinaison distincte. Les polices Fantasy, telles que Comic Sans MS, combinent des types de polices ludiques et peuvent ne pas comporter de jeu de caractères complet. Certains typographes ne font pas de distinction entre les polices cursives et les polices fantasy. Les polices monospaces, telles que Courier, ont une largeur définie et sont couramment utilisées dans les applications de codage informatique.

Pouvez-vous me lire maintenant?

En plus de sélectionner une police qui convient parfaitement à votre projet, la sélection de police doit également fonctionner avec votre support d'impression ou numérique.

Grand vs petit type

Dans les projets d'impression, utilisez des polices sans empattement avec une hauteur x inférieure pour les éléments qui utilisent des tailles de point très petites (généralement 8 points sont moins). Le style de police plus rond et horizontal, sans détails supplémentaires, est plus facile à lire à petite taille. Il se reproduira probablement plus précisément également sur une variété de supports. Pour les projets utilisant des caractères plus gros (9 points ou plus), utilisez un mélange de polices serif et sans serif. Imaginez un style de corps traditionnel associé à un titre sans empattement.

Styles de mélange

Pour les projets ne contenant que quelques mots (affiches ou cartes de visite), envisagez également un mélange de styles de police. Assurez-vous que le style de la police principale correspond à votre projet: serif pour des utilisations plus traditionnelles et sans serif pour une sensation plus contemporaine.

Utiliser les polices standard en ligne

Dans les applications numériques, un concepteur doit prendre en compte les jeux de polices standard. Les navigateurs Web utilisent uniquement les polices installées sur chaque ordinateur pour afficher les sites Web, pas nécessairement les polices utilisées pour créer le site. Pour que votre site conserve une apparence cohérente, optez pour les polices standard.

Arial, Comic Sans MS, Courier, Impact, Times New Roman, Trebuchet MS et Verdana font partie des polices standard multi-plateformes les plus courantes (Windows et Macintosh). Si vous souhaitez vous démarquer des polices standard, utilisez @ font-face ou une solution similaire à Google Fonts.

Conclusion

Comprendre les polices au début d'un projet et y réfléchir peut vous aider à prendre le bon départ. Pensez à la taille et à la forme des polices pour chaque projet. Suivez la règle de votre base pour les projets qui devraient avoir une sensation organisée. S'éloigner de la base pour créer le désarroi. N'oubliez pas que les polices ayant une hauteur x plus verticale paraîtront plus grandes que celles ayant une hauteur x plus courte.

Sélectionnez et testez quelques polices lors de la phase de conception initiale et imaginez comment la sélection de type fonctionnera sur différents supports. N'oubliez pas de penser également à la lisibilité et à la convivialité lors de la sélection des polices. Pour les projets numériques, sélectionnez les polices du jeu standard pour vous assurer que votre projet a l'apparence souhaitée.