Avez-vous déjà conçu une mise en page qui inclut des paragraphes de texte et vous vous demandez pourquoi cela ne rend pas aussi bien ou aussi pro que prévu ?
L'interlignage, la règle des 150%
Il y a de fortes chances que ça soit dû à l'interlignage "par défaut", l'espacement entre les lignes de votre texte, basé sur la police que vous utilisez. Et souvent, l'interlignage par défaut ne permet pas d'avoir suffisamment d'espace blanc entre les lignes de texte.
Si vous ajustez simplement la valeur de l'interlignage dans Figma, à 130% ou 150% par exemple, cela va espacer davantage les lignes, rendre le texte plus lisible et, globalement, améliorer l'aspect de votre mise en page.
Sur Figma :
Si vous ajustez simplement la valeur de l'interlignage dans Figma, à 130% ou 150% par exemple, cela va espacer davantage les lignes, rendre le texte plus lisible et, globalement, améliorer l'aspect de votre mise en page.
Sur Figma :
- Sélectionnez le texte
- Dans la sidebar de droite, cherchez l'icône avec un A sous le block Text
- Tapez 150% dans le champs
Ce petit ajustement peut faire une grande différence. En augmentant l'espacement entre les lignes, vous créez une expérience de lecture plus agréable pour l'utilisateur. C'est ce genre de détail qui contribue à peaufiner et à professionnaliser votre design.
Utilisez une teinte de noir différente
Un autre astuce pour améliorer son design est d'éviter d'utiliser un noir profond comme #000. Prenez la couleur dominante du site et glisser le cursor sur vers le bas au centre du sélecteur de couleur :
Cela permet de garder un bon contraste tout en apportant de la subtilité à votre design.
Cela permet de garder un bon contraste tout en apportant de la subtilité à votre design.
Conclusion
Alors, la prochaine fois que vous travaillez sur votre design et que quelque chose semble manquer malgré l'utilisation de belles polices et d'une mise en page soignée, jetez un œil à votre interlignage et à la teinte de couleur de la typo.
N'oubliez pas, dans le monde du webdesign, les détails font toute la différence.
N'oubliez pas, dans le monde du webdesign, les détails font toute la différence.