Typographie dans le design

Pourquoi le choix de police est important ?

La typographie (souvent abrégée en « typo ») désigne les différents procédés de composition et d’impression utilisant des caractères et des formes en relief, ainsi que l’art d’utiliser les différents types de caractères dans un but esthétique et pratique.

Esthétique et pratique voilà deux points cruciaux à garder en considération. L'image ci-dessus est parfaite pour illustrer ce concept. Elle a été imaginé par Benjamin Bannister suite au scandale des Oscars où la carte du meilleur film avait été confondue avec celle de la meilleure actrice. Et effectivement à la vue des deux cartes côte à côte, on peut se demander si l'erreur aurait été produite.
3 choses principales ont été faites :

  • Le logo n'a pas besoin d'être en haut. Tout le monde sait que c'est les Oscars. Nous déplaçons le logo des Oscars vers le bas, là où il est le moins important dans ce contexte.
  • La catégorie "Meilleure actrice" est déplacée vers le haut pour que ce soit la première chose que l'on voit et lise. Il n'y a pas de confusion quant à la catégorie, car elle est clairement indiquée en premier.
  • Le nom d'Emma Stone est plus important que le titre, "La La Land", parce qu'elle est la gagnante de cette catégorie. Le gagnant doit être la chose la plus mise en évidence sur la carte avec toutes les autres informations, comme le titre du film, dans une police plus petite ou moins épaisse (je comprends que le texte ne peut être que si grand qu'il soit cohérent pour toutes les cartes, tout en permettant des noms plus longs).

Hiercharchisé et proportionné en conséquence est donc un point capital lorsque que l'on souhaite transmettre une information, l'information doit être claire et pertinente au premier regard, l'interlocuteur ne doit pas avoir à réfléchir ou hésitez. Cela revêt une importance d'autant plus importante sur le web que les utilisateurs viennent sur internet pour trouver de l'information.

Les différents types de police de caractère.

Serif et sans serif quelle est la différence ?

La réponse est simplement dans le nom. Serif représente l’empattement. Un empattement est un trait décoratif qui termine l'extrémité de la tige d'une lettre (parfois aussi appelée "pied" des lettres). Une police avec serif est une police qui comporte des empattements, tandis qu'une police sans empattement est une police qui n'en comporte pas (d'où le "sans"). C'est simple, n'est-ce pas ?

Les polices serif

Les polices Serif nous font penser naturellement traditionnel, sérieux, digne de confiance. L'histoire des polices Serif remonte au XVIIIe siècle, lorsque les tailleurs de pierre gravaient des lettres dans la roche.

Aujourd'hui, nous voyons beaucoup de polices serif dans les supports traditionnels tels que les journaux, les magazines et les livres. C'est pourquoi les polices à empattements sont généralement considérées comme plus classiques et plus raffinées et sont utilisées par les entreprises qui veulent faire ressortir ces traits.

Pourquoi choisir une police serif pour votre site internet ?

Les caractéristiques distinctes et l'histoire des polices serif donnent aux gens un sentiment d'élégance, de confiance et de sérieux.

Elles conviennent donc généralement aux entreprises qui veulent paraître plus réputées, plus établies et plus sérieuses.

Les entreprises professionnelles telles que les cabinets juridiques, les éditoriaux et les compagnies d'assurance sont autant d'exemples d'entreprises pour lesquelles une police à empattement serait un bon choix.

Exemples de site utilisant une police serif

Les polices sans serif

Les polices sans serif, en revanche, communiquent un message complètement différent.

Alors que les polices avec empattement s'attachent à embrasser la tradition et l'histoire, les polices sans empattement adoptent l'approche inverse et embrassent la simplicité et le sentiment d'être moderne.

Les principales caractéristiques des polices serif sont l'absence d'empattements et l'utilisation de lignes simples et nettes de même largeur.

Les lignes nettes et franches des polices sans serif sont la principale raison pour laquelle de nombreux concepteurs de sites web préfèrent ce style de police pour une utilisation à l'écran.

Les lignes nettes et les arêtes vives sont capables de rendre plus clairement sur un écran, ce qui augmente la lisibilité pour les utilisateurs.

Pourquoi choisir une police avec serif pour votre marque ?

Les polices sans serif donnent le sentiment d'être décontractées, informelles, amicales et très accessibles. Les entreprises qui souhaitent que leurs marques paraissent plus jeunes et plus faciles à vivre ont tendance à utiliser des polices sans empattement.

Ces traits font que les polices sans serif sont un choix populaire parmi de nombreuses start-up et entreprises technologiques qui veulent donner aux gens le sentiment d'être à la pointe et plus humanistes.

Parmi les polices à empattements les plus populaires, on trouve Helvetica, Open Sans, Proxima Nova et Arial.

Les polices égyptiennes (display fonts)

Ce n'est peut-être pas la plus belle collection de polices de caractères, mais ne les oubliez pas trop vite ! Cependant, elles ont leur propre utilité, parfaitement unique qui peuvent devenir un atout de choix dans vos compositions graphiques.

Alors, qu'est-ce qu'une police égyptienne ?

Le nom anglais l'explique bien mieux display font, police d'affichage. Ce sont des polices qui vont vraiment briller lorsqu'elles seront afficher en grande taille, parfaite pour des H1 ou des gros titres sur vos supports papiers. Pour cette raison (et parfois en raison de leur forme variée et non unifiée), elles sont généralement considérées comme inadaptées à la clarté nécessaire au corps du texte.

Walter Tracy, un célèbre créateur de caractères anglais, a un jour décrit les display font comme du texte qui "lorsqu'il est agrandi peut être utilisé pour les titres... s'il est réduit, ne peut pas être utilisé pour la mise en page du texte".

L'attrait unique des polices Display provient de leur héritage. Elles s'inspirent d'autres genres de caractères, comme les signes artisanaux et la calligraphie, qui utilisent la grandeur et le drame de ces polices de caractères. De ce fait, elles sont devenues populaires dans la création des premières affiches.

Ils ont souvent des dessins plus excentriques et variables que les caractères simples et plus réservés associés à la copie du corps. Leurs formes individuelles et proéminentes attirent les lecteurs et contribuent à créer une ambiance ou un sentiment pour l'œuvre.

Quels sont les points importants pour bien choisir ses polices ?

Lorsqu'elles sont utilisées correctement et choisies pour les bonnes raisons, les polices serif et sans-serif peuvent toutes deux être efficaces. Le plus important est de choisir une police qui convient à votre marque.

Il s'agit de trouver une police qui donnera aux gens la bonne première impression et qui continuera à incarner les qualités de votre marque.

Bien qu'il n'existe pas de solution unique pour choisir la police qui convient à votre marque, il existe quelques lignes directrices générales que vous pouvez suivre pour vous aider à faire le bon choix :

Ne pas surcharger votre marque avec trop de police

Il peut être facile de vouloir choisir une tonne de polices à utiliser pour vos créations graphiques, pour souligner différents éléments mais le faire peut en fait nuire à votre marque.

Une règle empirique à suivre lors du choix des polices est de choisir entre une à trois polices différentes. Généralement une police pour vos titres, une pour votre contenu, et éventuellement une troisième police pour votre logo, ou peut-être une display font pour apporter un côté décalé sur un point bien précis.

Au-delà de cette limite, vos designs seront encombrés et l'information risque d'être mal transmise.

Contraster vos polices

Si vous vous orientez vers plusieurs choix de police de caractère il est important d'utiliser des polices de caractères dont les différences sont vraiment marquées. Cela aidera à la lecture de vos compositions. Une police script pour vos titres par exemple et une police serif pour votre contenu.
Il est intéressant de bien hiérarchisé l'information avec ses polices cependant il est également important de garder de la cohésion, de trouver de spolices qui partagent la même hauteur, largeur ou des polices créées par le même designer. Merriweather et Merriweather Sans sont par exemple deux polices qui contrastent bien l'une avec l'autre mais reste cependant cohérente.

Ces polices ont été créées par le même designer. Elles partagent donc les mêmes qualités dans et restent relativement similaire dans l'espacement et la forme des lettres

Une police qui a plusieurs graisses et styles (tels que léger, semi-gras, gras, etc.) rend la police plus polyvalente et vous permet de communiquer différents messages à travers vos design avec une seule police

Vous recherchez un développeur web sur Toulouse qui pourra travailler en étroite collaboration avec votre équipe graphique n'hésitez pas à me contacter.

Created by potrace 1.16, written by Peter Selinger 2001-2019