Serif, Sans, Script & Slab: 4 types de polices expliqués

Vous avez toujours voulu connaître la différence entre les polices serif, sans, script et slab? Cherchez pas plus loin. Faites passer votre jeu de typographie au niveau supérieur et arrêtez de deviner si certaines polices ou paires de polices fonctionnent ensemble. Soutenez votre logique avec une petite théorie du design!

Une meilleure connaissance des polices et de la typographie peut faciliter l'explication de vos choix aux clients (toujours un bonus) et vous donnera plus de confiance lors de la sélection des paires de polices. Voici une introduction (ou un rappel) sur quatre types de polices courants et comment les utiliser dans vos projets de conception.

Explorez Envato Elements

1. Serif

Les polices Serif sont sans doute la catégorie de caractères la plus traditionnelle. Le style est commun à la composition dans les livres et les journaux et est souvent utilisé dans de longs blocs de texte.

Les polices Serif peuvent être identifiées par de petits divots aux extrémités des lettres.

Pendant un certain temps, de nombreux concepteurs de sites Web n'ont pas utilisé de polices serif car ils craignaient que l'apparence ne soit pas lisible en ligne. Ce n'est plus le cas, grâce aux écrans haute définition qui montrent chaque détail.

Quoi qu'il en soit, l'utilisation des polices serif n'est pas aussi courante que l'option sans. Dans la plupart des cas où les polices de caractères serif sont utilisées, elles complètent une option sans serif qui est utilisée pour la plupart du texte à l'écran.

Les polices Serif peuvent être identifiées par de petits divots aux extrémités des lettres. Ces petits traits peuvent être courts ou longs, droits ou inclinés ou avoir des poids variables.

Les polices Serif sont souvent regroupées en une poignée de sous-catégories en fonction de la période au cours de laquelle le style a été créé à l'origine - style ancien, moderne et transitionnel.

Les empattements de style ancien ont une forme arrondie avec des largeurs de trait uniformes. Chaque lettre d'un empattement moderne a des largeurs de trait épaisses et minces. Les empattements transitoires sont une combinaison des deux styles susmentionnés et sont un style d'empattement presque par défaut pour de nombreux concepteurs.

• Idéal pour: afficher ou corps de texte
• À éviter: empiler trop d'empattements à moins que vous ne recherchiez une sensation à l'ancienne
• Jumeler avec: Un simple sans empattement
• Choix populaires (à partir de Google Fonts): Merriweather, Playfair Display, Arvo

2. Sans Serif

Les polices sans empattement n'ont aucun embellissement aux extrémités des lettres, prenant une forme plus simple. Mais ne pensez pas qu'en raison d'un manque de parure sur les lettres, les sans empattements sont ennuyeux. Ils sont tout sauf.

Évitez les options super minces car elles peuvent être difficiles à lire.

Les styles sans empattement peuvent avoir des lettres épaisses ou minces, courtes ou hautes, grasses ou condensées.

Ce style de type a été utilisé de manière assez dominante dans la conception de sites Web en raison de sa polyvalence. Les polices sans empattement sont universellement acceptées par la plupart des designers et peuvent presque prendre la personnalité du design où elles sont utilisées. (Pensez simplement au nombre de fois où vous avez vu Helvetica, et à quel point ces projets ont été très différents.)

• Idéal pour: afficher ou corps de texte
• À éviter: options super minces car elles peuvent être difficiles à lire
• Associer avec: tout autre style de police
• Choix populaires: Roboto, Open Sans, Raleway

3. Script

Les polices de caractères de script sont l'un des styles les moins courants dans la conception de sites Web, et pour une bonne raison: les scripts ont tendance à susciter des émotions distinctes chez les utilisateurs et peuvent souvent être difficiles à lire.

De nombreux concepteurs font référence aux scripts comme une classe de polices «d'écriture manuscrite».

La plupart des polices de caractères peuvent être identifiées par la courbe des lettres et des traits de connexion, qui imitent l'écriture cursive. De nombreux concepteurs font référence aux scripts comme une classe de polices «d'écriture manuscrite».

Bien que beaucoup de gens supposent que les scripts ont une touche féminine, ce n'est pas toujours le cas. Les scripts avec des traits plus épais ou plus durs peuvent en fait sembler plus masculins. Une grande partie de l'association dépend en fait des éléments de conception environnants.

La plus grande préoccupation avec les polices de caractères de script est la lisibilité. Les scripts ne sont pas faciles à numériser et sont exceptionnellement difficiles à lire à des tailles plus petites ou dans un espace compacté (tels que de gros blocs de texte).

• Idéal pour: afficher en quelques mots seulement
• À éviter: utilisation dans de grands blocs de texte
• Jumeler avec: A sans serif
• Choix populaires: Pacifico, Homard, Sacramento

4. Dalle

Les caractères de dalle sont intéressants. Il fut un temps où les dalles étaient un sous-ensemble de polices serif, mais cela a changé, et les polices de dalles font référence à presque tous les styles de polices avec des poids de trait super épais pour toutes les lettres.

Ce style de type est courant dans la publicité et pour les sites Web lorsque le message est court et distinct.

Ces caractères épais sont presque toujours utilisés pour le type d'affichage et les gros titres. Ils sont audacieux et crient presque à l'utilisateur.

Ce style de type est courant dans la publicité et pour les sites Web lorsque le message est court et distinct. Les dalles peuvent être écrasantes et difficiles à lire si trop de lettres sont utilisées en raison du poids et de la taille. Ce style de type peut également être utilisé pour les éléments de conception tels que les lettrines et les petites applications à lettre unique.

Ce qui est amusant avec les polices de caractères de dalle, c'est qu'en raison des épaisseurs de trait épaisses, vous pouvez faire beaucoup de choses avec elles. Les polices de caractères Slab sont parfaites pour les styles en ligne, les polices de couleur, le remplissage des lettres avec des images ou la création d'un mot transparent sur une image. Les lettres épaisses rendent ces applications plus utilisables et lisibles, d'une manière qui ne fonctionne pas aussi bien avec d'autres styles de police.

• Idéal pour: afficher le texte
• À éviter: utilisation à des tailles plus petites en raison de problèmes de lisibilité
• Jumeler avec: A sans serif ou serif
• Choix populaires: Slabo, Rammetto One, Graduate

Conclusion

Les plus grandes erreurs que les concepteurs commettent lorsqu'ils travaillent avec des polices sont d'utiliser trop de polices ou des polices trop similaires. La plupart des grands couples de types incluent deux familles de types de catégories différentes - choisissez parmi deux des options ci-dessus. Choisissez des polices de caractères avec de nombreuses options et attribuez un rôle distinct pour chaque police de caractères dans la conception.

Recherchez des polices aux formes et aux inclinaisons similaires pour les associations qui fonctionnent ensemble comme un charme. Et n'ayez pas peur d'expérimenter de nombreuses options pour obtenir l'ambiance dont vous avez besoin pour chaque projet.