1. La couleur de paragraphe
La couleur de paragraphe est ce que l’on peut constater lorsqu’on regarde un bloc de texte en plissant les yeux. Si vous regardez un bloc de texte en plissant les yeux, vous remarquerez que ceux-ci ont une sorte de couleur (souvent une nuance de gris). Cette couleur dépend de l’interlignage. C’est-à-dire la distance séparant chacune des lignes du texte. Lors de la lecture, l’œil humain ne lit pas chaque caractère mais effectue une sorte de rebond sur les espaces entre les mots et se fixe parfois pour prendre du repos.
C’est sur ces paramètres de saccades et de fixations que l’interlignage intervient. Si l’interlignage n’est pas assez élevé, les saccades et fixations ne se font plus naturellement et donc demande un effort qui augmente à mesure que l’interlignage diminue. Dans le domaine de l’impression, l’interlignage habituel est de 120% tandis que dans le domaine du web, il varie entre 140% et 180%. Ces pourcentages sont calculés en fonction de la taille de la police de caractère. Les deux images ci-dessous illustrent les différences entre deux couleurs de paragraphe, l’un avec un interlignage correcte et l’autre avec un interlignage incorrecte.
2. La combinaison de police
Tout est dans le titre. Comment réaliser une bonne association de police ? Il est très fréquent que sur une page de journal ou d’un site web, on retrouve plusieurs polices. Mais comment faire une bonne association de police ? Il existe plusieurs méthodes pour vérifier si vos polices sont associables ou pas. Mais avant, il faut préciser quelque chose. Le corps du texte ne correspond pas à la vrai taille du caractère. Prenons comme exemple la lettre « x » écrite avec la police Museo Slab 500 corp 200 pt, on constate qu’en réalité le caractère « x » dans cette police fait 120 pt.
On en arrive à la première méthode d’association de polices, la hauteur de « x ». Cette méthode consiste à comparer les tailles réelles des caractères « x » des deux polices que vous souhaitez associer.
Une seconde méthode d’association de polices consiste cette fois à comparer la chasse du caractère « m ». C’est-à-dire, le dessin de la lettre plus l'espace des deux polices que vous souhaitez associer.
Une troisième façon de vérifier si deux polices sont associables, est de vérifier l’épaisseur des traits notamment du caractère « o ». Chez certaines polices le trait est plus épais sur les côtés du « o » que sur le haut et le bas de la lettre. En superposant les deux caractères « o », on peut constater si l’épaisseur du trait est différente. Si la différence est importante, on parle d’un contraste élevé et inversement si la différence est minime, on parle alors de contraste faible.
Une bonne association de police permet à l’œil humain de garder son rythme de saccade et de fixations évoqué dans le point précédent.
3. La hiérarchie
Dans une zone de texte, il est important de hiérarchiser les informations. Il faut établir un rapport entre la taille du texte qui constitue votre contenu et la taille du texte qui constitue vos titres. Le but ici est de focaliser l’attention sur les choses importantes et de permettre à l’utilisateur de garder un bon rythme de lecture. Il faut donc établir un rapport de proportions, deux choix s’offrent à nous. Parlons musique et géométrie.
