6 conseils pour une utilisation correcte de la typographie sur le web

Ce contenu fait partie du dossier historique de Sitelicon. Il conserve les informations disponibles à la date de publication; les conditions, les outils et les exigences des plateformes peuvent avoir changé.

Contexte

La bonne utilisation de la typographie lors de la conception d’un web est fondamentale. Si le contenu n’est pas lisible ou pas correctement structuré, il n’est pas pour rien d’autre. Lire du texte sur un écran est souvent une tâche plus fastidieuse que de lire sur papier, il est donc important de prendre soin de cet aspect. Il y a un certain nombre de règles qui peuvent nous aider à configurer les textes d’un web d’une manière correcte, fluide et attrayante.

• Assez grande taille

Pas à la taille minuscule de police! Il y a eu un temps où nous essayions de montrer beaucoup d’informations dans l’espace le moins possible à tout prix, surtout pour éviter le défilement, mais heureusement, cela ne devrait plus être ainsi. La taille de police doit être assez grande pour être lisible de manière confortable sur n’importe quel écran. Peu importe combien d’espace il faut.

De plus, il est bon d’établir une hiérarchie bien marquée, en utilisant la taille pour différencier les titres, sous-titres, paragraphes, etc. N’ayez pas peur d’utiliser de grandes tailles de police.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 10 / typogratia02.jpg

• Interligne / espaces vides

Pour que la lecture soit confortable, il est important que les lignes ne soient pas trop proches, mais pas trop séparées les unes des autres. Plus ou moins, la taille d’interligne d’un paragraphe devrait être de 120 à 160 % de la taille de police utilisée. Les tailles de petites lettres ont besoin d’un interligne proportionnellement plus grand que les tailles de grandes lettres.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 10 / typogratia03.jpg

• Contraste

Un texte avec une couleur de fond peut être difficile à lire. Un texte avec trop de contraste peut également être inconfortable, en particulier dans des textes clairs sur des arrière-plans sombres. Il est nécessaire d’établir un contraste approprié pour faciliter la lecture et éviter les problèmes d’accessibilité. [Guides W3C] (http: / / www.w3.org / TR / AERT # color-contrast http: / / www.w3.org / TR / WCAG20 / # visual-audio- contraste)

Il existe des outils Internet qui peuvent nous aider à confirmer si le choix de couleur que nous avons fait répond aux normes.

• Meilleures lignes courtes

Bien que nous lisions plus rapidement si les lignes sont plus longues, nous préférons les lignes courtes. Ceci est sujet au montant du texte, au type de lettre et à la taille, à la taille de l’appareil et à d’autres variables, mais 65 caractères sont la mesure moyenne généralement acceptée pour lire confortablement sur un écran d’ordinateur. Sur mobile, la taille des lignes est beaucoup plus petite, et les 39 caractères utilisés dans les colonnes étroites de la presse papier ont été acceptés comme mesure moyenne standard.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 10 / typogratia04.jpg

• Ne pas utiliser une justification complète ou ciblée

La justification juste d’un paragraphe, sauf exceptions, n’est pas la justification centrée ou complète. Dans notre culture, le sens de la lecture est laissé à droite et le plus confortable est de trouver que chaque ligne commence toujours au même point. Le texte focalisé, dans de longs paragraphes, est donc insuffisant pour son irrégularité. Dans les textes avec une justification complète, l’espace entre les mots n’est pas cohérent, nous pouvons trouver des lignes de mots très ensemble et d’autres avec des mots très séparés, donc il n’est pas confortable pour la lecture. La justification à gauche est la plus appropriée pour les textes sur Internet.

http: / / www.contrabase.com / wp-content / uploads / 2015 / 10 / typogratia05.jpg

• Choix typographique

Il est conseillé de choisir des typographes conçus pour le web, actuels et optimisés pour la lecture à l’écran. Il y a une grande variété de typographes, il est important de choisir le bon pour chaque cas : il n’est pas le même titre que le corps d’un article. Ne abusez pas des typographes décoratifs. Il est également nécessaire de s’assurer que la typographie choisie comprend tous les caractères dont nous aurons besoin : chiffres, symboles, la lettre…

http: / / www.contrabase.com / wp-content / uploads / 2015 / 10 / typografia06.jpg

Conclusion

La typographie est un élément qui doit être pris en charge beaucoup pour faire de beaux et harmonieux dessins, mais surtout, **[utilisable] (http: / / www.contrabase.com / déseno-web / déseneneno-para-the-user /)**surtout en sachant que ces conceptions vont être vues à partir d’écrans de périphérique très différents, des écrans de bureau, aux téléphones mobiles. Avec ce petit guide, il sera plus facile de savoir si la conception de nos textes est appropriée.