William Hutter

February 8, 2024

Un conseil ultra rapide pour améliorer votre typographie en webdesign

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.



interlettrage.png



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 :
  1. Sélectionnez le texte
  2. Dans la sidebar de droite, cherchez l'icône avec un A sous le block Text
  3. 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.


interlettrage-2.png




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 :

image.png



Cela permet de garder un bon contraste tout en apportant de la subtilité à votre design.

interlettrage-2.png



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.








About William Hutter

Freelance web designer, Shopify Expert, technical marketer and front-end dev. 
Vis dans le Vercors 🏔️