Normes graphiques — PerfectPixels

Que sont les normes graphiques?

Les normes graphiques sont les règles documentées qui encadrent l’utilisation de l’identité d’une marque : logo, couleurs, typographie, images, ton et mise en page. Elles permettent à toute personne qui produit du matériel pour la marque d’obtenir le même résultat. On parle aussi de guide de marque, de charte graphique ou de guide de style.

Ces normes s’adressent aux gens qui n’étaient pas dans la pièce lorsque la marque a été conçue : nouveaux employés, imprimeurs, agences, développeurs et partenaires. Un bon guide répond rapidement à leurs questions pratiques, par exemple quelle version du logo utiliser sur une photo foncée ou quelle valeur hexadécimale donner au bouton, et montre des exemples corrects et incorrects plutôt que de se fier uniquement aux descriptions.

Pourquoi les normes graphiques sont importantes

Cohérence entre les fournisseurs : imprimeurs, fabricants d’enseignes, gestionnaires de médias sociaux et développeurs Web travaillent tous à partir des mêmes valeurs et des mêmes fichiers.
Production plus rapide : moins de questions et moins de séries de révisions, puisque les réponses sont déjà écrites.
Protection de l’investissement : sans règles, une identité soigneusement conçue se dégrade au fil des logos étirés et des couleurs approximatives.
Intégration facilitée : les nouveaux membres de l’équipe et les agences peuvent produire du matériel conforme à la marque dès leur première semaine.
Accessibilité intégrée : documenter les combinaisons de couleurs et les tailles de caractères approuvées garde le matériel lisible et aide à respecter les exigences des WCAG et de la LAPHO (Loi sur l’accessibilité pour les personnes handicapées de l’Ontario).

Ce que contiennent les normes graphiques

Fondements de la marque : un bref énoncé de la mission, du positionnement, du public et de la personnalité, qui donne du contexte aux règles qui suivent.
Utilisation du logo : versions approuvées, zone de protection, tailles minimales, positionnement, arrière-plans et une série d’exemples « à ne pas faire ». Voir conception de logo.
Couleur : la palette de couleurs avec ses valeurs HEX, RVB, CMJN et Pantone, ses proportions et les combinaisons texte-arrière-plan approuvées, avec leurs rapports de contraste.
Typographie : polices, graisses, échelle typographique, interlignage et polices de remplacement pour les courriels et les documents où les polices de la marque ne sont pas offertes. Voir typographie.
Images et éléments graphiques : style photographique, illustration, iconographie, motifs et façon de les combiner dans les mises en page.
Ton et numérique : ton et règles de rédaction (y compris les conventions orthographiques et l’usage du français si la marque est bilingue), ainsi que les jetons de design et des exemples de composants pour les sites Web et les applications.

Erreurs courantes dans les normes graphiques

Un magnifique PDF que personne n’ouvre : les longs documents enfouis dans un lecteur partagé sont ignorés. Gardez l’essentiel facile à trouver.
Aucun fichier source joint : les règles sur le logo ne servent à rien si les gens ne trouvent pas les bons fichiers de logo.
Une pensée axée uniquement sur l’imprimé : les guides qui ignorent les écrans oublient les états de survol, le mode sombre, les formats pour les médias sociaux et l’accessibilité.
Trop rigides ou trop vagues : des règles qui interdisent tout sont ignorées; des règles qui disent « utilisez le logo de façon appropriée » ne tranchent rien.
Jamais mises à jour : dès que le site Web ou le produit évolue, un guide désuet crée des versions contradictoires de la marque.

Bonnes pratiques pour les normes graphiques

Commencez par l’essentiel : placez le logo, la couleur et la typographie dans les premières pages, avec des liens vers les fichiers téléchargeables au même endroit.
Montrez au lieu de simplement expliquer : incluez des applications réelles et des exemples clairs de ce qui est correct et incorrect.
Alignez le guide sur le code : synchronisez les valeurs de couleur et de typographie avec les propriétés personnalisées CSS ou les jetons de design du site Web pour que les deux ne se contredisent jamais.
Rédigez pour vos vrais utilisateurs : une petite entreprise aura peut-être besoin d’un guide de dix pages; une grande organisation qui fait affaire avec de nombreux fournisseurs aura peut-être besoin d’un système complet.
Désignez un responsable : une personne ou une équipe approuve les exceptions et tient le guide à jour, avec une date de version sur la couverture.

Les normes graphiques chez PerfectPixels

Nous produisons des normes graphiques dans le cadre de nos mandats en image de marque, adaptées à la façon dont le client les utilise réellement. En plus du guide, nous livrons des fichiers bien organisés et, pour les projets numériques, des jetons de design qui correspondent au code du site Web, afin que la marque reste cohérente, du matériel imprimé jusqu’au site en ligne.

Foire aux questions

Quelle est la différence entre des normes graphiques et un guide de style?

Les deux termes se chevauchent. Les normes graphiques couvrent habituellement l’ensemble de l’identité, y compris le logo, la couleur, la typographie, les images et le ton. Un guide de style désigne souvent un guide de rédaction, ou encore un guide de style Web qui documente les composants d’interface.

Quelle longueur devraient avoir des normes graphiques?

La longueur dont les personnes qui les utilisent ont besoin. Une petite entreprise qui travaille avec quelques fournisseurs peut très bien se contenter d’un guide concis axé sur le logo, la couleur, la typographie et le ton, tandis que les organisations qui comptent de nombreuses équipes et de nombreux produits ont besoin de plus de détails.

Les normes graphiques devraient-elles prendre la forme d’un PDF ou d’un site Web?

Un PDF se partage facilement avec les imprimeurs et les partenaires. Un guide en ligne est plus facile à tenir à jour et peut renvoyer directement aux fichiers et au code. Bien des organisations utilisent les deux, la version en ligne servant de référence officielle.

Ressources connexes

Pour aller plus loin : Branding — Nielsen Norman Group.

Normes graphiques (guide de marque)