La typographie est, en résumé, la disposition de type pour faciliter la communication. En tant que métier, il existe depuis des centaines d'années, mais la forme du web en est encore à ses balbutiements - sans aucun doute, les typographes de cette décennie auront le souffle coupé sur notre manque de trait d'union doux.
Sur le Web, la typographie est largement définie par ses limites. Nous n'avons tout simplement pas le contrôle que les typographes imprimés prennent pour acquis. Pour produire une bonne typographie Web, vous devez maîtriser les bases car les bases sont tout ce dont nous disposons.
Malheureusement, si vous google "typographie", vous trouverez rapidement que le Web est inondé de mauvais conseils qui vous mèneront à un travail de moindre qualité. Voici quelques-uns des pires mythes que nous avons trouvés sous forme de conseils, et les raisons pour lesquelles vous devriez les ignorer.
Il existe de nombreux mythes relatifs aux empattements et aux sans-empattements, ainsi que leurs rôles préférés dans la conception. Le plus fréquemment répété est que les sans-empattements fonctionnent mieux à l'écran car les empattements ont trop de détails pour être bien rendus en pixels.
Le défaut de cet argument est que l'œil humain ne lit pas les lettres individuelles, il scanne les formes des mots; formes de mots qui aident à créer. S'il est vrai que beaucoup de détails sont perdus dans une police affichée en ligne à 16pt ou moins, cela vaut pour les empattements et les sans-empattements. Géorgie,Officina Serif, et Sabon sont tous d'excellents choix pour le corps du texte à l'écran et sont tous en empattement.
Lors de la sélection d'une police de caractères, déterminez si elle a été conçue pour le travail que vous envisagez, des empreintes sans empattement et des empattements sont disponibles pour à peu près n'importe quelle tâche et fonctionnent plus ou moins bien les unes que les autres.
Quiconque a étudié la typographie sera conscient de l'échelle typographique. Il fonctionne ainsi: 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72. Développé au 16ème siècle, il est toujours utilisé dans la plupart des applications de conception.
J'ai entendu des designers très respectés y faire référence comme l'échelle musicale du design visuel, et le fait de s'en éloigner équivaut à jouer une note de bum. Cependant, pour étendre cette logique, limiter notre dimensionnement à l'échelle typographique équivaut à ne jouer que de la musique en utilisant la gamme C-major; embrasse au revoir à tes disques Dizzy Gillespie.
L'utilisation d' une échelle typographique facilite certainement la création d'une hiérarchie visuelle, mais l'utilisation de l' échelle typographique est une «règle» qui subsiste lorsque les polices sont des objets physiques et que les variations coûtent de l'argent.
De plus, avec des mesures disparates dans des polices différentes - 18pt Gill Sans n’a pas la même taille que 18pt Minion - l’introduction d’une seconde police rompt de toute façon l’échelle.
Une échelle typographique est un excellent outil pour commencer à construire une mise en page, mais ne permet jamais aux mathématiques de dicter votre travail de conception.
Demandez-vous: «Pourquoi la typographie devrait-elle être invisible?» La réponse est que la typographie (ou le design en général) qui attire l'attention sur elle-même détourne l'attention de son sujet.
Comme avec beaucoup de mythes, celui-ci contient un grain de vérité: une grande typographie est invisible lors de la conception pour une lecture prolongée. Il ne fait aucun doute que si vous lisiez Moby Dick, vous quitteriez à la page 4 si elle se déroulait à Futura.
Cependant, la lecture étendue est rare sur le Web et le rôle de la typographie inclut plus généralement le renforcement de la marque.
L'exemple le plus célèbre d'un concepteur qui a enfreint cette règle est la mise en page de David Gunson en 1994 pour le magazine Ray Gun, dans laquelle il a accordé une interview complète à Bryan Ferry dans Zapf Dingbats. Il est souvent cité comme une mauvaise conception parce que les mots de Ferry n'ont pas été communiqués au lectorat du magazine (en réalité, ils ont été entièrement reproduits dans les dernières pages du magazine). Cependant, ni Ferry, ni ses fidèles fans n'étaient les clients de Carson; son client était le magazine Ray Gun, qui avait une image rebelle à entretenir; vingt ans plus tard, la diffusion est encore controversée, j'appelle cela un travail.
La leçon est que pour aborder un design typographique, vous devez d'abord établir vos objectifs. Si vous concevez un blog, alors oui, la lisibilité - et donc l'invisibilité - sera au centre de votre conception, mais pour la grande majorité des sites Web commerciaux, le renforcement de la marque et les qualités expressives de la typographie sont bien plus importants.
Ce mythe est né de la facilité avec laquelle les applications de conception nous permettent de changer de police. Compte tenu du fait qu'il est plus facile de changer de police que de changer de direction, il ne faut pas oublier que cela a été un exercice utile.
Cependant, si vous changez de police "pour voir à quoi cela ressemble", vous avez manqué le point. La hauteur de ligne, le suivi, le contraste et la mesure, et-al, sont votre conception et dépendent de façon cruciale de votre choix de caractères.
Le temps de changer de police est de 9h15 le jour 1. Faites-le bien, puis continuez. Si vous revenez sur votre sélection de polices une fois que votre mise en page complète est en place, vous devrez probablement recommencer à zéro.
Il y a une méfiance inhérente chez la plupart des personnes vivant dans une société capitaliste, nous avons tendance à supposer que tout a une valeur monétaire et que tout ce qui est donné gratuitement n'a aucune valeur.
Je serais la première personne à utiliser au maximum la carte de crédit sur un ensemble de polices si nécessaire, mais cela n'est souvent pas nécessaire. La façon dont les gens choisissent de monétiser leur entreprise varie considérablement en ligne. Par exemple, il n'est pas rare de trouver des fonderies de caractères distribuant des polices régulières de leurs polices de caractères, tout en exigeant une prime pour les polices «professionnelles» telles que les petites capitalisations. Vous trouverez également fréquemment de grandes entreprises telles que Google et Mozilla qui offrent gratuitement leurs polices de caractères.
Il est certainement vrai que beaucoup de polices gratuites sont médiocres, mais j'ai aussi vu des polices se voir attribuer des centaines de dollars que je serais gêné d'utiliser.
Vous êtes un designer, utilisez les yeux de votre designer pour sélectionner la bonne police. Une fois que vous l'avez trouvé, vérifiez le prix.
Ce mythe s'applique non seulement à la typographie ou à la conception en général, mais à tous les domaines de la création. Je ne serais pas surpris qu’il y ait un comptable quelque part en train de donner une leçon à un stagiaire avec cette phrase.
En gros, cela signifie que si vous allez enfreindre les règles, vous devez le faire en connaissance de cause et délibérément, afin de produire un bon travail.
Mon problème avec ceci est que trop de concepteurs acceptent les règles, les directives, les suggestions et les conseils comme étant immuables, et les suivent inconditionnellement. Comment savons-nous que la mesure optimale pour une colonne de texte est d'environ 65 caractères? Parce que c'est ce qui a fonctionné avant. Comment les concepteurs savaient-ils que cela fonctionnerait avant? Parce que quelqu'un l'a essayé.
À mesure que la technologie et les intentions se développent, les règles doivent inévitablement changer avec elles. 65 caractères représentent-ils la largeur de colonne optimale pour un design réactif? Devrions-nous même imposer une largeur de colonne? Nous ne pouvons pas savoir, car nous ne l'avons pas encore assez essayé. En tant que communauté, nous apprenons au fur et à mesure.
Alors, voici comment je voudrais que nous réécrivions ce dernier mythe: vous devez enfreindre les règles pour les connaître.
Image / vignette en vedette, image de l'oeil via Shutterstock.