Aujourd'hui, nous vous proposons quelques règles et quelques conseils pratiques pour vous assurer que le contenu textuel de votre site web est également agréable à lire.
Tout d'abord ledisposition du texte sur un site n'est pas facile. L'harmonie entre les parties écrites et graphiques ne doit pas être sous-estimée. Les type de police que vous utilisez et sa caractérisation sont tout aussi fonctionnelles à la performance générale du site que la mise en page graphique.
Quelle police utiliser pour un site Web ?
Le format du texte sur le Web
Si dans un magazine, dans un journal ou dans un livre, le choix de la police a une importance graphique, stylistique et fonctionnelle, cela se produira encore plus dans une page Web. lecture rapide à l'écran c'est beaucoup plus difficile qu'une lecture sur papier, tant pour la luminosité de la vidéo que pour le temps d'attente devant un moniteur. Ce n'est donc pas un hasard si un texte, conçu pour le papier et projeté en vidéo, doit nécessairement subir des modifications, des coupures, des traitements dans la structuration et la visualisation des concepts fondamentaux.
L'attention du regard sur la page n'est pas continue comme dans le cas de la lecture sur papier. L'oeil fait un analyse visuelle de la page dans son intégralité, capturant ici et là des éléments importants sur lesquels s'attarder : paragraphes, mots en gras, listes à puces, symboles.
Dans ce contexte, le choix de la police il a une valeur fondamentale à la fois pour identifier le contenu principal et sa pertinence par rapport à ce que vous recherchez, et en termes de lisibilité.
Ce n'est donc pas un hasard s'il existe des polices créées expressément dans le but d'être lues à l'écran, qui sont celles que l'on retrouve le plus fréquemment dans les pages Web.
Texte, couleurs et arrière-plan
Un autre fait à ne pas négliger est la rendu visuel et chromatique du texte sur une page. Un bloc de mots trop dense, une taille de police trop petite, un texte tout en gras, démoralisent tout de suite le lecteur qui a peu de temps et se fatigue vite et peut-être sait-il qu'il peut trouver d'autres contenus de son intérêt ailleurs, mieux paginés et arrangés plus fluide.
Il a été prouvé qu'un texte de couleur sombre, de préférence noir, sur fond clair est le plus lisible de tous. Plus généralement, il doit y avoir un fort contraste entre les mots et le fond : ici la règle du ton sur ton ne fonctionne pas du tout.
La police
Un web designer qui choisit une police pour le texte de son site dispose, en théorie, d'un nombre infini de polices à utiliser pour restituer au mieux l'équilibre graphique. Le choix est cependant soumis à deux facteurs fondamentaux :
- lisibilité la police utilisée ;
- compatibilità de la police avec les polices installées sur le poste du navigateur.
Pour pallier le deuxième point et utiliser des caractères qui suivent la mise en page graphique du site, nous utilisons le texte dans les graphiques. C'est-à-dire que, souvent, on choisit de rapporter des parties textuelles au format image (textes écrits avec un programme graphique et sauvegardés par exemple dans un fichier gif ou jpg). La même chose est vraie lors de la création de sites entiers dans Flash. Dans ces cas, vous disposez d'une totale liberté dans le graphisme et dans la représentation du texte, mais il ne faut jamais oublier l'exigence de lisibilité.
Deux autres exigences importantes pour les pages Web sont :
- indexage des pages individuelles ;
- la facilité de réalisation mises à jour.
Si nous voulons que le contenu du site soit indexé dans les moteurs de recherche et, par conséquent, atteint par un nombre croissant d'utilisateurs, nous devons le signaler sous forme textuelle.
En ce qui concerne les mises à jour, cependant, nous devons nous assurer que nous avons la possibilité de modifier le texte rapidement et facilement. Précisément pour toujours tenir compte de ces besoins, il est conseillé de minimiser le texte dans les graphiques en utilisant des images pour des écrits particuliers tels que des récompenses ou des titres.
Avec l'avènement et la diffusion d'Internet, de nouvelles polices ont été spécialement créées, idéales pour la lecture à l'écran. Considérons les deux plus populaires et célèbres : le Verdana et le Géorgie.
- Verdana: est le meilleure police à utiliser sur le web. Les caractères sont bien espacés, proportionnés et lisibles même à des tailles assez petites. Le gras est toujours très visible et les caractères similaires sont bien différenciés. La police a été publiée en 1996 par le groupe de typographie Microsoft et le nom fait référence au terme « verdoyant » qui désigne une zone verte, comme celle de Seattle.
- Géorgie: C'est l'évolution du Times New Roman. Il a été créé pour être lu en vidéo et le sa forme donne plus d'élégance et de légèreté aux lettres. La version de la police est datée de 1993 et est toujours par Microsoft. Le nom dérive de l'état américain.
Une seule police n'est jamais utilisée dans la création de pages Web. En général, une famille de polices est attribuée au texte. L'ancienne étiquette a déjà été utilisée font face: il était ainsi possible d'attribuer au texte des groupes de caractères « standard » personnalisés. Par exemple:
ce faisant, un utilisateur qui n'aurait pas installé Verdana sur son pc (ce qui est peu probable) aurait affiché le texte avec l'Arial et ainsi de suite.
L'arrivée du CSS
La vraie révolution dans la gestion et la mise en forme du texte s'est faite avec l'introduction des CSS (feuilles de style), aujourd'hui utilisées non seulement pour le texte, mais surtout pour paramétrer la mise en page des sites internet.
Dans les "familles" les polices peuvent être indiquées par deux spécifications :
- nom de famille: le nom des caractères à utiliser. Si le nom comporte des espaces, tels que "Times New Roman", il doit être placé entre guillemets.
- nom générique: Indique le type de police, notamment :
- serif : police avec remerciements ;
- sans-serif : police sans empattement ;
- cursive : police d'écriture manuscrite, qui imite l'écriture manuscrite ;
- fantaisie : caractère décoratif ;
- monospace : police monospace, avec une largeur fixe.
La balise de police ressemble à ceci :
(argument font mentionnons les autres attributs. Taille de police, par exemple, indique la taille de la police. Elle est généralement exprimée en pixels, mais une valeur peut également être attribuée dans d'autres unités de mesure, des valeurs absolues ou des pourcentages.
Spécifications indiquant le font-style, le poids de la police, le variante de police et le transformation de texte indiquer tous les attributs relatifs aux italiques, gras, majuscules et minuscules. Il est également possible d'indiquer la couleur et la décoration.
La grande innovation apportée par les feuilles de style concerne également la possibilité de gérer l'interligne, les marges, la distance entre les lettres, l'espacement à partir d'une case ou la possibilité de créer des listes à puces personnalisées à la manière d'un éditeur de texte.
C'est ainsi que les pages Web sont devenues plus sophistiquées dans l'affichage des textes écrits et précises dans la mise en page graphique générale.
La valeur émotionnelle et émotionnelle
Les personnages communiquent : les plus linéaires et professionnels comme leAvant Garde, le Avenir,Helvetica, l'"écriture manuscrite" comme Mistral, brillant écriture indiquent la confiance et le calme, tandis que les plus ludiques (Comic Sans, Bande dessinée) évoquent un monde joyeux et renvoient à la bande dessinée.
La choix de police c'est donc une conséquence directe de ce que l'on veut comunicare et le type de communication que vous souhaitez établir.
