L’importance de la typographie dans le design

L’importance de la typographie dans le design

by Jade Bérubé Morin / Lundi, 17 Mars 2014 / Published in UI/UX

Bonjour à tous! Je vous reviens aujourd’hui avec un article plus axé sur l’importance de la typographie dans le design. Je vous ai garni mon article de plusieurs exemples qui, je l’espère, sauront vous aider à organiser votre design avec un œil nouveau!

La typographie peut jouer un rôle vital dans la réussite ou l’échec de votre site internet, plus particulièrement si l’on parle d’un blogue (ce n’est un secret pour personne, ils contiennent beaucoup plus de textes, donc la typographie devient un facteur dominant).

La typographie aide à la hiérarchie visuelle d’un site en plus de rendre tous les textes plus facilement lisibles.

Comme Steve Jobs l’a déjà mentionné, la typographie n’est pas une décision à prendre rapidement et sur l’effet de l’impulsion, il y a plusieurs facteurs qui doivent être considérés pour générer une typographie bien ajustée au design en cours.

Elle doit, non seulement, être belle, mais elle doit aussi fournir tous les avantages de la facilité de lecture nécessaire.

Faites en sorte que votre choix de typographie soit significatif

En effet, il faut que votre choix de typographie parle de lui-même. Il est bien simple de choisir n’importe qu’elle typographie pour écrire un mot, mais qu’est-ce que cette typographie fait dire au mot ? La typographie donne du caractère et du contexte à votre site.

Il faut les choisir avec soins pour qu’elles vous aident à communiquer votre message de la bonne façon.

À titre d’exemple, voici deux variations du mot anglais « might ». Dans l’image, rien ne change sur le plan de la couleur ou de la grandeur, mais ce qui est sous-entendu par le mot « might » change drastiquement selon la typographie.

typographie

 

Le ton donné par la typographie créé de grands changements dans le visuel, en voici quelques exemples :

exemple-typographie

 

Empattement et sans empattement

Les polices avec empattements sont celles qui comportent des petits éléments visuels au bout de chaque lettre. Les empattements créent un effet d’enlacement entre les lettres et ces polices sont favorisées pour les textes imprimés. Au contraire, les polices sans empattement sont souvent plus rondes et nettes. Elles sont favorisées pour les textes qui seront lus à l’écran ou lors de la rédaction dans un traitement de texte.

L’espace entre les phrases et les lettres

L’espace entre les phrases et les lettres est important. Utilisez tous les outils de mise en page possible pour arriver à créer un look le plus unique possible.

Par exemple :

avant-apres-typographie

L’outil utilisé:

espacement-lettres-typographie

Lire comme dans un livre

Prenez soin d’ajuster l’en-tête pour une meilleure facilité de lecture.

Par exemple :

habillage-texte

L’outil utilisé:

photoshop-indesignMoins est réellement plus

«Un site internet qui utilise plusieurs typographies différentes est l’équivalent d’une personne qui utilise différentes voix dans la même conversation, cela peut sembler comme une bonne idée, mais les chances que cette personne ait l’air dérangée aux yeux des autres sont assez élevées.»

Utilisez des typographies qui procurent un design avec une meilleure cohésion.

Par exemple :

agencement-typographie

Comme dans tout, il y a des exceptions et voici quelques exemples d’une bonne utilisation de plusieurs typographies dans une même page :

backstage-typographie

webdesign process

prepare-lunch

Mot de la fin :

Faites attention, le tout doit avec un beau résultat en bout de ligne!

typographie-trop-fonts

 À lire également : Utiliser des images, où, quand, comment et pourquoi?

Sources : designaglow.com et http://webdesign.tutsplus.com/articles/eight-important-factors-of-good-web-typography–webdesign-3207

The following two tabs change content below.
Jade Bérubé Morin, Ludis Media
Bachelière en Communication, rédaction et multimédia à l'Université de Sherbrooke, je travaille chez Ludis Média en tant que Spécialiste Marketing Client et blogueuse depuis juillet 2013. Je suis une passionnée de danse, depuis plus de 20 ans je pratique le hip-hop, le contemporain et le ballet dans mes temps libre!

Un commentaire to “L’importance de la typographie dans le design”

  1. Bonjour,
    A mon avis, la typographie joue un rôle important dans le design d’un site. Non seulement elle rend les textes plus agréables au regard, mais elle peut aussi engendrer une envie d’aller plus loin dans sa lecture. Plus elle est captivante, plus la change d’être visitée et d’être revisitée est grande pour le site ou le blog. En ce sens, la typographie est un élément à ne pas négliger pour ne pas perdre du trafic puisqu’en général, les internautes viennent sur internet pour trouver des réponses idéalement dans le confort et non pour déchiffrer des charabias.
    Très joli texte et très bonnes illustrations!

Des commentaires?

 
 
TOP