Explication des 5 termes de typographie les plus importants

Parce qu’elle a le fardeau de porter le sens d’une mise en page, la typographie peut faire ou défaire un bon design. Cependant, il ne s’agit pas uniquement de la réflexion des artistes et des annonceurs. Les gens de tous horizons peuvent bénéficier de la compréhension du fonctionnement de la typographie.

Pour tirer pleinement parti de la typographie, vous devez comprendre les éléments qui y sont intégrés. Nous avons compilé une liste de termes de base ainsi que leurs explications qui vous aideront à naviguer dans le monde de la typographie.

1. Polices de caractères et polices

Ce que nous appelons communément les polices, comme Arial et Times New Roman, ne sont pas en fait des polices. Ce sont des polices de caractères.

UNE police de caractères, également connu sous le nom de famille de polices, est un ensemble de polices qui partagent les mêmes éléments de conception fondamentaux. D’un autre côté, un Police de caractère est une variation spécifique au sein de cette famille basée sur un certain nombre de caractéristiques, à savoir:

• Poids: Cela fait référence à l’épaisseur ou à la luminosité d’une police. La plupart des polices de caractères ont un spectre de poids avec des noms descriptifs, de ultra-léger ou mince à gras ou lourd. Le milieu d’une gamme de poids est appelé «moyen» ou «régulier».
• Italique: Il s’agit de savoir si une police s’incline ou non vers la droite. Les polices en italique sont appelées «obliques» ou «italiques».
• Condensation et largeur: Ils font référence à la largeur ou à l’étroitesse de la largeur de la police. Lorsqu’une police est étroite, elle est généralement appelée «condensée» tandis que les polices larges sont appelées «large» ou «étendue».
• Style: Cela fait référence à un changement dans la présentation d’une police plutôt qu’à sa conception principale. Par exemple, certaines familles ont une police «contour», qui est essentiellement la même que la police standard, sauf qu’elle n’affiche qu’un contour de chaque caractère.

Pour avoir une meilleure idée de cela, nous utiliserons la police la plus courante dans la conception — Helvetica Neue — comme exemple. Helvetica Neue est une police de caractères, car il existe de nombreuses polices dans sa famille.

Sous Helvetica, il existe une variété de poids, tels que noir, moyen et mince. Il existe également des versions étendues et condensées. Pour chaque poids et largeur, il existe une version oblique correspondante. Toutes ces variations de poids, largeur et italique sont des polices individuelles.

2. Serif, Sans-Serif et Script

Si vous avez déjà travaillé avec des concepteurs, vous savez qu’une des premières choses auxquelles ils pensent lors de la conception d’une mise en page est d’utiliser Serif ou Sans-Serif. Mais que signifient exactement ces deux choses?

«Serif» signifie «queue» en latin, tandis que «sans» signifie «sans». Par conséquent, un empattement est une police avec une queue au bout du corps. D’un autre côté, un sans-serif fait référence à une police qui n’a pas de queue.

En plus de sans-serif et serif, il existe trois classifications supplémentaires que les concepteurs utilisent pour faire référence aux polices de caractères. UNE scénario se réfère à celui qui simule l’écriture manuscrite incurvée ou la calligraphie. Ce sont particulièrement populaires pour les invitations de mariage.

UNE afficher a des caractéristiques excentriques uniques et est normalement destiné à être vu dans de grandes tailles. Ce sont les polices que vous voyez sur les affiches ou les panneaux d’affichage d’Halloween.

Enfin, un monotype La police contient des caractères qui ont tous la même largeur. Les programmeurs les utilisent pour visualiser plus facilement des blocs de code.

Voici quelques exemples de chacun que vous reconnaîtrez probablement, car ce sont des paramètres de traitement de texte par défaut:

• Serif: Times New Roman, Géorgie, Garamond
• Sans-Serif: Arial, Helvetica, Calibri
• Scénario: Lucida Handwriting, Brush Script, Rage Italic
• Afficher: Refroidisseur, Bauhaus 93, Jokerman
• Monotype: Lucida Console, Courier New

3. Alignement

Si vous avez déjà utilisé un traitement de texte, vous savez probablement déjà ce qu’est l’alignement. Il fait référence à quel côté de la marge un bloc de texte s’aligne.

Un paragraphe peut être aligné à gauche, au centre ou à droite. Par défaut, vous devriez essayer de garder la plupart des blocs de texte alignés à gauche, car l’œil humain commence automatiquement à lire à partir de la gauche.

La plupart des programmes ont une quatrième option d’alignement, qui est justifié alignement. Un alignement justifié signifie que les lignes d’un bloc de texte s’alignent sur les deux côtés de la marge. Ceci est normalement réalisé en modifiant la largeur des espaces entre les mots.

L’alignement justifié peut être divisé en quatre types, selon le côté auquel la ligne finale s’aligne. Si un bloc de texte est entièrement justifié, cela signifie que toutes les lignes d’un bloc de texte s’aligneront de chaque côté. Cela semble normalement un peu désordonné mais peut être utile lors de la conception de certains matériaux.

4. Contraste et hiérarchie

Dans l’image ci-dessus, vos yeux ont probablement regardé immédiatement la deuxième phrase. Cela est dû à la taille, à la variation des polices et à l’utilisation de la couleur rouge frappante. La deuxième phrase utilise le principe de contraste.

Dans la conception, le contraste fait référence à l’idée de créer des différences notables entre les éléments d’une disposition. Lorsque vous travaillez avec la typographie, cela signifie changer quoi que ce soit de la police et du poids à la couleur du texte.

D’autre part, hiérarchie fait référence à l’utilisation du contraste pour souligner l’importance de certains éléments par rapport à d’autres.

Par exemple, dans une présentation PowerPoint typique, l’en-tête d’une diapositive est normalement le plus gros élément et utilise une police plus épaisse. D’un autre côté, dans un document de recherche, les citations au bas d’une page ont une taille de police plus petite que le reste du corps du texte.

5. Suivi, direction et crénage

L’une des choses les plus déroutantes pour un concepteur novice est la différence entre le suivi, le début et le crénage.

suivi fait référence aux modifications de l’espacement entre tous les caractères d’une ligne. Lorsque vous augmentez le suivi d’un mot, vous augmentez uniformément les espaces entre chaque lettre. Les changements de suivi se produisent normalement pour les affiches imprimées et les mises en page des médias sociaux. Et ce sont les outils dont vous avez besoin pour créer des images de médias sociaux partageables.

C’est différent de crénage, qui fait référence aux changements d’espacement entre chaque caractère. Dans l’exemple ci-dessus, le crénage entre les lettres «K» et «e» a été diminué, tandis que le crénage entre les autres lettres est resté le même. Vous prenez normalement en compte le crénage lorsque vous concevez de très grandes dispositions avec peu de caractères.

D’autre part, de premier plan est la quantité d’espace entre les lignes dans un bloc de texte. En traitement de texte, lorsque vous changez un paragraphe en « double espace », vous doublez l’interligne entre les lignes. L’interlignage est particulièrement important si vous tapez quelque chose avec une grande quantité de texte, comme un rapport ou une mise en page de magazine.

La typographie est pour tout le monde

Que vous soyez un concepteur professionnel réalisant une mise en page pour un client, un étudiant rédigeant un document ou un professionnel d’entreprise travaillant sur un diaporama, la façon dont votre texte est présenté peut faire toute la différence. Donc, dans cet esprit, il est important de comprendre les éléments les plus importants.

Si vous en avez suffisamment appris sur la typographie pour concevoir votre prochain projet, voici quelques alternatives gratuites à Photoshop, Illustrator et Lightroom que vous pouvez utiliser pour créer de superbes mises en page. Et si vous n’avez pas encore trouvé la police de caractères parfaite, voici des sites Web pour découvrir et télécharger des polices gratuites.