Thématique

Typographie / Design Atlas

La typographie n’est pas “juste une police” : c’est une voix, une hiérarchie et une intention. Ici, on décortique les choix qui rendent une mise en page lisible, cohérente et reconnaissable.

Sur cette page

Guides essentiels

Une ressource à recommander ?

Partage une typographie, un article, un livre ou un outil utile : on enrichit Design Atlas avec des références solides et vérifiables.

Proposer une ressource

Guides essentiels

Une bonne typographie commence par une règle simple : la police doit servir le contenu, pas l’inverse. Avant de choisir “une belle typo”, on clarifie le contexte : affiche, article, site, interface, packaging… Chaque support impose un rythme de lecture, une distance, un niveau de contraste et une contrainte de taille. Le bon choix est souvent celui qui reste lisible dans les pires conditions : petit écran, lumière forte, lecture rapide, impression moyenne.

Ensuite vient la hiérarchie. La hiérarchie typographique ne dépend pas uniquement de la taille : elle se construit avec le gras, l’interlignage, l’espacement, la couleur, et surtout la cohérence. Un bon système se résume souvent à 3 niveaux : un titre fort, un sous-titre secondaire, et un corps lisible. Si tu dois “inventer” une nouvelle règle à chaque paragraphe, ton système est instable : il faut simplifier.

Enfin, les associations de polices : le plus sûr, c’est un contraste clair (par exemple une sans pour les titres + une serif pour le corps), ou bien une seule famille typographique avec plusieurs graisses. Deux polices trop proches créent un effet “presque pareil” qui fait amateur. Objectif : contraste net + rôles distincts + ton cohérent.

Analyses

La grande question “serif ou sans-serif” est souvent mal posée. Une serif n’est pas automatiquement “classe” et une sans-serif n’est pas automatiquement “moderne”. Ce qui compte, c’est l’intention : crédibilité, proximité, efficacité, luxe, neutralité, énergie… Une serif à fort contraste peut donner un rendu très mode, très éditorial, mais devenir fatigante en lecture longue. Une sans-serif géométrique peut sembler très contemporaine, mais aussi froide si le reste du design n’équilibre pas.

Quand une police “fait cheap”, ce n’est pas une insulte gratuite : c’est souvent un problème de détails. Les courbes trop raides, les terminaisons grossières, les espacements mal calibrés, ou une italique “fake” détruisent la crédibilité. Autre piège : utiliser une police “display” (faite pour des titres) comme police de texte courant : ça fatigue l’œil et ça rend tout lourd.

Enfin, il y a la lecture réelle : taille, interlignage, longueur de ligne. Une règle simple : si ton paragraphe ressemble à un “bloc compact”, augmente l’interlignage. Si tes lignes sont trop longues, limite la largeur (idéalement autour de 60–80 caractères). La typographie, c’est une mécanique : quand ça marche, on ne la remarque pas — on lit.

Checklists

Checklists

Avant de publier un design, la plupart des erreurs ne sont pas “créatives” : ce sont des détails d’exécution. Une checklist te fait gagner du temps et évite le rendu “pas fini”. L’objectif n’est pas d’être rigide, mais d’être cohérent : un système typographique propre rend tout le reste plus crédible, même avec peu d’éléments.

  • Interlignage : le texte respire-t-il ? (ni tassé, ni trop aéré)
  • Contraste : lisible partout ? (fond clair/foncé, mobile, impression)
  • Hiérarchie : on comprend tout de suite ce qui est titre / sous-titre / corps ?
  • Espaces : marges, alignements, espaces avant/après cohérents ?
  • Longueur de ligne : pas de lignes interminables qui fatiguent
  • Italique & gras : utilisés pour un rôle clair (pas pour “faire joli”)
  • Deux polices max : sinon ça part en catalogue

Si tu valides ces points, ton design gagne instantanément en niveau. Ensuite seulement, tu ajustes l’esthétique : le style doit venir après la structure.