French (Français) translation by Henri Lotin (you can also view the original English article)
La bonne typographie apporte hiérarchie et focus aux bons endroits. Ce guide va vous apprendre comment éviter la typographie inefficace et comment mettre l’accent juste sur les mots écrits dans votre design.

1. Tenez compte de l’accessibilité, s’il vous plaît
La bonne typographie signifie concevoir non seulement pour les circonstances idéales, mais aussi pour les pires scénarios, par exemple lorsque quelqu'un a une vision ou une lecture altérées en vertu des conditions de faible éclairage. Visez à avoir un ratio de contraste élevé entre la couleur d’arrière-plan et celle du texte. Il existe de nombreux outils en ligne disponibles pour s’assurer que votre texte est lisible.
- AccessibilityAccessibility Basics: Designing for Visual ImpairmentGraeme Fulton
- TypographyTypographic Readability and LegibilityJeremy Loyd
Le niveau AA du WCAG 2.0 nécessite un taux de contraste de 4.5:1 pour le texte normal et 3:1 pour le grand texte. Le niveau AAA nécessite un ratio de contraste de 7:1 pour le texte normal et 4.5:1 de grand texte.
Du texte avec trop de contraste peut également être difficile à lire. Par exemple, du texte avec une coloration légère sur des arrière-plans sombres.
2. Diminuez les distractions
Une bonne règle de base est de réduire les distractions pour la lecture de texte. Que ce soit l’utilisation de polices trop nombreuses, trop de modèles et de variantes, trop ou trop peu d’espacement entre les lignes. Réduire ces distractions en configurant une limite sur le nombre de styles de police ou de graisse que vous avez dans une mise en pages.
Par exemple, utiliser deux ou trois polices peut fonctionner sur une expérience web, mais plus que cela et vous risquez de rendre l’apparence de la page désorganisée et encombrée.
3. Optimisez la longueur de la ligne (mesure)
La longueur de la ligne moyenne (ou « mesure ») pour le confort de lecture optimal est de 8 à 12 mots par ligne ou environ 50 à 60 caractères par ligne. Cela aidera à faire en sorte que l'œil des lecteurs ne sautent pas trop souvent dès le début à la fin d’une phrase, et aussi un bon truc pour s’assurer que le lecteur va rester engagé.
Portez une attention particulière à ceci lorsque vous concevez des mises en page fluides, comme la mesure est susceptible de changer la taille en fonction de la fenêtre d’affichage. La typographie constitue un excellent point de référence pour statuer sur les points d’arrêt de vos créations.
Conclusion
Avec ces lignes directrices comme point de départ, vous pouvez éviter une mauvaise typographie et communiquer clairement le message de votre création avec des distractions minimales.
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post