Typographie : 10 règles essentielles à suivre pour réaliser un site web efficace

Comme sur le papier, une composition typographique sur le web doit respecter certaines règles pour être harmonieuse, lisible et fonctionnelle. Cette petite vidéo revient sur 10 règles importantes dans ce domaine.

RÈGLE N°1 : UTILISER LES TEXTES LOREM IPSUM AVEC PARCIMONIE

Les faux textes, tel que Lorem Ipsum sont à éviter pour les modèles de conception web et dans la seconde version adressée au client.

RÈGLE N°2 : UTILISER LE CODAGE HTML POUR LA HIÉRARCHIE DE CONTENU

Afin de hiérarchiser au mieux votre contenu, il est important d’utiliser le codage HTML avec les différentes hiérarchies de titres par exemple : h1, h2, h3, h4…

RÈGLE N°3 : UTILISER LA BONNE MICRO-TYPOGRAPHIE

Pour faciliter la lecture, il est nécessaire de faire attention au crénage, c’est-à-dire à l’espacement entre les lettres, à l’interlignage, l’intervalle entre les deux lignes et à l’interlettre, qui est l’espace horizontal entre les lettres.

RÈGLE N°4 : AMÉLIORER LA PRÉSENTATION DE LA TYPOGRAPHIE DU SITE INTERNET AVEC CSS

La typographie est un élément important pour démarquer votre site internet des autres. Une typographie personnalisée sera plus attractive pour les visiteurs du site.

RÈGLE N°5 : UTILISER UNE TYPOGRAPHIE RÉACTIVE

Pour un Webdesign réactif il faut une typographie réactive. C’est-à-dire qu’en fonction des différents écrans, la taille de la police s’adaptera.

RÈGLE N°6 : UTILISER LES COULEURS PRUDEMMENT

En ce qui concerne le contenu web écrit, il est important de choisir judicieusement ses couleurs car certaines couleurs ne s’accordent pas, sont éblouissantes ou rendent le texte peu lisible.

RÈGLE N°7 : MIXER LA POLICE SÉRIF

La police de caractère Sérif est devenue obsolète et il est préférable de la mélanger avec des polices Sans Sérif ou Cursives.

RÈGLE N°8 : METTRE L’ACCENT SUR CERTAINS TEXTES

Pour ce faire, utiliser la taille en mettant certains mots en plus grands, la largeur des lettres en écrivant quelques mots en gras ou encore en ajoutant de la couleur.

RÈGLE N°9 : NE PAS ÉTIRER LA POLICE

Il est important de ne pas étirer le texte tant dans sa largeur que dans sa hauteur car ceci le déforme.

RÈGLE N°10 : CHOISIR LA BONNE POLICE

Il doit y avoir une correspondance entre la police de caractère et le design du site. Il est préférable de ne pas utiliser les polices telles que Comic Sans, Papyrus, Curlz MT, Arial, Courier New mais plutôt Vollkorn, Ubuntu, Droid Sans ou Lato qui sont moins utilisées.