Nombre de polices par dessin
Je travaille sur un site Web et je me demande à quel moment j'utilise trop de polices et que je dois réduire. En ce moment, j'ai un police manuscrite (HF1) qui est utilisé pour le nom du site, un tout autre police manuscrite (HF2) pour le titre de la page, et un - police serif (SF1) utilisé pour le corps du texte.
Actuellement, je regarde les titres, et je n'aime vraiment pas la façon dont la Géorgie (SF1) ressemble en gras: les personnages semblent déséquilibrés et trop lourds lorsqu'ils sont gros et gras. Je suis déchiré entre ...
- Ne pas les mettre en gras, les distinguer du corps du texte d'une autre manière.
- En leur faisant une police serif différente (probablement Jenson Pro d'Adobe) et en les mettant en gras.
Jenson Pro est une police agréable à regarder, mais je me demande si j'ai trop de choses à faire sur la page en ce qui concerne les polices. Plus généralement, combien peut-on espérer s'en tirer typographiquement?
Je serais minimaliste avec ça.
- Commencez avec une seule famille de polices. Autrement dit, une combinaison de gras, condensé, etc. Par exemple, de ce que je veux dire, voir PT Sans de l'API Google Font.
- Si vous prévoyez d'en ajouter d'autres, justifiez-le explicitement. Autrement dit, convainquez-vous qu'il n'y a pas seulement une raison éthique, mais une raison fonctionnelle pour la police supplémentaire.
- Les variations fonctionnelles évidentes incluent
codeet peut-être la police utilisée dans votre logo. - La raison pour laquelle je dis tout cela est qu'il est plus facile de transmettre un sentiment général d'harmonie si vos polices sont cohérentes d'une manière ou d'une autre - les familles de polices feront tout ce travail pour vous.
Enfin, la même chose s'applique à l'utilisation de la couleur et de la taille - essayez de conserver également un sous-ensemble limité de ces derniers. Le Web Style Guide a quelques bonnes choses sur la typographie pour le web.
Au cours de ma formation en conception graphique, la règle générale exprimée était polices par conception.
Cela comprenait la police du logo. Donc, si vous aviez un logo avec Gotham, c'est 1. Copie du corps, disons ... Lucida, c'est 2. et Titres ou en-têtes utilisant League Gothic, c'est votre 3ème.
C'est comme ça que je le fais de toute façon.
Juste mon propre goût: je pense que si je voulais HF1, je resterais avec HF1 et oublierais HF2. Pour moi, c'est choquant d'être confronté à deux polices de spécialité inconnues. Quant au corps, je choisirais une police sans empattement sans particularité et imperceptible: personne n'a jamais été viré pour avoir choisi IBM ^ h ^ h ^ h Helvetica.
Choisir entre:
- Une seule police
- Police Serif pour les en-têtes, police Sans-Serif pour tout le reste - ou l'inverse
Il s'agit d'une règle de base simple mais efficace pour travailler avec la typographie. Bien sûr, plus vous en apprendrez sur la typographie vous permettra de définir finement le choix (et d'enfreindre la règle d'or), mais c'est une bonne base pour commencer.
Considérez également:
- Le logo est une exception (et devrait rester le seul), mais l'une des deux polices de caractères que vous utilisez devrait bien paraître à côté du logo lui-même. Cette astuce ne compte pas si vous n'avez pas de logo approprié.
- Visez la lisibilité et l'équilibre dans la page.
- Utilisez les variations de manière cohérente: par exemple, utilisez du gras avec la même "signification" tout autour du site Web.
- N'utilisez pas trop de variations dans la page, ni taille ni italique/gras.
- Attention aux différences d'alias sur différents navigateurs.
À des fins d'interface, je viserais la cohérence plutôt qu'une règle stricte et rapide sur la typographie. Si les polices que vous utilisez sont cohérentes à des endroits cohérents, il ne devrait pas y avoir de problème. Privilégiez la lisibilité, la clarté et la cohérence par rapport aux règles.
Donnez-lui une belle apparence et vous serez parfait.
Cela étant dit, visitez des sites comme Google, Apple et celui-ci pour référence.
Pour commencer: je suis d'accord avec les suggestions précédentes de ne pas utiliser trop de polices et d'essayer éventuellement de trouver la même police d'écriture pour les deux utilisations! 2-3 polices par page devraient être le maximum.
Comme vous vous plaignez que votre préférence, empattement "Géorgie", semble trop déséquilibrée, je pense que plusieurs autres options ont été négligées jusqu'à présent:
vous pouvez utiliser un espacement des lettres différent pour vos en-têtes. Je trouve que 'espacement des lettres: 0,2em;' (ou valeur similaire) dans mon CSS rend souvent les en-têtes plus beaux par rapport au corps du texte.
utilisez une pile de polices différente! Je préfère maintenant 'font-family: "Didot", "Bodoni MT", "Century Schoolbook", "Niagara Solid", "Utopia", "Georgia", "Times", "Times New Roman", serif;' pour les en-têtes - ce sont toutes des polices couramment prises en charge. (Google "piles de polices" pour en trouver d'autres).
si tout ce qui précède échoue: utilisez une police pour vos en-têtes qui a une version native "bold" incluse dans la police système, par exemple "Arial + Arial Black" ou les variations "Century Gothic". Je trouve que les polices conçues avec une police en gras ont tendance à avoir moins de problèmes de crénage que les polices classiques stylisées en CSS avec "fort" ou "gras", donc plus équilibrées.
Choisissez un empattement et un sans pour votre projet. Faites attention à les équilibrer lors de votre choix, c'est obligatoire.
Le choix des polices équilibrées signifie une conception de mise en page équilibrée.
Vous utilisez la quantité appropriée de polices de caractères nécessaires. Il n'y a pas de "règle" pour cela autre que l'embauche d'un bon graphiste.
Je suis d'accord avec ehdv pour consolider les deux polices HW, sauf s'il existe une raison impérieuse de les conserver telles quelles ou si elles sont déjà assez similaires.
Pour vos titres, je suggérerais de faire autre chose pour faire ressortir vos titres. Peut-être une plus grande taille et des italiques si vous n'aimez pas le gras? Je suis un grand fan de l'apparence de la Géorgie sur les écrans - mais choisissez quelque chose qui correspond au style de votre site Web.
Vous pouvez vous en sortir avec la typographie que vous voulez tant qu'elle fonctionne. Si vous avez un tas de polices différentes de familles similaires et que rien ne se distingue maladroitement, alors cela fonctionne. Choisissez simplement des polices qui ne gênent pas le lecteur lorsque vous passez de texte -> en-tête -> texte.