CRÉATION D’UN SITE INTERNET
Quelle typographie pour mon site internet ?
Temps de lecture : 2 minutes
#1 | LES DIFFÉRENTS TYPES DE POLICES
L’aspect visuel est un élément majeur dans le jugement d’un site. Un beau support permet de transmettre plus facilement les messages. Il ne faut pas hésiter à travailler le design de son site afin qu’il possède une vraie identité visuelle en cohérence avec l’identité de la marque.
Le choix de la typographie des textes est une composante importante de la création du site. Le choix de la police peut aussi avoir un réel effet sur le taux de rebond ou le taux de conversion du site, surtout si la police est difficile à lire pour les internautes.
5 catégories de polices
- Serif | polices à empattement
- Sans Serif | polices sans empattement
- Cursives | polices simulant l’écriture à la main
- Fantaisies | polices exotiques, décoratives
- Monospace | polices à chasse fixe (chaque caractère a une largeur identique)
#2 | LA TAILLE ET LA GRAISSE
La taille désigne la hauteur du corps de la police, elle peut être exprimée en point, en pixels, en valeur relative (%).
La graisse correspond à l’épaisseur du trait. La base est une graisse « normale » ou regular, on peut soit affiner le trait (léger, light, extra-light, ultra-light) ou épaissir le trait (gras, bold, heavy, black). On met en valeur certains mots, en utilisant la graisse.
La tendance actuelle est à la police de grande taille avec des caractères assez fins.
La taille
- 30 points
- 24 points
- 16 points
- 12 points
- 10 points
- 8 points
La graisse
- Lighter
- Normal
- Bold
- Bolder
#3 | QUELLES UTILISATIONS ?
Selon leurs catégories, les polices peuvent avoir des utilisations différentes.
Quelle utilisation en fonction des catégories
- Serif | les polices à empattement sont traditionnellement utilisées dans la presse papier. Elles représentent la tradition, l’élégance, le sérieux.
- Sans Serif | les polices sans empattement sont plutôt utilisées sur le web car elles sont plus lisibles sur un écran. Ces polices sont plus modernes, plus actuelles.
- Cursives | les polices simulant l’écriture à la main donnent un aspect plus personnel, plus original. Elles sont notamment utilisées dans les secteurs suivants : enfance, artisanat, blog.
- Fantaisies | les polices plus exotiques, décoratives sont à utiliser avec parcimonie.
#4 | COMBIEN DE POLICES
Sur un même site, peut-on associer plusieurs polices de caractères, et combien ?
Il est bien évidemment possible d’associer plusieurs polices, on veille à ne pas en utiliser trop afin de ne pas créer une impression de fouillis, de désordre et réduire la lisibilité du site.
Deux polices pour un même site est un bon compromis, une police pour les titres et une autre pour les paragraphes. On peut choisir une police plus originale pour les titres et plus classique pour le texte des paragraphes.
Tester les associations de polices afin d’avoir une certaine cohérence, les polices doivent s’assortir, sans s’affadir ou sans que l’une des deux domine vraiment.
#5 | MISE EN VALEUR
Comment mettre en valeur une partie de son texte ? Jouer sur la taille des polices, sur la graisse, la couleur, la décoration, mais aussi en utilisant les majuscules ou les minuscules.
Les autres astuces
- Modifier si besoin, la hauteur des interlignes et/ou l’espacement entre les caractères.
- Ajouter des séparations entre les paragraphes.
- Aligner le texte à gauche pour plus de visibilité.
Quelques inspirations d’associations de polices, des conseils, sur les sites ci-dessous :
