Design visuel
Fiche mémo / 29La Typographie
La typo, c'est 95 % du web design. Le reste, c'est du décor.
Pourquoi c'est important
En 2006, Oliver Reichenstein (iA) a écrit quele web design, c'est 95 % de typographie, parce que 95 % de l'information sur le web est du texte. Une expérience célèbre menée par Errol Morris via leNew York Times(45 000 lecteurs) a démontré quela police influence la crédibilité perçued'un message. La règle : 2 fonts max, du contraste dans le style, et une hiérarchie par l'échelle.
Le framework
- 01
2 Fonts Max
Une display/titre + une body. Le contraste vient du style, serif × sans-serif, pas bold × bolder. Plus de 2 fonts = confusion visuelle.
- 02
L'échelle
Base 16px, titres en ratio 1.5× ou 1.618× (nombre d'or). 16 → 24 → 36 → 54. Chaque niveau a un rôle clair dans la hiérarchie.
- 03
L'espacement
Line-height 1.5 pour le corps, 1.1 pour les titres. Letter-spacing négatif sur les gros titres, positif sur les labels et les petits textes.
Pour aller plus loin
Parlons-en ?