Quel est le nombre idéal de tailles de police à utiliser pour un site Web?


11

J'aimerais savoir combien de tailles de police pouvez-vous utiliser pour un site Web.

Quelqu'un m'a dit qu'il valait mieux ne pas utiliser plus de 3 tailles de police différentes (par exemple 16px pour le titre, 11px pour le texte et 13 px pour les titres plus petits).

Est-ce une bonne ou une mauvaise idée d'utiliser plus de 3 tailles de police par page Web (par exemple 4)? Je demande juste parce que j'envisage d'utiliser un quatrième mais je ne sais pas si cela pourrait ruiner mon design.

Réponses:


10

Cette question est intéressante. Honnêtement, je n'ai jamais entendu parler d'un nombre limité de tailles de police. J'ai cependant entendu parler du nombre de faces de police ne dépassant généralement pas 2 ou 3. Dans le Web réactif d'aujourd'hui, vous verrez des tailles de police changer tout le temps en fonction de la fenêtre d'affichage.

Ce ne serait pas une bonne réponse sans certaines sources, donc il y a deux articles intéressants que vous devriez lire dans Smashing Magazine. La première concerne les directives et techniques de typographie (je vous ai lié à la section sur la mise à l'échelle des balises de titre en termes relatifs) h1: 1.5ems, h2: 1.375ems, etc., etc.

Le deuxième article est une vaste étude que Smashing Magazine fait chaque année sur la typographie sur certains des sites les plus populaires du Web. Ces sites sont principalement axés sur le contenu, la typographie est donc d'une importance capitale pour eux.

Je pense que ce que vous trouverez cependant, c'est qu'il n'y a pas de meilleures pratiques généralement acceptées pour les tailles de police. Tant qu'ils ne changent pas considérablement pour distraire le spectateur, vous pouvez jouer avec eux à votre discrétion. Si vous pouvez utiliser les tailles de police de manière distincte afin que l'utilisateur puisse associer une taille de police à un type de contenu particulier, cela devrait aller. N'allez pas par dessus bord.


1
Hou la la! Merci beaucoup pour cette réponse géniale!: D Vous m'avez sauvé la journée! :) Je voulais juste mentionner que le gars qui m'a dit de ne jamais utiliser plus de 3 tailles de police différentes à la fois était mon ancien patron d'un graphisme en Allemagne. Je ne l'aimais pas beaucoup et il m'a dit beaucoup de coups de taureau pendant que j'y travaillais donc je pense que sa règle de 3 tailles différentes est complètement absurde si vous me demandez. Juste un petit mot ...
drpelz

4

J'aimerais savoir combien de tailles de police pouvez-vous utiliser pour un site Web.

Techniquement, une quantité infinie.

Quelqu'un m'a dit qu'il valait mieux ne pas utiliser plus de 3 tailles de police différentes

Une `` bonne '' conception a tendance à fonctionner avec un ensemble de contraintes, donc beaucoup de ces règles de type empirique ne sont que cela - des contraintes utilisées pour restreindre la gamme d'options pour fournir une certaine concentration et direction.

Est-ce une bonne ou une mauvaise idée d'utiliser plus de 3 tailles de police par page Web

Oui. Et non. Euh ... ça dépend.

Tout est basé sur les détails de votre conception. Demandez-vous: est-ce que l'ajout d'une 4ème taille de police fonctionne? Pouvez-vous justifier son utilisation? Si oui, allez-y.


2

Autant que vous voulez. Pensez à un journal. Il peut utiliser de nombreuses tailles différentes pour les titres afin d'exprimer une importance relative. Il n'y a aucune raison générale pour laquelle vous ne pourriez pas faire de même sur les pages Web. Par exemple, les nuages ​​de tags utilisent fortement la variation de taille de police.


Bien que les journaux utilisent l'échelle pour tenir compte de divers niveaux d'importance, ils étaient également traditionnellement utilisés comme moyen d'ajustement des copies.
DA01

Les nuages ​​de tags en sont un bon exemple!
unor

2

Je suis d'accord avec la plupart des réponses qui ont été données ci-dessus, mais j'aimerais en ajouter une autre ici.

Tout d'abord, je pense que vous devez vous assurer que vous maintenez une mise en page qui restera au maximum attrayante pour les visiteurs. Si vous mélangez et faites correspondre les tailles de police autant, cela pourrait devenir plus compliqué et difficile à lire.

Deuxièmement, considérons la base d'utilisateurs. Qui va utiliser votre site? Certaines personnes utilisent différentes plates-formes et certaines tailles de police sont différentes sur différentes plates-formes.

La chose la plus importante à faire est de garder un aspect cohérent sur vos pages. Bonne chance!


1
Fondamentalement, vous avez raison, bien sûr! :) MAIS 3 tailles de police seulement peuvent rendre difficile le développement d'un site de jeu complexe dans mon cas.
drpelz
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.