8 choses à arrêter de faire avec la typographie (dès maintenant!)

Une bonne typographie est un art à ne pas trop gâcher . Les formes de lettres coulent ensemble pour former des mots et des phrases lisibles et ayant une signification visuelle subtile.

Mais si vous ne faites pas attention, il est facile de ruiner la beauté typographique en un instant.

Si vous vous êtes glissé dans l'un de ces pièges de conception, c'est le moment d'arrêter de faire quoi que ce soit sur cette liste pour taper et nettoyer vos pièces de conception. (Votre portfolio vous en remerciera.)

Explorez les ressources de conception

Ajout d'ombres portées

La plupart des polices sont parfaites telles qu'elles sont. (Je suis très sérieux.)

Si les lettres ne fonctionnent pas pour votre conception, vous devriez peut-être envisager un autre choix de type. Ne prenez pas l'option paresseuse et ajoutez une ombre portée ou un contour trop évident au texte.

… Les meilleures ombres passent totalement inaperçues

Il y a cette règle générale sur les ombres portées que plus de gens devraient suivre - les meilleures ombres passent complètement inaperçues. Si vous pouvez voir l'ombre sur un élément de texte, il est probablement trop grand, trop sombre et gênera la lisibilité.

Honnêtement, l'utilisation de ces effets est une façon assez paresseuse d'essayer de faire fonctionner le texte. (Vous voyez généralement des ombres et des contours sur du texte qui devraient avoir plus de contraste par rapport à l'arrière-plan.)

D'un autre côté, vous pouvez créer des éléments de texte de type artistique avec des ombres et des contours. Mais c'est une technique que vous n'utiliserez probablement que quelques fois dans votre carrière de designer.

Utiliser trop de polices

Cela devrait aller de soi. Mais il faut répéter.

L'utilisation de trop de polices ruine toute la typographie d'un dessin. L'utilisation de polices qui ne s'associent pas bien (ou le contenu d'ailleurs) peut ruiner la conception.

Choisissez une palette de typographie pour les projets. Définissez une hiérarchie de types et travaillez à partir de là. Obéissez aux règles de style que vous définissez pour le projet et il est probable que cela se passera bien.

Vous ne savez pas comment associer les polices? Apprendre encore plus.

Ignorer le contraste

Le contraste est la chose qui rend chaque élément du type lisible. Cela est vrai pour les documents imprimés, les sites Web et même les articles tactiles comme les chemises ou les panneaux d'affichage.

Ne pas avoir assez de contraste entre l'arrière-plan et la typographie - ou ne pas tenir compte des changements de contraste dus au contre-jour ou aux éléments environnementaux - est une erreur courante. Et cela peut tuer l'efficacité de chaque mot dans la conception.

… Une typographie très lisible avec un fort contraste est également positive en termes d'accessibilité du site Web.

Vous n'avez que quelques secondes pour capter l'attention de quelqu'un avec un design. Ne perdez pas ce temps précieux car les utilisateurs ont du mal à comprendre les mots que vous voulez qu'ils lisent.

Pour assurer la lisibilité, vous souhaitez placer du texte clair sur un fond sombre (ou vice versa) et ne pas utiliser les mêmes couleurs saturées les unes contre les autres. En règle générale, l'utilisation de texte noir (ou gris foncé) et blanc est la meilleure option lorsque vous avez des doutes sur les combinaisons de couleurs.

Un outil tel que WebAIM Color Contrast Checker peut vous aider à déterminer le contraste des éléments de texte. En prime, une typographie très lisible avec un fort contraste est également positive en termes d'accessibilité du site Web.

Utiliser trop les majuscules, les gras et l'italique

Saviez-vous que de nombreux styles de texte peuvent poser problème en termes d'accessibilité?

L'utilisation d'un trop grand nombre de variantes de type (majuscules, gras, italique et soulignement) peut faire apparaître le texte beaucoup plus compressé et serré qu'il ne l'est réellement. C'est un problème de lisibilité.

Si vous utilisez ces effets de texte pour des accents ou pour souligner un point, arrêtez-vous et demandez-vous s'il existe une meilleure façon. Toutes ces choses sont correctes lorsqu'elles sont utilisées avec parcimonie, mais ne devraient pas l'être tout au long de la conception globale.

Double espace

Arrêtez de mettre deux espaces entre les points (et les autres signes de ponctuation) à la fin des phrases et au début de la phrase suivante. Cela ne laisse qu'un vide étrange. Cet écart peut devenir encore plus gênant à la fin des lignes et entraîner des espaces au début d'une phrase sur une nouvelle ligne.

La composition numérique moderne est conçue pour prendre soin de l'espacement entre les phrases pour vous. Bien que vous ayez parfois besoin d'un ajustement manuel, deux espaces sont rarement nécessaires (sauf si vous créez des éléments de conception sur une machine à écrire).

Oublier l'appareil / la taille de l'écran

N'oubliez pas les utilisateurs mobiles lorsque vous définissez des tailles de police pour la conception de sites Web, des e-mails ou même des images de réseaux sociaux qui seront affichées sur de petits écrans (et contenant du texte).

L'espace entre les lignes est tout aussi important que la taille du texte lui-même.

Bien que ce ne soit pas quelque chose que vous faites pour la typographie en soi, la taille a un grand impact sur la capacité des gens à comprendre le message. Certaines polices de caractères sont également conçues pour des tailles plus petites et offrent un bon rendu, tandis que d'autres familles de types conviennent beaucoup mieux à un affichage de grande taille.

Quand il s'agit de penser aux ajustements de police, considérez la taille et l'interlignage. L'espace entre les lignes est tout aussi important que la taille du texte lui-même.

Pensez à utiliser et choisissez les polices en conséquence. (Même si vous devez ajuster pour différentes tailles d'écran, et vous le ferez probablement.)

Utilisation des tirets dans l'affichage

Ce n'est pas un gros problème généralement pour les concepteurs de sites Web, mais c'est un gros problème pour tout le monde: ne coupez pas les mots en caractères d'affichage.

C'est moche. Et difficile à lire.

Ne le fais pas.

Et ainsi de suite…

Il est temps d'arrêter de penser que vous pouvez simplement continuer indéfiniment avec le type car il est sur le Web. Personne ne lit tout cela, quelle que soit la beauté du lettrage.

Restez fidèle aux mots qui comptent. Il fera un meilleur usage de votre choix de type afin que les gens le lisent réellement.

Plus vous avez de texte dans la conception, plus la typographie est importante.

Quand il s'agit de texte qui se prolonge, pensez à la longueur des blocs de texte. Les paragraphes sont-ils courts et digestes? Utilisez-vous des listes et un formatage qui facilitent la numérisation?

Pensez au nombre de caractères par ligne - cela aide à dicter la taille de la police - et visez 40 à 60 caractères par ligne (un peu moins pour les plus petits écrans). Cela peut vous aider à déterminer si les blocs de texte sont trop gros ou trop difficiles à lire.

Respectez l'alignement standard pour tout sauf les titres. Les longs blocs de texte centré sont incroyablement difficiles à lire. Les gens ne l'aiment pas ou ne s'y attendent pas - en dehors de la poésie - et cela provoque beaucoup de fatigue oculaire. Les blocs de texte justifiés sont également difficiles à lire s'ils sont longs et peuvent entraîner des problèmes d'espacement maladroits qui sont difficiles à résoudre dans les cadres réactifs.

Plus vous avez de texte dans la conception, plus la typographie est importante. Utilisez une police claire et facile à lire sans mise en forme difficile en longs blocs pour faciliter la lisibilité.

Conclusion

Une mauvaise typographie peut ruiner un projet plus rapidement que presque tout autre problème de conception. Pour qu'un design soit efficace, les gens doivent pouvoir le lire et le comprendre. Le plus souvent, c'est sous forme de typographie.

Trop de décoration, un contraste ou une échelle inappropriés et des éléments de texte excessifs sont les problèmes les plus courants en matière de typographie. N'oubliez pas de laisser les lettres seules, de fournir beaucoup de contraste pour une lisibilité optimale et d'utiliser des polices avec des mots qui ont une signification et un contexte partagés.