5 règles pour choisir la police de caractères Web parfaite
La sélection d'une police de caractères pour un projet est un moment déterminant. Parfois, vous chercherez à ajouter de la personnalité à un dessin, bien qu'il soit préférable de laisser ce type d'affichage. Pour le corps du texte, la plupart du temps, vous visez la lisibilité.
La lisibilité et la lisibilité sont souvent confuses. la lisibilité fait référence à la facilité avec laquelle les lettres sont reconnues, la lisibilité fait référence à la facilité avec laquelle les mots, les phrases et les paragraphes sont lus. Le premier délivre fréquemment le second.
Chaque projet a ses propres exigences et aucune police de caractères unique ne conviendra à toutes les situations. Cependant, dans le cas du corps de texte pour le Web, il y a des caractéristiques clés que vous devriez rechercher.
1. Grands comptoirs ouverts
Les compteurs sont les espaces blancs au centre des lettres comme «o» et «c». Les grands compteurs augmentent la lisibilité car ils forment des formes distinctives dans les nombreux traits verticaux qui composent le minuscule latin.
Les polices avec des grands compteurs tendent vers une grande hauteur x (la hauteur des minuscules 'x') par rapport aux ascendeurs et aux descendeurs de la police (les traits étendus sur des lettres telles que 'b' et 'p'). L'augmentation de la hauteur x permet des espaces adéquats dans les lettres telles que «e».
En plus des grands compteurs, les caractères lisibles ont également tendance à avoir des compteurs ouverts avec des ouvertures larges, dans des lettres telles que «c» et «s».
Les caractères de Łukasz Dziedzic sont particulièrement bien adaptés Lato . Lato dispose d'une hauteur x généreuse, soutenue par de grands compteurs ouverts.
En plus des grands compteurs, recherchez des angles vifs aux joints de lettres comme «d», «p» et «n»: en raison de la nature des pixels, l'angle augmente l'espace blanc, ce qui rend les compteurs plus grands. Cet effet peut également être vu dans les demi-compteurs, tels que les espaces sous l'épaule de la lettre «r».
2. Même les coups
Un argument fréquent chez les concepteurs est de savoir si les polices de caractères serif ou sans empattement sont plus lisibles. Certains soutiennent que les empattements augmentent l'unité d'une forme de mot, d'autres soutiennent que les empattements confondent les formes aux petites tailles, d'autres soutiennent qu'il s'agit simplement d'une question de familiarité. Quelle que soit votre conviction, vous trouverez des études approfondies qui prouvent et réfutent votre point de vue.
La vérité est que les sans-empattements sont légèrement plus lisibles, non pas en raison des empattements, mais en raison d'autres caractéristiques communes au style. Plus précisément, les empattements s’étendent d’une tradition calligraphique et ont donc tendance à présenter un contraste de trait plus important. Les traits plus fins ont tendance à disparaître à des tailles plus petites, de sorte que toute police comportant des traits fins intégrés a tendance à perdre de la lisibilité à l'écran.
La plupart des caractères présenteront un contraste de trait afin d'être équilibrés optiquement (les traits horizontaux apparaissent optiquement plus épais que les traits verticaux d'épaisseur identique), mais un contraste moindre produit une plus grande lisibilité.
Il existe cependant de nombreux empattements modernes qui fonctionnent exceptionnellement bien à l'écran.
FF Tisa est une police très lisible. En plus de ses grands compteurs, son contraste de trait est minime. FF Tisa a un caractère typographique compagnon sans empattement: FF Tisa Sans . Comparez les deux et il est clair que c'est la grande hauteur x, les compteurs substantiels et le contraste de course minimal qui produisent sa lisibilité, et non la présence ou l'absence de serif.
Si vous regardez attentivement, vous verrez que FF Tisa a légèrement plus de contraste que FF Tisa Sans. Vous verrez également que dans certains caractères, les "s" par exemple, les empattements ferment un peu les ouvertures. Cela devrait indiquer que Tisa Sans est légèrement plus lisible que Tisa, mais que les empattements offrent un avantage supplémentaire ...
3. Lettres distinctes
Lorsque vous testez une police de caractères destinée à être utilisée à l’écran, avant d’essayer votre nom, votre nom de domaine ou tout autre objet sautant, essayez le texte «1Illinois».
En fin de compte, vous voudrez essayer de nombreuses combinaisons, mais «1Illinois» est la seule phrase dont vous avez besoin pour sélectionner une police de caractères. Non seulement il contient des compteurs ouverts et fermés et une arche pour évaluer le contraste des traits, mais il inclut également certains des caractères les plus problématiques d'une police: le chiffre 1, la majuscule I, la minuscule l et, dans une moindre mesure, la minuscule je.
Prenons l'exemple classique de Gill Sans . C'est un caractère magnifiquement dessiné, mais il ne fonctionne pas à l'écran. Tapez «1Illinois» dans Gill Sans et vous verrez que les lettres sont indiscernables à toutes les tailles. C'est à ce niveau que les polices serif - qui perdent un peu de lisibilité avec un contraste de course plus élevé et des ouvertures plus étroites - retrouvent un équilibre avec les sans empattements. Comparer Merriweather avec Gill Sans et vous pouvez voir que malgré les formes de lettres sensiblement plus simples de Gill Sans, Merriweather est beaucoup plus lisible en raison des caractères distincts qui sont plus faciles à réaliser avec l'ajout d'empattements.
Des formes de lettres distinctes ne sont pas l'apanage exclusif des empattements. Fira fait un excellent travail en distinguant les caractères avec une variation de hauteur et les queues en minuscule 'l'.
Idéalement, vous trouverez une police de caractères variée dans le jeu de caractères. Les polices de caractères à double histoire traditionnelle «a» et «g» ont tendance à être plus lisibles que les formes géométriques telles que Futura.
Un de mes favoris personnels est Ideal Sans . Il ne gère qu'une légère distinction entre les majuscules «I» et les minuscules «l», mais regardez attentivement et vous verrez que pratiquement chaque trait est distinct. L'asymétrie et la variation entre les personnages qui se reflètent généralement les uns les autres produisent une police très lisible lorsque la taille du texte est normale.
4. rythme constant
Le rythme est l'un des facteurs les plus importants dans une police de caractères, car nous traitons le texte en saccades - de petits sauts le long de la ligne - qui sont plus faciles à traiter si l'espacement est cohérent.
Une police de caractères ne peut pas contrôler l'espacement entre les lignes du texte, mais elle contrôle l'espacement vertical. il est possible d'ajuster le suivi du texte, de le resserrer pour afficher le texte et de le desserrer pour le corps du texte, mais cela ne permet pas d'ajuster le rythme des traits intégrés à la police.
Outre ses ouvertures serrées, le mauvais rythme est l’un des Helvetica Les points les plus faibles. Comparez-le à celui de Dalton Maag Effra , ou Łukasz Dziedzic's Plus Pro qui a un beau rythme.
Ne cherchez pas une police ayant un rythme vertical mathématiquement exact; pour ce faire, un concepteur de caractères devrait généralement déformer les lettres au point de perdre leur lisibilité d’autres manières. Recherchez plutôt une police qui tend vers un rythme prévisible.
5. arme secrète
Il existe une arme secrète que vous pouvez utiliser lors de la sélection du type pour le Web qui est évident, mais souvent négligé.
Toutes les polices les plus lisibles que j'ai recommandées jusqu'à présent dans cet article ont été conçues au cours des six dernières années - Lato (2010), FF Tisa (2008-10), FF Tisa Sans (2011), Merriweather (2013), Fira Sans ( 2013), Effra (2008), More Pro (2010) - par des concepteurs de types qui concevaient spécifiquement pour une utilisation sur écran.
Helvetica est un choix épouvantable pour le Web, mais comment pourrait-il en être autrement quand il a commencé sa vie il y a pas six ans, mais presque soixante ans?
En cas de doute, vérifiez quand une police de caractères a été conçue. Si elle a été publiée ces dernières années, elle prévoit probablement (avec quelques exceptions délibérées) une utilisation sur le Web.
Conclusion
Chaque projet a des exigences spécifiques qui affecteront vos choix. Je me suis concentré sur les exemples minuscules car la plupart des textes sont en minuscules, mais si vous concevez un tableau de bord, vous devrez probablement porter une attention particulière aux chiffres. Si vous concevez pour une marque internationale, vous aurez probablement besoin d'un jeu de caractères étendu.
La joie de la typographie est que chaque projet a des cas d'utilisation qui signifient qu'aucune police de caractères n'est toujours la meilleure option.
Rechercher des compteurs généreux, même des traits, des formes de lettres distinctes et un rythme vertical constant. Concentrez votre recherche sur les polices conçues à l’ère du Web.
Depuis l'avènement du web type, nous avons commencé à développer un style typographique distinct qui répond aux restrictions imposées par les médias, et les polices qui prospèrent le plus en ligne sont celles qui ont été conçues.