La typographie est la représentation visuelle du mot écrit ; si elle est utilisée efficacement, elle peut également ajouter du sens à ce qui est communiqué. Une bonne typographie ne se limite pas à choisir sa police préférée. Il s’agit de définir et de disposer les caractères de manière à ce qu’ils soient lisibles et agréables à l’œil.

Le web et le mobile étant la force dynamique qu’ils sont aujourd’hui, il y a une grande opportunité d’explorer une typographie plus orientée vers la marque. Le site web d’une entreprise est généralement le lieu d’interaction du consommateur avec la marque. Il est donc de plus en plus important de pouvoir faire fonctionner la typographie sur plusieurs plateformes.

– Cristin Burton, graphiste pour Bigstock

Si vous souhaitez faire de la typographie l’une de vos compétences, sans pour autant devenir un web designer expert, il existe de nombreuses ressources pour vous aider à maîtriser cet art. Suivez ce guide qui vous propose un processus hebdomadaire pour devenir un excellent typographe en un mois.

Semaine 1 : Apprendre les bases

Pour utiliser efficacement les caractères, il faut bien comprendre l’anatomie des lettres et la façon dont elles interagissent les unes avec les autres. Cela implique de connaître les différentes parties d’une lettre et la façon dont les polices de caractères sont classées.

Polices de caractères et polices de caractères
Il convient tout d’abord de comprendre ce qui différencie ces deux termes. Une police de caractères est un ensemble de caractères distincts avec des graisses différentes, qui constituent en fin de compte une famille de polices. Une police est un ensemble de styles de caractères à l’intérieur d’une police. Fondamentalement, une police est une taille, un poids et un style particuliers d’une police de caractères, tandis qu’une famille de polices est un ensemble de polices qui partagent une conception globale.

Styles de caractères
Les polices de caractères sont classées en différentes catégories de style afin de définir leur utilisation optimale. La classification la plus courante et la plus élémentaire est celle des polices avec et sans empattement. L’empattement est le petit trait qui part de l’extrémité des lettres, tandis qu’une police sans empattement n’a pas ce type de trait. Les polices sans empattement sont généralement plus faciles à utiliser pour la lecture sur le web, tandis que les polices avec empattement sont idéales pour les titres ou les déclarations audacieuses.

Structure d’une lettre
Les variations dans les parties des lettres sont à l’origine des différents styles de polices de caractères. Chaque police possède son propre ensemble de formes et de tailles uniques. Voici quelques-unes des principales parties que vous devez connaître :

• Hauteur du X : La hauteur d’un x minuscule, ou la hauteur de toute lettre minuscule à l’exclusion de l’ascendant et du descendant.
• Ligne de base : Ligne imaginaire sur laquelle s’appuie un ensemble de caractères pour contribuer à l’uniformité et à la lisibilité.
• Ascendant : La partie d’une lettre qui dépasse la hauteur x.
• Descendant : La partie d’une lettre qui descend sous la ligne de base.
• Comptoir : Les espaces fermés à l’intérieur des lettres.

Ressources
Ces leçons et tutoriels vous aideront à mieux comprendre les bases de la typographie.

• Typographie Web 101
  Il s’agit d’une brève leçon sur les types de polices et d’une introduction à l’espacement des caractères.
• Cours accéléré de typographie : Les bases de la typographie
  Ce cours vous présente les bases de l’anatomie des caractères, les classifications typographiques et la façon dont les styles peuvent influencer le sens.

Semaine 2 : Combiner et modifier les caractères

Tout le monde peut se contenter de choisir une police de caractères qui semble convenir à un projet particulier. Mais si vous voulez vraiment donner du sens à votre projet et personnaliser un style de police pour en optimiser l’efficacité, vous devez apprendre des techniques pour combiner et ajuster manuellement différents styles.

Combinaison de polices de caractères
La combinaison de polices de caractères peut ajouter de la profondeur et de l’intérêt à votre projet, ce qui permet de maintenir l’attention de l’observateur et de garder le regard en mouvement. Certains principes doivent être pris en compte lors de ces combinaisons afin de garantir un style unifié et complémentaire.

Le contraste : Les caractères choisis doivent être suffisamment uniques pour être reconnaissables, mais pas trop différents pour que leurs styles s’opposent. Vous pouvez trouver cet équilibre en modifiant le poids, la taille, la structure et la couleur.

Hiérarchie : Outre le style de vos caractères, vous pouvez créer un contraste en établissant une hiérarchie visuelle qui aide à guider l’œil de l’observateur.

Modifier les polices de caractères
Chaque police de caractères possède un réglage d’espacement intégré pour établir sa structure. Cependant, il arrive que l’espacement ne convienne pas à une certaine mise en page. Vous pouvez y remédier en ajustant ces espaces, connus sous le nom d’avance, de crénage et de suivi. L’interligne désigne la distance entre les lignes de base d’un bloc de texte, le crénage est l’espace entre deux lettres spécifiques et le suivi est l’espacement uniforme entre toutes les lettres d’un texte. En modifiant légèrement ces paramètres, vous pouvez rendre votre mise en page plus lisible, plus esthétique et plus pertinente.

Ressources

• Tutoriel de typographie : L’avance, le crénage, le suivi
  Suivez ce tutoriel pour en savoir plus sur l’espacement des caractères et sur la manière d’appliquer avec succès des modifications à vos caractères.
• Cours accéléré de typographie : Principes de combinaison des caractères
  Il s’agit d’un guide plus approfondi pour créer un contraste efficace en combinant différentes polices de caractères.
• Cinq étapes simples pour une meilleure typographie
  Ce guide vous guide à travers les détails techniques pour s’assurer que les blocs de texte sont lisibles.

Semaine 3 : Mise en page

Même si vous élaborez un simple document textuel, une mise en page soignée peut faire la différence entre un lecteur qui digère l’ensemble du contenu et un autre qui passe à quelque chose de plus intéressant. Les variations de polices et de styles de caractères, l’espace blanc et l’interligne, le crénage et le repérage sont autant d’éléments qui contribuent à rendre un projet esthétiquement agréable.

Grilles : L’utilisation d’un système de grille est un moyen utile de développer une mise en page solide, qui vous permet de trouver une cohérence dans l’espacement et l’alignement. InDesign dispose d’une excellente fonction de grille, facile à utiliser et idéale pour la mise en page et la personnalisation des caractères.

Ressources

• Utiliser les grilles pour les mises en page typographiques
  Il s’agit d’un guide étape par étape pour vous aider à utiliser les grilles.

Semaine 4 : Faire preuve de créativité et utiliser la hiérarchie visuelle

Au fur et à mesure que vous progressez dans vos compétences en typographie, vous pouvez commencer à expérimenter des mises en page plus uniques et plus créatives, et même personnaliser votre propre lettrage. Une fois que vous aurez compris comment créer une mise en page solide, vous pourrez commencer à expérimenter différentes façons de créer une hiérarchie visuelle qui maintiendra l’intérêt des lecteurs.

Hiérarchie : Gardez votre public cible à l’esprit lorsque vous testez différentes mises en page et polices de caractères, et demandez-vous si votre solution répond à ses besoins et à ses attentes. Par exemple, il n’est peut-être pas très efficace d’utiliser une police de caractères très décorative pour un projet qui vise à donner une image de confiance et de professionnalisme. Utilisez ce que vous avez appris sur la combinaison des polices de caractères pour créer différentes hiérarchies.

Le lettrage : Si vous êtes particulièrement ambitieux dans votre démarche pour devenir bon en typographie, vous pouvez vous essayer au lettrage. Il s’agit de « l’art de dessiner des lettres », bien qu’il puisse également être réalisé sur ordinateur (généralement avec Adobe Illustrator).

Ressources

• Créer des hiérarchies visuelles passionnantes et inhabituelles
  Ce cours vous permettra d’apprendre à créer de nouvelles hiérarchies grâce à la taille, à l’espace et aux combinaisons.
• Comprendre la différence entre la typographie et le lettrage
  Approfondissez votre compréhension de ces deux pratiques et décidez de l’étendue de vos ambitions typographiques.

Vous êtes prêts !

Maintenant que vous avez planifié vos leçons de typographie, vous êtes prêt à commencer ! D’ici la fin du mois, vous serez en passe de devenir un expert en typographie, ce qui rendra tous vos projets plus faciles et plus efficaces pour communiquer avec le public.