La hiérarchie typographique : diriger l'oeil du lecteur sur une page
Titre, sous-titre, corps de texte : sans hiérarchie claire, même le plus beau contenu devient illisible. Les leviers concrets pour composer une page qui guide naturellement la lecture.
Pourquoi une page sans hiérarchie ne se lit pas
Un lecteur ne lit presque jamais une page dans l'ordre : il la scanne d'abord, cherche des repères, puis décidé s'il vaut la peine de s'arreter. Sans hierarchy claire, ce système de niveaux visuels qui distingue titre, sous-titre et corps de texte, tout se mélange et l'oeil ne sait plus ou se poser.
Cette hiérarchie ne depend pas seulement de la taille des caractères. Elle se construit par la combinaison de plusieurs leviers : le poids de la police, l'espacement, la couleur et surtout le contrast entre les niveaux, cet ecart percu qui rend un titre immédiatement identifiable face à un paragraphe.
Les leviers concrets : kerning, leading, contraste
Le kerning, l'espacement entre deux lettres précises, évite les collisions visuelles disgracieuses sur les gros titres, la ou chaque paire de lettres devient visible. Le leading, l'espacement vertical entre les lignes, influence directement le confort de lecture d'un long paragraphe : trop serre, il fatigue l'oeil ; trop aere, il fait perdre le fil.
Ces reglages fins semblent invisibles au premier regard, mais c'est justement leur discretion qui fait la différence entre une page qui respire et une page qui fatigue des la première ligne.
Composer une page qui se lit sans effort
Limiter le type pairing à deux polices maximum, une pour les titres et une pour le texte courant, évite la cacophonie visuelle et facilite la cohérence sur l'ensemble d'un document ou d'un site. Chaque niveau de titre gagne ensuite a suivre une scale, une echelle de tailles proportionnelle, plutôt que des valeurs choisies au hasard.
Le meilleur test reste toujours le même : imprimer la page, la regarder à distance et vérifier que l'oeil sait immédiatement ou commencer sa lecture. Si ce parcours n'est pas évident en trois secondes, la hiérarchie mérite encore un tour de reglage.
Vocabulaire de l'article
6 termes“The visual hierarchy guides the eye from the headline to the body text.”
“Increase the contrast between the title and the paragraph.”
“Tight kerning can make a headline harder to read.”
“Add more leading to make long paragraphs easier to read.”
“This type pairing combines a bold serif with a clean sans-serif.”
“We used a modular scale to size all the headings.”
Contenu Premium
Accédez à toutes les leçons, articles et ressources avec l'abonnement Pro.
Voir les tarifs