Tout ce qu'un débutant doit savoir sur la typographie. En typographie, un minimum de connaissances est essentiel. Ceux qui maîtrisent une bonne typographie rendent notre monde plus lisible et plus beau. Découvrons comment…
Apprenons comment.
Police de caractères vs. Typo
Avant d’aller plus loin, abordons un sujet de confusion : la différence entre une police de caractères et une Typo.
- Une police de caractères décrit la conception de la forme de la lettre — une typo est son véhicule.
Par exemple, Editorial New
est une police de caractères ; ses différents styles (comme l'Italique ou le gras) sont des polices.Anatomie d'une Police
Hauteur du capuchon, hauteur X et ligne de base
La hauteur des capitales définit la hauteur des lettres majuscules plates d'une police. Cependant, les lettres rondes comme le « O » et les lettres pointues comme le « A » dépassent la hauteur des capitales pour équilibrer visuellement le texte.
La ligne de base est le plan horizontal sur lequel le texte est placé. Les lettres minuscules avec des jambages descendants, comme la lettre « y », s'étendent sous la ligne de base.
La hauteur d'X correspond à la hauteur du x minuscule d'une police. Les polices dont la hauteur d'X est plus grande paraissent plus grandes que celles dont la hauteur d'X est plus petite. Dans l'exemple ci-dessus, Neue Machina paraît plus grande que Neue Montreal en raison de sa hauteur d'X plus élevée, même si elles sont toutes deux rendues à 18 px.
Serif
Un empattement est le trait final du trait le plus long d'une lettre.
Majuscule
Les majuscules sont la forme la plus grande des lettres. Le début des phrases et les noms propres utilisent une majuscule.
Minuscule
Les lettres minuscules sont la version plus petite des lettres qui constituent la majorité du texte dans les paragraphes.
Tige
Un bol est la zone courbée, arrondie et fermée d'une lettre comme dans un a minuscule.
Descendeur
Un descendant est la partie de certaines lettres minuscules qui se situe sous la ligne de base d'une police, comme un y minuscule.
Ascendeur
Une hampe ascendante est la partie de certaines lettres minuscules qui dépasse la hauteur x d'une police comme un k minuscule.
Ligature
Une ligature relie des lettres ensemble pour former un seul caractère.
Fleuron
Un fleuron est l'extrémité effilée d'une lettre comme dans un e minuscule.
Terminal
Une borne est l'extrémité courbée d'un trait comme dans un f minuscule.
Colonne vertébrale
Une colonne vertébrale est le corps d'un s minuscule.
Barre transversale
Une barre transversale est le connecteur horizontal d'une lettre comme un A ou un B majuscule.
Comptoir
Un compteur est la zone fermée d'une lettre.
Classification des types
Les polices avec et sans empattements sont les deux principales catégories de polices. Les polices avec empattements présentent des traits d'extension à la fin de leurs traits. Les polices sans empattements se définissent par ce qu'elles ne sont pas : elles ne présentent pas d'empattements à la fin de leurs traits.
Editorial New est un exemple de police à empattement et Neue Montreal est une police sans empattement.
Les polices avec empattement conviennent parfaitement aux usages traditionnels et aux supports imprimés, tandis que les polices sans empattement sont plus adaptées aux environnements modernes et au web. Cependant, l'important n'est pas tant la catégorie que l'utilisation de la police.
Les polices avec et sans empattement se répartissent en plusieurs catégories principales :
Humaniste sans empattement
Les polices humanistes intègrent des aspects calligraphiques et présentent un style plus affirmé que les autres polices sans empattement. Elles intègrent souvent des largeurs de trait modulables, tandis que d'autres se rapprochent davantage de leurs homologues géométriques.
Géométrique
Les polices géométriques sont issues de l'influente école allemande du Bauhaus . Elles intègrent des formes universelles quasi parfaites et incarnent le minimalisme.
À l'ancienne
Les polices de caractères anciennes, comme les sans-serif humanistes, ont une forte influence calligraphique. Elles évoquent le classique et incarnent la tradition.
De transition
Les polices de transition allient les caractéristiques classiques des polices anciennes aux tendances modernes. Elles constituent un excellent choix si vous recherchez un style sophistiqué pour une application moderne.
Moderne
Les polices modernes, également appelées Didone, se caractérisent par des empattements fins et s et des traits épais. Cette variation de la forme des lettres crée un contraste qui définit la classification.
Empattement
Les polices à empattements carrés présentent des empattements épais, semblables à des blocs. Elles sont devenues populaires au XIXe siècle, à l'époque où la publicité américaine était en plein essor.
N'oubliez pas les polices d'affichage
Les polices d'affichage sont des exemples amusants et excentriques. Des objets comme des affiches ou des invitations utilisent souvent des polices d'affichage. Ces polices ont un aspect unique, mais lorsqu'elles sont utilisées à outrance, elles finissent par paraître ridicules.
Des polices de caractères pour résister
Les polices de caractères comme Papyrus, Comic Sans et Brush Script sont connues pour être surutilisées et dépassées. Elles sont devenues un cliché à éviter dans le monde de la typographie. Soyez prudent.
Styles de police
Combinaison de polices de caractères
Pour un amateur, il est bien plus facile de gâcher une bonne chose que de l'améliorer avec des éléments supplémentaires. Avant d'intégrer une police supplémentaire, pensez à différencier votre police existante en variant les tailles et les styles.
Cependant, si vous décidez de combiner des polices, privilégiez le contraste à la similarité. Et pour l'amour de la typographie, limitez-vous à une ou deux polices supplémentaires au maximum.
Crénage
Le crénage, également appelé interlettrage, désigne l'espace entre chaque lettre d'un mot. Un crénage incorrect est omniprésent et peu de personnes s'en rendent compte. Il est généralement ajusté dans les titres et les logos.
Un graphiste amateur peut apporter d'innombrables modifications à un logo qui paraît un peu bizarre, sans se rendre compte des incohérences entre chaque lettre. Les problèmes de crénage deviennent plus évidents à mesure que le texte est agrandi.
Suivi
L'espacement des caractères, également appelé espacement des lettres, correspond à l'espacement entre les lettres. Augmenter l'espacement des caractères confère aux éléments de texte secondaires, comme les légendes, une touche de style. Évitez l'espacement des caractères dans le corps du texte.
Interligne
L'interligne, aussi appelé interligne, correspond à l'espace entre chaque ligne de texte. Un interligne trop court rend le texte incompréhensible, tandis qu'un interligne trop important donne l'impression que chaque ligne est un élément distinct. Un interligne compris entre 1,3x et 1,6x la taille de police est idéal.
Alignement
L'alignement du texte peut être déterminant pour la réussite ou l'échec d'une page. En général, les paragraphes sont alignés à gauche. Attention au texte justifié, car il peut créer des espaces qui s'étendent le long du paragraphe, appelés « rivières ».
Hiérarchie
Créer une hiérarchie typographique est le le plus efficace de guider le lecteur à travers un texte. Établissez une hiérarchie en distinguant le texte de différentes manières. Vous pouvez différencier un en-tête de son corps de multiples façons, par exemple en augmentant sa taille ou en le mettant simplement en gras. Il n'y a aucune limite aux différentes manières dont un designer peut hiérarchiser ; l'important est qu'il le fasse.
J'espère que cet article vous aura apporté suffisamment de connaissances pour améliorer votre typographie. Ensemble, nous pouvons rendre le monde plus lisible et plus beau.
