background image
113
T Y P O G R A P H I E W E B
En plus de la couleur, les liens hypertextes au fil
du texte peuvent êtres soulignés, facilitant ainsi
leur repérage pour l'utilisateur.
body {
font-size:
62.5%;
}
p {
font-size:
1.3em;
}
Les valeurs relatives s'appliquent à la taille des caractères, à l'inter-
ligne, aux paragraphes et aux marges. Leur défi nition avec les em ou
les % (ou les deux) est une bonne façon de s'assurer que le design est en
lien avec la résolution du moniteur et le format de la page. Cette façon
de travailler et cette méthode de mesure sont ce qui constitue la plus
grande différence entre l'imprimé et le Web.
INTERLIGNE
Tout comme pour l'imprimé, la valeur par défaut de l'interligne est
de 1.2 em ou 120 % de la force de corps du caractère. Cette valeur peut
facilement être augmentée de 1.3 à 1.5 em (de 130 à 150 %) pour faciliter
la lecture à l'écran.
ALIGNEMENT
Le côté gauche et la partie supérieure de la page sont les seules parties
immobiles communes aux diverses plateformes. Le côté droit et le bas de
la page s'agrandissent ou se réduisent selon les besoins. Il est important
d'en tenir compte au moment de la conception. L'alignement du texte à
gauche est une façon de s'assurer que l'internaute peut mieux « suivre »
la mise en pages.
Les titres ou intertitres peuvent êtres centrés dans la fenêtre.
L'alignement à droite est approprié dans un tableau ou avec des chiffres.
Enfin, la justification au carré est possible, mais s'avère plutôt risquée,
car le format de la page peut faire en sorte que de grands blancs appa-
raissent entre les mots.
COULEUR
Comme il a été indiqué précédemment, le meilleur contraste pour lire
un texte, qu'il soit consulté dans Internet ou qu'il apparaisse dans un
docu ment imprimé
33
, est rendu par du texte foncé sur un fond clair. Il
ne faut pas oublier que le support du Web est un écran.
33. Pour plus d'information sur la couleur, voir p. 66.