Styles de caractères pour la conception Web et imprimée

La grande majorité des gens sont bombardés de polices de caractères à partir du moment où ils se réveillent le matin jusqu'au moment où ils se couchent le soir. Des applications sur leurs téléphones aux produits de toilette dans leurs salles de bain en passant par les panneaux qu'ils voient lors de leurs trajets matinaux, la typographie est partout. Mais combien de personnes remarquent vraiment les styles de caractères qui les entourent chaque jour ?

Même les concepteurs sous-apprécient les polices de caractères et fondent souvent leurs décisions typographiques sur des opinions vaguement fondées plutôt que sur une compréhension objective. La plupart des designers connaissent-ils même les contextes industriels d'origine pour lesquels les différentes polices de caractères ont été conçues ? Que signifient ces contextes et ces histoires pour déterminer la lisibilité, le caractère approprié et l'utilisation d'une police de caractères donnée ? Quelle que soit la discipline de conception dans laquelle on travaille, qu'il s'agisse de conception visuelle ou UX ou de conception d'impression traditionnelle, les polices de caractères sont des éléments essentiels de pratiquement chaque élément de conception produit.

Certaines des polices de caractères les plus influentes utilisées aujourd'hui sont souvent négligées au profit de conceptions de polices de caractères uniques qui sont plus récentes sur le marché, et parfois à juste titre. Chacune des polices de cet article date de plusieurs décennies, voire de plusieurs siècles, et a toutes été conçue pour des contextes technologiques différents. Ainsi, de nombreuses alternatives ou mises à jour ont été créées depuis leur introduction. Même certaines des polices conçues à l'origine pour les écrans sont devenues obsolètes à mesure que les écrans et les imprimantes deviennent de plus haute résolution et capables d'afficher avec précision des formes plus complexes.

Polices Serif

Comprendre la différence entre les styles de police avec empattement et sans empattement est l'une des règles de police les plus fondamentales. Pour beaucoup, cela peut être évident, mais l'empattement est le trait donné à la fin des lignes horizontales et verticales principales d'un caractère. Il existe de nombreuses sous-classes dans les empattements, y compris les empattements capillaires, en coin et en dalle, qui décrivent tous les qualités visuelles de l'empattement lui-même.

En général, les empattements ont une histoire plus longue que les san empattements, car ils ont été les premières polices de caractères utilisées pour imprimer des livres après l'invention de la presse Gutenberg. Essentiellement, les empattements permettent une lecture longue et plus confortable, car les empattements guident l'œil en douceur d'un caractère à l'autre, ce qui rend l'empattement idéal pour les travaux imprimés longs. Pour cette raison, les empattements restent généralement la police de caractères incontournable pour les ouvrages imprimés tels que les livres ou les rapports, bien que ce ne soit pas une règle absolue. Chaque police de caractères a ses propres qualités spécifiques, et certaines polices de caractères avec empattement ne conviennent pas vraiment aux gros morceaux de corps de texte (et certaines polices de caractères sans empattement qui sont parfaitement lisibles et lisibles pour les travaux de forme longue).

Baskerville

Baskerville est l'un des empattements classiques qui a résisté à l'épreuve du temps et qui est encore largement utilisé aujourd'hui. Baskerville a été conçu dans une période de transition entre les premiers caractères typographiques (Bodoni et Didot) et les caractères à venir des XIXe et XXe siècles. Baskerville a réussi grâce à ses formes de lettres remarquablement contrastées.

Le designer, John Baskerville, était un perfectionniste intense et a ainsi créé une police avec de beaux détails. La police de caractères ne pouvait être imprimée que sur ses propres machines pour garantir que les lettres soient correctement transférées sur la page. Cette histoire est significative, car Baskerville a été adapté aux différents médiums avec lesquels nous travaillons aujourd'hui. Les détails incorporés dans chaque forme de lettre rendent Baskerville inadapté aux supports à faible résolution, y compris les écrans à faible résolution ou les mauvaises imprimantes. Cela étant dit, lorsque Baskerville a la possibilité d'exprimer sa qualité, c'est une excellente police de caractères avec empattement.

Un bon exemple de police numérique moderne sur laquelle Baskerville a fortement influencé est la police commandée par Amazon pour le Kindle, Bookerly. Si vous cherchez une alternative à Baskerville qui conserve sa richesse vieille de 200 ans tout en étant mise à jour pour la lisibilité à l'écran, Bookerly pourrait être une bonne solution. D'autres alternatives incluent Mme Eaves et Plantin.

Times New Roman

Times New Roman, comme de nombreuses polices largement utilisées qui existent depuis un certain temps, est une police de caractères polarisante qui est appréciée par beaucoup mais également détestée par certains. Souvent, ce que les gens aiment ou détestent chez TNR est le même : sa neutralité apathique.

Matthew Butterick écrit: «Times New Roman n'est pas tant un choix de police que l'absence de choix de police, tout comme la noirceur de l'espace lointain n'est pas une couleur. Regarder Times New Roman, c'est regarder dans le vide. Times New Roman semble si simple en grande partie en raison de son omniprésence écrasante en raison de son exposition au journal pour lequel il a été conçu, le Times de Londres.

Times New Roman a été conçu pour les intérêts commerciaux du journal, qui était de maintenir la lisibilité tout en entasser autant de mots dans une ligne - et donc une page - que possible. Les concepteurs ont été très publics sur l'utilisation de la police avec les journaux, car elle est plus étroite et plus lisible dans les colonnes minces, mais pas idéale pour les livres avec des lignes plus longues. Cette efficacité a été obtenue en augmentant la hauteur x et en réduisant considérablement le suivi ou l'espace entre les caractères.

En raison du succès de la police de caractères auprès du Times, Times New Roman a été adopté peu après par la plupart des journaux américains, ce qui en fait l'une des polices de caractères les plus omniprésentes. En raison de cette omniprésence, certains concepteurs déconseillent d'utiliser Times New Roman, car cela peut donner l'impression d'apathie ou de bon marché. Certaines autres polices de style éditorial que vous pourriez envisager sont Arnhem, Le Monde Journal ou Plantin.

Garamond

Garamond Antiqua est une police de caractères puriste à l'ancienne conçue par l'emblématique poinçon parisien Claude Garamond. Garamond a été l'un des premiers visages conçus pour le jeu de caractères, ce qui signifie qu'il était idéal pour les textes à long corps de la nouvelle mode de son temps : les romans.

En tant que qualité inhérente à l'époque à laquelle il a été conçu, Garamond donne au texte une impression de style ancien. Pourtant, ses empattements arrondis gardent le texte plus informel que beaucoup de ses homologues à empattements. Garamond est resté une police prolifique grâce à ses formes claires, permettant aux utilisateurs de lire longuement sans se fatiguer. Les grands corps et les hautes hauteurs d'x des personnages créent beaucoup d'espace autour de chaque lettre, ce qui rend les mots perceptiblement plus grands et donc plus lisibles.

Bien que de nombreux designers plaident pour l'intemporalité de Garamond, ses formes ne sont tout simplement pas idéales pour la typographie Web. Les vertus de Garamond en version imprimée incluent ses courbes douces qui se fondent d'un caractère à l'autre, ce qui le rend plus lisible pendant de longues périodes. L'inconvénient est que ces courbes deviennent floues à des tailles plus petites à l'écran, ce qui nuit à sa lisibilité. Ainsi, malgré les nombreuses recréations de Garamond que l'on peut trouver en ligne, la plupart des concepteurs pour écran estiment qu'il est devenu obsolète. Cela dit, les concepteurs d'EB Garamond pensent toujours autrement et tentent de redynamiser ce classique dans la communauté open source.

Si vous cherchez des alternatives à Garamond, consultez Sabon ou Minion.

Géorgie

Peut-être en réponse à des polices de caractères comme l'échec de Garamond à l'écran, Matthew Carter a été chargé par Microsoft dans les années 1990 de concevoir une police de caractères spécifiquement pour la lisibilité à l'écran. Et la Géorgie est née.

Beaucoup pensent que la Géorgie n'a pas la qualité neutre des autres empattements produits en masse, tels que TNR, et cela donne au texte une qualité amicale et charmante. Ainsi, l'exploit de conception impressionnant de Carter est qu'il a réussi à résoudre le problème de la lisibilité à l'écran tout en conservant le caractère attrayant des faces imprimées.

L'histoire raconte que Carter a conçu Georgia tout en travaillant sur une nouvelle version de la police Scotch Roman du XIXe siècle. La Géorgie conserve bon nombre des qualités de son prédécesseur. Cependant, afin de créer Georgia pour l'écran, Carter a apporté quelques modifications essentielles : augmenter la hauteur x, arrondir les chiffres et créer de légers désalignements afin de conserver un sens du caractère.

Bien que la Géorgie soit maintenant établie comme un classique, elle est également largement considérée comme ayant une sensation plus moderne que de nombreuses autres polices de caractères avec empattement. Miller et Abril ont une sensation similaire et sont de bonnes alternatives.

Polices de caractères sans empattement

Bien que certains puissent affirmer que le style de police sans empattement est apparu pour la première fois dans l'Antiquité, il n'a été officiellement intégré à l'utilisation généralisée et à la société moderne qu'au XIXe siècle. Alors que la publicité, les journaux et les médias étaient en plein essor, il y avait un besoin de polices de caractères pouvant être lues comme des titres clairs à distance et représentatives d'une nouvelle ère de l'industrie.

Verdana

Verdana partage une histoire similaire avec son cousin, Georgia, car ils ont tous deux été conçus par Matthew Carter pour Microsoft dans les années 90. Ainsi, Verdana est un sans-serif conçu spécifiquement pour l'écran. Semblable à de nombreuses polices qui recherchent la clarté, Verdana a une grande hauteur x pour augmenter la lisibilité. Verdana est qualifiée de sans-empattement humaniste, ce qui signifie qu'elle conserve certaines des qualités et la logique de conception des polices de caractères à empattement.

Cependant, Matthew Carter était conscient des espaces potentiellement contraignants dans lesquels certains textes peuvent être entassés à l'écran, de sorte que les tailles de caractères de Verdana sont juste assez équilibrées pour éviter de s'entasser dans des applications ou des plates-formes sans direction stable. Considérant que Verdana a été conçu pour être utilisé dans les années 90, il est encore particulièrement efficace sur les appareils à faible résolution. Pourtant, à mesure que les écrans deviennent de meilleure qualité, les atouts de Verdana sont perdus et il ne fonctionne pas aussi bien qu'auparavant.

Si vous utilisez Verdana en version imprimée, son espacement large lui donne la qualité d'une police de machine à écrire à espacement fixe. Cette qualité fait de Verdana un mauvais choix pour les grands corps de texte imprimés. Une alternative que vous pourriez envisager maintenant est Colfax. Les concepteurs de Colfax tiennent compte de l'absence de contraintes mécaniques sur la conception de caractères aujourd'hui et ont conçu une police plus appropriée à la fois pour les écrans haute résolution et l'impression à jet d'encre.

Gesta et PT Sans sont de bonnes alternatives à Verdana.

Franklin Gothique

Franklin Gothic est une police de caractères sans empattement réaliste qui a été créée à l'origine en 1902 par Morris Fuller Benton d'American Type Founders (ATF) et étendue pour inclure plus de poids dans les années 1970 et 1990 par ITC. Des versions numériques de la police ont été créées par Adobe, International Typeface Corporation (ITC), Monotype Imaging et URW.

La police de caractères originale, qui, selon Benton, a été conçue comme un hommage à Benjamin Franklin, convenait mieux aux titres et à l'utilisation commerciale plutôt qu'aux longs blocs de corps de texte. Les mises à jour avec des poids et des styles supplémentaires ont depuis élargi les options d'utilisation.

La qualité intemporelle de Franklin Gothic en fait encore un choix populaire pour de nombreux médias, plus d'un siècle après sa sortie originale. Time Magazine et le New York Times l'utilisent tous deux pour divers titres, les tuiles de Scrabble dans les versions américaines et canadiennes du jeu le présentent, et la version condensée a même été utilisée pour l'exploration d'ouverture dans les films Star Wars.

Alors que Franklin Gothic est toujours incroyablement populaire, une alternative populaire est News Gothic, le successeur populaire de Benton à l'original, avec une construction plus étroite et moins de contraste de trait. D'autres alternatives incluent Trade Gothic, Benton Sans et Maple.

Futura

Futura, sorti en 1927, est le résultat direct de l'une des premières polices de caractères géométriques sans empattement (par opposition aux sans empattement humanistes). Le plus grand concurrent de Futura, Erbar Grotesk (sorti en 1926), a été conçu au très influent Bauhaus, dans le but de communiquer tout ce que l'école considérait comme moderne au tournant du XXe siècle. Cela signifiait que la logique géométrique supprimait toute trace d'ornementation et visait une logique pure dans les formes de lettres créées.

Comme Erbar Grotesk, Futura inclut des formes de lettres basées sur des formes géométriques, principalement le cercle (mais aussi des carrés et des triangles où les cercles n'étaient pas appropriés). Il comprend un faible contraste entre ses traits, avec de hauts ascendants minuscules et des caractères majuscules qui partagent des proportions similaires aux majuscules romaines. Son concepteur, Paul Renner, pensait que les polices de caractères modernes devaient avoir une sensibilité moderne plutôt que d'être simplement des réitérations de conceptions précédentes.

Futura a connu une grande renommée au cours du XXe siècle, car les astronautes d'Apollo 11 ont laissé une plaque sur la lune à Futura ; Volkswagen et bien d'autres marques l'ont adopté ; et plusieurs cinéastes, dont Stanley Kubrick et Wes Anderson, se l'approprient. Si vous appréciez la qualité moderne de Futura mais que vous la trouvez un peu surutilisée, envisagez d'essayer FF Super Grotesk, HK Grotesk (open source) ou Neuzeit.

Gill Sans

Monotype, la même fonderie de caractères qui nous a apporté Times New Roman, a chargé le polymathe Eric Gill (sculpteur/compositeur/graphiste) de produire une police pour la signalisation moderne de Londres. Gill Sans, contrairement à Futura, est une fonte humaniste au style moins enrégimenté que ses contemporains allemands. Le "R" est légèrement évasé et le "g" minuscule "lunettes" est presque emblématique. La qualité naturellement grasse de la police fonctionne bien pour les affichages et les en-têtes, mais les poids plus légers publiés plus tard conviennent bien au corps du texte.

Son histoire dans le métro de Londres, la BBC et l'Église d'Angleterre, ainsi que sa qualité moderne et humaine rendent la police de caractères typiquement britannique. Bien que la police soit classique dans ses proportions, elle a quelques reflets artistiques qui la rendent plus gaie que son homologue allemand austère, DIN.

Cela dit, bon nombre de ces fusées artistiques ont rendu Gill Sans indésirable pour certains graphistes. Plus précisément, le « a » minuscule est souvent critiqué pour être déséquilibré et nuire à la lisibilité.

Vous cherchez des alternatives à Gill Sans? Découvrez ITC Johnston ou P22 Underground.

Helvétique

Helvetica est la seule police de caractères à avoir inspiré son propre film (2007). C'est sans doute la police la plus célèbre/omniprésente aujourd'hui. La police est née d'une concurrence généralisée dans les années 50 pour de nouvelles versions des polices Grotesk très populaires.

Les polices Grotesk avaient évolué progressivement pour augmenter la lisibilité. Cependant, toutes les polices de caractères ne fonctionnaient pas bien avec les linotypes à combiné et les mécaniques. La machine à linotype exigeait que les caractères réguliers et italiques soient définis avec la même largeur, forçant ainsi les italiques à apparaître trop larges et les réguliers à apparaître trop étroits.

Helvetica a été conçu spécifiquement avec des ajustements de caractère précis pour maintenir la beauté et la lisibilité modernes des polices de caractères Grotesk tout en permettant aux concepteurs de bénéficier des avantages de la production de masse. Lancée pour la première fois lors du salon « Graphic 57 », la police est devenue omniprésente dans le design suisse.

Parmi les autres polices de caractères qui constituent de bonnes alternatives à Helvetica, citons Maison Neue, Univers et Folio.

Polices à espacement fixe

Les styles de caractères à espacement fixe ont été conçus à l'origine pour la machine à écrire. La principale qualité à comprendre à propos de cette catégorie de police de caractères est que la machine à écrire exigeait que chaque caractère soit tapé avec un espacement égal. Ainsi, chaque caractère est placé dans une seule matrice d'organisation dans un corps de texte alors que, souvent, d'autres polices varient en espacement afin de gérer la lisibilité.

En définitive, en dehors du contexte de la machine à écrire, il existe peu d'applications où il est logique d'utiliser des polices à espacement fixe. L'espacement égal signifie qu'ils sont moins efficaces et généralement moins lisibles. Une exception à cette règle concerne les applications conçues pour écrire du code, où un espacement égal peut en fait faciliter la lisibilité.

Quelques exemples de ceux-ci sont Courier, Consolas, Letter Gothic ou Source Code Pro (gratuit). Cependant, certains designers ne peuvent tout simplement pas nier l'esthétique nostalgique ; ainsi, ils restent populaires.

Polices système

Les polices système sont celles fournies avec votre appareil ou votre programme. Il existe différentes polices système pour les produits Mac, Windows et même Adobe. Toutes les polices de caractères incluses dans cet article ont au moins quelques variantes qui sont des polices système.

L'utilisation des polices système présente quelques inconvénients. Le plus important est que ces polices de caractères sont généralement incroyablement surexposées. Parce qu'ils sont inclus sur l'ordinateur de presque tout le monde, les gens les voient jour après jour, dans de bons et de mauvais designs. Bien que tous les projets typographiques n'aient pas besoin d'être à la pointe de l'originalité, il est important de comprendre que si la marque pour laquelle vous concevez est censée être unique et originale, l'utilisation d'une police système compromettra souvent cela.

Un autre inconvénient majeur de l'utilisation des polices système est que certaines d'entre elles ne sont tout simplement pas très bonnes. Arial me vient à l'esprit...

Enfin, de nombreuses polices système sont conçues spécifiquement pour être très lisibles à l'écran et peuvent ne pas être particulièrement lisibles à l'impression. Ce n'est peut-être pas un problème pour tous les projets qu'un designer entreprend, mais c'est quelque chose qu'il faut garder à l'esprit.

Choisir une excellente police de caractères pour le travail de conception

Lors de la conception pour une marque particulière, le choix d'une police de caractères professionnelle appropriée est une tâche essentielle pour tout designer, en particulier si l'on considère que les licences pour certaines familles de polices de caractères peuvent dépasser 1 000 $.

Choisir une famille de polices qui comprend une grande variété de poids, de largeurs et même de variations avec et sans empattement est une idée intelligente pour de nombreux projets. Cela donne aux concepteurs de nombreuses options pour tout projet susceptible de se présenter pour une marque particulière et permet même de mettre à jour les supports marketing en utilisant des polices "différentes" qui ne sont pas vraiment différentes (et donc moins susceptibles d'encenser les consommateurs et les fidèles de la marque). , comme cela s'est produit dans de nombreuses grandes refontes de grandes marques). Une famille de polices profondes peut être facilement associée à elle-même et porter une variété de personnalités.

Lorsque vous recherchez une police de caractères à associer à une bibliothèque de types existante pour une utilisation plus générale dans des projets, concentrez-vous sur le choix de polices aux caractéristiques similaires. Cela signifie prendre en compte toutes les qualités des majuscules et des minuscules, des hauteurs d'x et de la géométrie formelle. Des sites comme Typewolf peuvent être inestimables pour trouver des polices à associer aux options existantes déjà disponibles (ainsi que d'excellentes alternatives pour les moments où un client dit qu'il veut quelque chose "comme" Helvetica mais certainement pas Helvetica).