Hiérarchie Typographique

La hiérarchie typographique est un aspect crucial de la conception UI/UX qui organise le texte en styles (par exemple, titres et corps de texte) pour une meilleure lisibilité et structure. La plupart des conceptions utilisent 1 à 6 styles de titres et plusieurs variations de texte de corps.

Vous pouvez utiliser le site Typescale pour déterminer la hiérarchie de police idéale.

• Entrez une taille de base (généralement 14px ou 16px pour le corps de texte);
• Sélectionnez une échelle (ratio de mise à l'échelle de la police) comme Minor Third (1.2), Major Third (1.25), ou Golden Ratio pour les polices plus grandes.
• Personnalisez les paramètres tels que le nom de la police, le poids, l'espacement des lignes, l'espacement des lettres et la couleur;
• Copiez les valeurs des titres et du texte de corps dans Figma ou modifiez-les selon vos besoins tout en maintenant le ratio d'échelle. Vous pouvez multiplier ou diviser la taille de la police par le ratio d'échelle sélectionné pour créer des tailles de titres ou de corps de texte cohérentes;
• Bien que le ratio d'échelle fournisse de la cohérence, vous pouvez ajuster les paramètres en fonction des exigences de votre conception.