Combien de bleus différents un seul logo peut-il contenir avant de ne plus vouloir dire grand-chose ? Je n'avais pas la réponse le jour où, en rangeant mon bureau, je suis tombée sur sept versions du même logo éparpillées entre des dossiers, une clé USB et un vieux carnet à spirales. Le pire, c'est que le bleu changeait presque à chaque fichier : un bleu canard sur une publication, un bleu presque marine sur des étiquettes de prix, un troisième carrément délavé sur des cartes de visite. Mon amie, qui venait tout juste de lancer sa boutique en ligne, ne savait plus vers quel fichier se tourner pour son identité visuelle — et moi non plus, la plupart du temps.
Après trois ans à bricoler des logos pour mes propres projets et ceux de mon entourage, sans formation design graphique ni studio derrière moi, j'ai fini par comprendre que le problème n'était pas le talent : c'était l'absence de règles écrites. Une charte graphique, même réduite à sa plus simple expression, c'est le document qui empêche l'identité visuelle d'un petit projet de partir dans tous les sens. Pas besoin d'un pavé de cent pages digne d'une grande agence : pour un projet de branding débutant, une seule page suffit largement.
Sept nuances de bleu pour une seule charte graphique : un problème courant
Le pire épisode reste sans doute la fois où j'ai repéré, sur un écran publicitaire aux Docks 76, les couleurs de la boutique affichées dans une teinte encore différente de celle imprimée sur les sachets de mon amie. Quatre supports, quatre bleus. Ce jour-là, j'ai su qu'il fallait un document unique, que tout le monde puisse suivre sans se poser de questions.
Avant d'ouvrir un logiciel, il faut déjà savoir où on va
Avant même de dessiner quoi que ce soit, il y a un travail de préparation que beaucoup de débutants sautent complètement : un brief créatif qui pose les couleurs, le ton et les mots-clés du projet avant de toucher à un logiciel quelconque, un exercice que je détaille ailleurs tellement il change la suite. Pour la partie logicielle, j'utilise Inkscape, gratuit et largement suffisant à ce niveau ; le choix du bon outil mériterait un article entier à lui seul.
Ma première tentative pour sortir du chaos a été de demander un coup de main à un cousin qui touche un peu au graphisme à ses heures perdues. Ça n'a pas vraiment arrangé les choses : ses fichiers arrivaient dans un format que je ne savais même pas rouvrir, et les couleurs qu'il proposait ne correspondaient toujours pas d'un support à l'autre. J'ai fini par comprendre qu'il me fallait un document que je puisse tenir moi-même, sans dépendre de quelqu'un d'autre à chaque nouvelle affiche.
Une erreur d'export a coûté 50 flyers imprimés
La leçon la plus douloureuse est arrivée avec une affiche pour un événement local. J'étais plutôt fière du résultat en lançant l'impression de 50 exemplaires chez l'imprimeur du quartier. En récupérant le paquet, le choc : le logo était flou, pixelisé, comme regardé à travers une vitre embuée.
J'avais exporté le fichier en 72 DPI, le standard pour le web, alors que pour du papier, il faut viser la résolution standard pour l'impression de 300 DPI. Depuis, cette règle est soulignée en rouge dans mon carnet de notes.
Le jour où j'ai enfin obtenu un tracé propre dans Inkscape, j'ai compris que la résolution n'était qu'une partie du problème. Le contour du logo était net, sans le moindre nœud parasite venu déformer la courbe au zoom, signe qu'il fallait aussi que le fichier soit vectoriel dès le départ, pas seulement bien exporté. Pour éviter cette galère, je vous renvoie vers mes étapes pour vectoriser un logo dessiné à la main, parce que le vectoriel reste le seul moyen de ne plus jamais se soucier de la pixellisation.
Fixer une palette qui ne bouge plus
Un format simple suffit pour accueillir tout ça : j'ai choisi un A4 classique, 210 x 297 mm, pas besoin de plus pour un petit projet. Sur ma table de travail, une vieille table en pin récupérée d'occasion, sous la fenêtre de mon appartement du quartier Saint-Sever, avec un second écran un peu jauni trouvé sur Leboncoin posé à côté du principal pour comparer les teintes, j'ai listé les trois piliers de la charte : les couleurs, la typographie, et les règles d'usage du logo.
Le choix des teintes qui correspondent vraiment à l'univers d'une boutique, c'est tout un sujet que je traite ailleurs en détail ; ici, il s'agit surtout de les figer noir sur blanc une fois qu'elles sont choisies. Pour la boutique de mon amie, on a retenu trois couleurs principales, chacune notée avec son code Hex, un hexadécimal qui compte toujours 6 caractères, du type #2A4B8C, et sa valeur RVB, sachant que la valeur maximale d'un canal RVB est de 255. Le mode RVB sert aux écrans ; pour l'impression, on bascule en CMJN, une distinction qui évite de finir avec des couleurs ternes sur le papier.
Mon voisin de palier, Malo Guével, féru de sérigraphie, a jeté un œil sur une épreuve posée sur ma planche de liège couverte de tests imprimés annotés au stylo bille, l'encre commençait à faiblir sur les derniers traits du croquis, et il a tout de suite repéré un problème de surimpression entre deux couleurs que je n'avais pas encore vu moi-même.
Choisir deux polices qui se complètent
Dans ma charte, je me limite à deux polices, sans en cumuler une demi-douzaine par excès d'enthousiasme : une police de titrage, qui a du caractère et qu'on réserve au logo et aux grands titres, et une police de labeur, plus sobre, pour le corps de texte. Ce choix de titrage rejoint ce que j'ai appris avec mes essais pour choisir les formes d'un logo selon leur signification : le style d'une lettre peut être aussi expressif qu'une forme géométrique.
La question de la lisibilité à petite taille, je l'ai traitée à part tellement le sujet mérite qu'on s'y attarde ; dans la charte elle-même, je me contente de nommer les deux polices retenues et leurs usages respectifs.
Tester le logo en noir et blanc avant de figer une couleur
Tester le logo en noir et blanc avant de choisir la moindre teinte, c'est une étape que je saute rarement, la raison précise, je l'explique en profondeur dans une autre entrée. Dans la charte, je note simplement qu'une version noir et blanc du logo doit rester lisible et reconnaissable avant même de parler de couleurs.
Le logo a besoin d'une zone tampon autour de lui
Le logo a besoin d'une zone tampon autour de lui, un espace vide obligatoire pour qu'il reste lisible et ne s'écrase pas contre un texte ou une bordure. Dans ma charte, je mesure cette zone à partir de la hauteur d'une lettre du logo, répétée tout autour comme unité de référence.
Les questions de contraste et de proportions, plus larges, je les aborde ailleurs pour les débutants qui partent de zéro ; ici, la charte se contente de fixer cette marge de sécurité. Une grille de construction peut aider à répartir les éléments de façon plus équilibrée, mais c'est un outil que je détaille dans une autre entrée pour ne pas alourdir ce document d'une page.
Adapter un même logo à plusieurs supports
Adapter un même logo à plusieurs supports (packaging en carton recyclé, réseaux sociaux, étiquettes de prix) sans qu'il perde sa cohérence, c'est précisément ce qui posait problème à mon amie au départ. Le pourquoi de ces déclinaisons, je le développe ailleurs ; dans la charte, je me contente de lister les versions autorisées du logo (couleur, noir et blanc, format carré pour les réseaux) et les tailles minimales en dessous desquelles il ne faut pas descendre.
Une charte qui peut encore bouger
Une charte qui peut encore bouger vaut mieux qu'un document verrouillé dès le premier jour. Les besoins de mon amie ont changé au fil de ses premières ventes, et une couleur qui semblait parfaite à l'écran ne rendait plus rien sur ses nouveaux emballages en carton recyclé. Cette souplesse rejoint la méthode que je détaille pour apprendre le design graphique seul avec une méthode simple et efficace : mieux vaut expérimenter que chercher la perfection dès la première version.
Le jargon du design (fond perdu, calque, contour vectorisé) peut vite intimider quand on débute. J'ai fini par regrouper les termes utiles dans un glossaire à part plutôt que de les redéfinir à chaque article.
Résultat : une seule page A4, scotchée au-dessus du bureau de mon amie. Elle n'a plus besoin de se demander quel fichier ouvrir ou quelle teinte utiliser pour son prochain post. Ce n'est pas une création de studio à 5000 euros, mais un document propre, que n'importe qui peut appliquer sans avoir suivi de formation design graphique, largement suffisant pour un projet de branding débutant qui a surtout besoin d'arrêter de partir dans tous les sens.
