Regardez n'importe quelle page Web en ligne aujourd'hui, quelle que soit sa taille ou son secteur d'activité, et vous verrez qu'une chose en commun est le contenu textuel.
L'un des moyens les plus simples d'influer sur la conception d'une page Web consiste à utiliser les polices que vous utilisez pour le contenu textuel de ce site. Malheureusement, beaucoup de concepteurs de sites Web qui sont au début de leur carrière deviennent un peu fous en utilisant trop de polices sur chaque page. Cela peut conduire à une expérience confuse qui semble manquer de cohésion conceptuelle. Dans d’autres cas, les concepteurs essaient d’expérimenter avec des polices pratiquement illisibles, en les utilisant simplement parce qu’elles sont «cool» ou différentes. Elles peuvent en effet être cool, mais si le texte qu’elles sont censées véhiculer ne peut pas être lu, la La "fraîcheur" de cette police disparaîtra lorsque personne ne lira ce site Web et partira pour un site qu’elle pourra traiter!
Cet article examine certains éléments à prendre en compte lorsque vous choisissez une famille de polices pour votre prochain projet de site Web.
QUELQUES REGLES-DE-POMME
- N’utilisez pas plus de 3 à 4 polices sur une seule page. Plus que cela commence à se sentir amateur - et même 4 polices peuvent être trop nombreux dans certains cas!
- Ne changez pas la police en milieu de phrase sauf si vous avez une très bonne raison (Remarque - je n’ai jamais, pendant toutes mes années en tant que concepteur web, trouvé une bonne raison de le faire)
- Utilisez des polices sans serif ou serif pour le corps du texte afin de faciliter la lecture de ces blocs de contenu.
- Utilisez des polices à espacement fixe pour le texte et le bloc de code de la machine à écrire afin de le distinguer de la page.
- Utilisez des polices script et fantasy pour les accents ou les gros titres avec très peu de mots.
N'oubliez pas que ce sont toutes des suggestions et non des règles strictes. Cependant, si vous voulez faire quelque chose de différent, vous devriez le faire avec intention, pas par accident.
LES FONDS SANS SERIF CONSTITUENT LA BASE DE VOTRE SITE
Les polices sans empattement sont celles qui ne possèdent pas de empattement, c'est-à-dire le traitement de création ajouté aux extrémités des lettres.
Si vous avez suivi des cours de conception d’imprimés, on vous a probablement déjà dit que vous ne devriez utiliser que des polices Serif pour les titres uniquement. Ce n'est pas vrai pour le Web. Les pages Web sont conçues pour être visualisées par les navigateurs Web sur des moniteurs d'ordinateur et les moniteurs actuels sont plutôt efficaces pour afficher clairement les polices serif et sans-serif. Certaines polices serif peuvent devenir un peu difficiles à lire dans des tailles plus petites, en particulier sur des écrans plus anciens. Vous devez donc toujours connaître votre public et vous assurer qu'il peut lire les polices serif avant de prendre la décision de les utiliser pour votre texte principal. Cela dit, la plupart des polices empattement sont conçues pour la consommation numérique et fonctionneront comme une copie de corps tant qu’elles sont définies avec une taille de police raisonnable.
Voici quelques exemples de polices sans-serif:
- Arial
- Genève
- Helvetica
- Lucida Sans
- Trébuchet
- Verdana
Anecdote: Verdana est une famille de polices qui a été inventée pour être utilisée sur le Web.
UTILISER DES POLICES SERIF POUR L’IMPRESSION
Bien que les polices serif puissent être difficiles à lire en ligne pour les affichages plus anciens, elles sont idéales pour l’impression et pour les titres sur la page Web. Si vous disposez de versions de votre site faciles à imprimer, c’est l’endroit idéal pour utiliser les polices Serif. Les empreintes imprimées facilitent la lecture, car elles permettent aux gens de différencier les lettres plus clairement. Et comme l’impression a une résolution plus élevée, elles sont mieux visibles et ne semblent pas floues.
Meilleure pratique: pensez à utiliser les polices empattement pour vos pages imprimables.
Voici quelques exemples de polices serif:
- Garamond
- Géorgie
- Fois
- Times New Roman
Les polices monospaces occupent un espace égal pour chaque lettre
Même si votre site ne concerne pas l’informatique, vous pouvez utiliser monospace pour fournir des instructions, donner des exemples ou impliquer un texte dactylographié. Les lettres monospaces ont la même largeur pour chaque caractère, elles occupent donc toujours le même espace sur la page.
Les machines à écrire utilisent généralement des polices monospaces et leur utilisation sur votre page Web peut vous donner l'impression de ce contenu dactylographié.
Voici quelques exemples de polices monospaces:
- Courrier
- Courier New
- Console Lucida
- Monaco
Meilleure pratique: les polices monospaces fonctionnent bien pour les exemples de code.
FANTASY ET SCRIPT POLICES SONT DIFFICILES À LIRE
Les polices de script et d'imagination ne sont pas aussi répandues sur les ordinateurs et peuvent en général être difficiles à lire en gros morceaux. Bien que vous puissiez aimer l'effet d'un journal ou d'un autre enregistrement personnel que l'utilisation d'une police cursive peut donner, vos lecteurs peuvent avoir des problèmes. Cela est particulièrement vrai si votre public comprend des locuteurs non natifs. De plus, les polices fantaisie et cursives n'incluent pas toujours les caractères accentués ou autres caractères spéciaux, ce qui limite votre texte en anglais.
Utilisez des polices fantastiques et cursives dans les images et sous forme de titres ou de légendes. Soyez concis et veillez à ce que les polices que vous choisissez ne figureront probablement pas sur la majorité des ordinateurs de vos lecteurs. Vous devrez donc les utiliser à l'aide de polices Web.
Voici quelques exemples de polices fantasy:
- Plaque de cuivre
- Desdemona
- Impact
- Kino
Anecdote: Impact est la famille de polices la plus susceptible de se trouver sur les ordinateurs Mac, Windows et Unix.
Voici quelques exemples de polices de script:
- Apple Chancellerie
- Comic Sans MS
- Lucida écriture
Anecdote: des études ont montré que les polices difficiles à lire pouvaient aider les étudiants à conserver davantage d'informations.
Article original de Jennifer Krynin. Édité par Jeremy Girard le 9/8/17
