Typographie : 13 règles simples pour réussir vos visuels

Pour une communication digitale réussie, il est important de connaître quelques règles de base de graphisme, notamment concernant la typographie.

Nous allons aborder quelques règles de typographie de base et des erreurs communes à quand il s’agit d’ajouter un texte à une image pour vous permettre de faire un visuel aux allures professionnelles.

Alors, qu’est-ce qu’il faut faire pour avoir un bon visuel ?

Typographie : 13 règles simples pour réussir vos visuels

Chassez les fautes d’orthographes

La toute première chose à vérifier, la toute première chose qui fait vraiment amateur, c’est un titre sur un visuel qui a une ou plusieurs fautes d’orthographes.

Première chose, si vous n’êtes pas très doué en orthographe, veuillez tout de suite à faire relire votre titre à quelqu’un qui s’y connaisse un petit peu en orthographe.

Adoptez des marges de contour

Je vois souvent des débutants mettre des textes sur des images sans compter aucune marge de contour. Je m’explique.

Au niveau des marges, il y a en fait des personnes qui placent des titres tout en bas de l’image, en collant juste au bord de l’image et ça c’est très moche. 

Il faut quand même veiller à ce qu’il y ait un espace minimum entre le bas du texte et le bas de l’image. 

De la même façon, il y a parfois des textes qui sont alignés complètement à gauche et qui touchent le bord de l’image ça fait très moche et ça ne fait pas professionnel. Il en est de même pour les textes alignés à droite ou en haut.

Donc, veillez à conserver une marge, un espace entre la fin du texte et le bord de l’image, quel que soit le côté de l’image où vous placez votre texte. 

Rendez votre texte lisible

Veillez surtout à ce que votre texte soit lisible. Trop souvent, le texte est apposé sur une zone de l’image qui est clairement encombrée par des éléments qui font que le texte n’est pas clairement lisible. 

Si vous voulez que votre message passe et qu’il passe tout de suite, que votre lecteur ou la personne qui regarde votre visuel comprenne tout de suite votre message, il faut absolument que votre texte soit clairement lisible. 

C’est une chose extrêmement importante dont il faut tenir compte.

Choisissez bien votre typographie

Évitez d’utiliser des typos comme le “Comic Sans” par exemple, qui en fait, est une des typographies de base que l’on retrouve sur les systèmes, sur les ordinateurs, dans Word ou ailleurs.

Évitez de prendre la première typo qui vient et essayez de faire un petit peu de recherche typographique pour appliquer quelque chose qui a un peu plus d’allure. Cela donnera tout de suite un air un petit plus professionnel. 

Il y a des sites sur Internet où vous pouvez notamment trouver différents types de typographies. 

Essayez de changer, faites des tests. Ne restez pas sur les quelques typographies de bases qui sont sur tout ordinateur.

Optez pour un alignement pertinent

C’est un élément sur lequel vous pourrez jouer pour votre composition graphique. Il suffit de chercher un alignement un petit peu différent, en tenant en compte bien entendu de votre visuel. Et si ça vous paraît fonctionner, vous pouvez dans ce cas le garder. 

Utiliser une taille de texte idéale

Un autre point qui me paraît essentiel c’est la taille de votre texte. Évidemment, si vous faites un petit texte tout rikiki dans une image gigantesque, il risque de ne pas être vu suffisamment bien donc, en l’occurrence ce serait un peu compliqué. 

Si vous avez de l’espace, vous pouvez aussi l’agrandir un peu pour que *paf* tout de suite, en regardant votre visuel la personne identifie tout de suite les mots qui apparaissent. 

Choisissez la “graisse”

Après la taille, vous pouvez jouer aussi sur la graisse. Il s’agit en fait rendre un mot ou plusieurs mots de votre phrase en “gras”.

En général, vous avez la possibilité de faire varier la graisse de votre typo.

Alors, toutes les typographies n’ont pas beaucoup de variantes possibles, mais vous avez en général au minimum :

  • une apparence NORMALE, 
  • une apparence GRASSE
  • une apparence ITALIQUE

En général, on peut trouver au moins ces aspects là dans la plupart des typos.

Vous pourrez alors dans ce cas, jouer un tout petit peu dessus et voir un petit peu ce que ça donne par rapport à votre mise en page si ça vous paraît percuter un peu plus ou si ça vous paraît donner un aspect un peu plus fort.

La plupart du temps, ce sont les mots clés qu’on met en gras.

Ajustez l’interlignage

Ensuite, vous pouvez également jouer sur l’interlignage. Alors, l’interlignage c’est tout simplement ce qui sépare deux lignes lorsqu’il y a un passage à la ligne.

C’est quelque chose sur lequel vous pourrez également jouer. Augmentez l’interlignage ou réduisez-le s’il est trop important pour trouver quelque chose d’assez harmonieux dans votre mise en page.

Variez vos typos… avec parcimonie !

Dans un visuel, ce n’est pas obligatoire, mais on peut également varier les typographies. Alors, il ne s’agit pas d’utiliser 30 typographies différentes alors que vous n’avez que 30 mots à afficher. 

Notons que plus vous afficherez de typographies, plus ce sera compliqué de lire votre visuel.

Mais vous pouvez quand même utiliser deux typographies différentes pour un même visuel. Plus que deux, ça devient un peu compliqué. En utiliser deux suffirait amplement et cela pourrait donner quelque chose.

En effet, cela peut en l’occurrence créer un contraste assez fort. Avec une typo qui est assez fine sur un texte en haut et une autre qui est plus grasse et plus grosse et différente sur un autre texte en dessous on peut obtenir un contraste.

Une troisième typo n’est pas nécessaire et pas forcément recommandée.

Choisissez bien vos couleurs

Un autre axe sur lequel on peut jouer pour améliorer la présentation d‘un titre sur un visuel c’est la “couleur”. 

Il suffit de chercher une valeur de couleur qui figure déjà dans votre visuel et de l’appliquer à votre texte pour que l’harmonie soit encore plus forte et qu’il y ait un meilleur mariage entre le texte et le visuel en arrière-plan.

Vous pourrez changer de couleur mais comme pour les typographies, évitez de mettre 12 couleurs différentes sur un texte de ligne à moins que le sujet porterait sur la couleur. Sinon, en règle général, évitez d’utiliser 50 couleurs différentes.

Jouez sur l’approche de caractère

Un autre élément sur lequel vous pourrez agir est ce qu’on appelle “l’approche de caractère”.

C’est tout simplement l’espace qu’on va augmenter ou réduire entre chaque lettre.

Augmenter l’espace entre chaque lettre peut, dans certains cas, fonctionner et peut même donner un effet graphique intéressant. 

C’est quelque chose que vous pouvez effectivement utiliser comme astuce pour rendre votre composition plus graphique.

Faites des décalages

Un autre élément sur lequel vous pouvez jouer est de “faire des décalages” qui est tout simplement le fait de séparer deux lignes.

Ce procédé consiste à créer une dynamique en décalant le deuxième mot par rapport au premier.

Jouez sur le rythme

Ensuite, cela amène indéniablement sur ce qu’on appelle “jouer sur le rythme”. Quand on a une série de lettres, cela crée un rythme, mais on peut aussi casser ce rythme et casser ce rythme donne tout de suite un aspect un peu plus intriguant ou intéressant à votre visuel.

Du coup, l’idée en fait, c’est justement de surprendre, de susciter l’intérêt de votre lecteur pour qu’il s’attarde un petit peu sur votre visuel. 

Aujourd’hui dans notre société, on est extrêmement sollicités de par tous les moyens, par les e-mails, les notifications, etc. 

C’est extrêmement difficile de capter l’attention de quelqu’un sur votre visuel quand vous devez faire un visuel et en l’occurrence tous les moyens sont bons.

Si vous arrivez à surprendre cette personne, à l’accrocher, vous avez quand même gagné quelque chose. Vous avez gagné quelques secondes d’attention précieuses qui vont peut-être faire que cette personne va du coup cliquez sur votre visuel pour aller sur votre site Internet par exemple si c’est une publicité.

Pour résumer…

En fin de compte, n’hésitez à jouer avec les mots, à jouer avec les lettres, à jouer avec la typographie, à essayer de la rendre le plus possible intégrée à votre visuel pour avoir un impact plus fort, pour être plus percutant. Cela fait un peu plus professionnel !

Donc, essayez de travailler un peu vos typographies, les différents axes sur lesquels on peut travailler pour transformer votre texte de façon à ce qu’il devienne vraiment percutant, à ce qu’il accroche, à ce qu’il soit graphiquement harmonieux dans votre composition visuelle et aussi de donner à votre communication un certain professionnalisme. 

Ne lésinez pas cet aspect-là c’est quand même assez important !

Si vous voulez défendre votre activité auprès de professionnels ou de particuliers, peu importe, si vous voulez vous positionner comme professionnel et faire des visuels qui ont une allure professionnelle, c’est donner cette image là de vous.

Pour aller plus loin…

Si vous avez besoin d’aller plus loin, de connaître plus de choses sur les règles graphiques, pas que la typographie mais les règles du graphisme en général, je vous propose une formation gratuite qui dure 1 heure en vidéo et qui vous explique justement les règles qui régissent les compositions graphiques, les règles du design de base et les plus importantes. 

Cette formation vous expliquera toutes les bases fondamentales du graphisme pour réussir vos visuels de communication.