Quelles polices assortir sur votre site?

Tout comme pour les couleurs, les polices d'écriture ont un impact important sur le ressenti du visiteur lorsqu'il parcourt une page web !

Les gens regarderont à quoi ressemble le texte, avant même de le lire. Hicham MALKI, IKLAM MEDIA FOUNDER

Associer des polices différentes sur une même page (que ce soit sur le web ou le papier) n’est pas aussi simple que l’on pourrait le croire : encore faut-il trouver le bon équilibre entre la forme des différentes écritures, sans heurter l’œil lors de la lecture. Les spécialistes de la typographie ont sans doute maintes astuces pour éviter les écueils, mais comment faire quand vous êtes novice en la matière?

Les bons designers savent comment trouver l'équilibre entre des polices de caractères classiques et très faciles à lire, et d'autres plus originales. Vous verrez que souvent, ils utilisent une police qui sort du lot pour leurs titres par exemple. Mais ce sont les polices lisibles comme Open Sans qui l'emportent en ce qui concerne le corps de leur site.

Parfois ils utilisent une troisième police complémentaire pour les menus de la navigation, mais celle-ci doit rester simple et lisible.


Nos 5 astuces pour bien combiner des polices:

  • N'utilisez pas trop de polices différentes: La première astuce pour bien combiner des polices est d’en utiliser trois maximum.
  • Jouez sur la taille et la graisse de la même famille: Comme il est conseillé de n’utiliser que deux ou trois polices différentes, vous pouvez jouer sur la graisse et la taille d’une même police.
    Vous serez sûr de ne pas vous tromper et le rendu sera cohérent et harmonieux.
  • Utilisez le contraste: Le contraste est la clé pour combiner des polices correctement. C’est d’ailleurs probablement le conseil le plus important.
    Cela signifie que vous choisissez des polices de deux catégories différentes mais qui s’associent de façon harmonieuse.
    Les combinaisons les plus utilisées sont généralement une police Serif en titre avec une police Sans Serif en corps de texte ou l’inverse.
  • N'utilisez pas deux polices trop similaires: En référence au conseil précédent, si vous combinez des polices de familles similaires, il y aura un gros manque de contraste et le rendu ne sera pas esthétique.
  • Utilisez l'approche: L’approche correspond à l’espace entre les caractères. Elle peut être modifiée afin d’aérer les caractères et ainsi renforcer le contraste et la lisibilité du mot.

La typographie de votre site web doit parler à votre cible

Dans un échange, il y a ce que vous dites, la manière dont vous le dites, et la personne à qui vous le dites. Nous ne parlerons pas aujourd’hui du contenu des textes présentés sur votre site, ce sera à vous de le définir. Mais, pour savoir quoi dire, vous aurez sans doute au préalable réfléchi à la personne à qui vous voulez le dire.

Parce qu’on ne parle pas de la même manière à un courtier en assurance qu’à un skateur, vous devrez adapter votre discours à votre client type. Et la même réflexion concernera aussi la police de caractères de votre page.

En effet, les polices classiques rassureront une clientèle qui l’est tout autant. Mais pourraient sembler ennuyeuses ou dépourvues d’intérêt à des adolescents, par exemple. Or votre site internet doit être tourné vers votre cible.