# Langage visuel : la grammaire derrière le style d’une marque

[Canonical HTML page](https://gradiently.design/fr/guide/visual-brand-language)

Un logo est un mot. Un langage visuel est la grammaire qui permet à une marque de dire des choses nouvelles en restant elle-même. Voici ses parties, et une façon d’écrire vos règles sur une seule page.

## The short version

- Un langage visuel est le vocabulaire d’une marque en couleurs, typographie, formes, images, surfaces et mouvement, plus les règles qui les combinent.
- Les règles comptent plus que les éléments, car deux marques peuvent partager une couleur ou une police et pourtant ne pas se ressembler du tout.
- Un langage visuel utile tient sur une page et répond à des questions pratiques, comme l’emplacement du titre ou la part du cadre que l’accent peut couvrir.
- Un langage visuel fonctionne quand on reconnaît votre publication logo masqué.
- La plupart des marques ont besoin de moins d’éléments qu’elles ne le pensent, utilisés avec plus de discipline.

Un **langage visuel** est l’ensemble des éléments qu’utilise une marque (couleur, typographie, forme, images, surface et mouvement) avec les règles qui les combinent. Voyez les éléments comme un vocabulaire et les règles comme une grammaire. Le vocabulaire seul dit très peu : beaucoup de marques utilisent du bleu marine et un sans serif géométrique. C’est la grammaire, la taille du texte, la place de la couleur, ce qui n’est jamais permis, qui rend une création sans conteste propre à une marque.

C’est pourquoi un langage visuel va plus loin qu’un logo ou une palette. C’est lui qui permet à un designer, un freelance ou une IA de faire quelque chose de nouveau un mardi après-midi qui semble pourtant venir du même endroit que tout le reste. Il s’inscrit dans votre [identité visuelle](https://gradiently.design/fr/guide/visual-identity) plus large, et c’est la partie que les gens ressentent vraiment.

## Les éléments d’un langage visuel

Le vocabulaire de toute marque puise dans les mêmes six familles. Inutile d’avoir quelque chose de remarquable dans les six. Il vous faut une décision claire dans chacune, et une ou deux où vous êtes réellement distinctif.

| Élément | La décision | Une règle écrite pourrait dire |
| --- | --- | --- |
| Couleur | Une base, une couleur principale, un accent et leurs proportions | Base encre partout ; l’accent corail couvre moins d’un dixième du cadre |
| Typographie | Une police de titre, une police de texte, des tailles et une casse | Titres avec majuscule initiale seulement, jamais plus de sept mots |
| Forme | Angles, lignes, conteneurs, style d’icônes | Angles arrondis sur les photos, angles droits sur les blocs de texte |
| Images | Ce que montrent les photos et comment elles sont traitées | Des gens au travail, jamais posés ; photos teintées dans la bichromie de la marque |
| Surface | Plate, granuleuse, brillante, papier, éclairée | Chaque fond porte un grain fin et une lumière venue d’en haut à droite |
| Mouvement | Vitesse, accélération, ce qui bouge et ce qui reste | Les fonds dérivent lentement ; les mots ne bougent plus une fois posés |

Six familles d’éléments et le type de règle qui transforme chacune d’un choix en langage.

Remarquez que chaque règle de la colonne de droite est assez précise pour qu’on puisse la discuter. «  Moderne et épuré  » n’est pas une règle. «  Jamais plus de sept mots dans un titre  » en est une, parce qu’on peut y confronter une création. [La hiérarchie visuelle](https://gradiently.design/fr/guide/visual-hierarchy) et [les polices de marque](https://gradiently.design/fr/guide/brand-fonts) approfondissent les décisions typographiques.

## La grammaire : les règles qui le rendent vôtre

La grammaire, c’est là qu’un langage visuel devient appropriable. Deux marques peuvent choisir le violet, mais l’une en inonde tout le cadre avec un texte blanc, tandis que l’autre garde une base papier chaude et ne laisse le violet apparaître qu’en fine ligne. Même mot, phrases différentes.

- Base encre: #14111f
- Violet profond: #3b2a6b
- Violet principal: #8b6cf0
- Lilas pâle: #efe9ff
- Accent corail: #ff7a59

Les cinq mêmes couleurs peuvent faire deux marques très différentes. La palette est le vocabulaire ; la proportion et le placement sont la grammaire.

Les règles qui méritent d’être écrites se rangent en quatre types :

- **Proportion :** quelle part du cadre peut prendre chaque couleur, image ou bloc de texte. La [règle 60 30 10](https://gradiently.design/fr/guide/60-30-10-rule) est un bon point de départ.
- **Placement :** où vivent les choses. Logo en bas à gauche, titre dans le tiers supérieur, accent seulement sur un bord.
- **Rythme :** comment les créations se répètent dans un fil ou une présentation. Une publication sur trois uniquement typographique, par exemple.
- **Retenue :** ce qui ne se fait jamais. Pas de contour sur le texte, pas plus de deux tailles de texte par cadre, pas de photos de stock de poignées de main.

> **Le test du logo masqué** Cachez de la main le logo de vos six dernières publications. Si un inconnu peut encore dire qu’elles sont toutes de vous, votre langage visuel fonctionne. Sinon, cherchez la famille où vous n’avez aucune règle.

## Exemples de langage visuel en pratique

Voici une petite marque, un atelier de céramique de quartier, qui parle un seul langage visuel à travers deux messages très différents. Les règles : une base sombre avec une seule couleur éclairée, des titres courts avec majuscule initiale, les détails en petit sur une ligne en dessous, et rien d’autre dans le cadre.

Une publication Instagram portrait pour un atelier de céramique annonçant la reprise des cours de tour, avec un titre court sur un fond sombre éclairé

Une annonce : une phrase, une ligne de détail, et la surface fait le travail de marque.

Une publication citation portrait pour le même atelier de céramique, avec le même fond, la même typographie et les mêmes proportions que l’annonce

Une publication citation : un autre rôle, la même grammaire, donc on reconnaît le même atelier.

Aucune des deux n’a besoin de logo pour être reconnue, une fois que le public en a vu quelques-unes. C’est le bénéfice d’une grammaire constante, et c’est sur quoi s’appuient les [éléments de marque distinctifs](https://gradiently.design/fr/guide/distinctive-brand-assets).

## Écrire votre langage visuel sur une page

1. **Rassemblez ce que vous faites déjà** Étalez vos vingt dernières créations. Entourez ce qui se répète par habitude et ce qui change à chaque fois. Les habitudes sont déjà votre langage ; le désordre montre où manquent des règles.
2. **Choisissez une signature** Choisissez l’élément unique par lequel on vous reconnaîtra. Pour beaucoup de petites marques, le meilleur candidat est le fond, car il remplit l’essentiel de chaque cadre.
3. **Écrivez une règle par famille** Couleur, typographie, forme, images, surface, mouvement. Une phrase chacune, assez précise pour qu’une création la réussisse ou l’échoue.
4. **Ajoutez trois choses que vous ne faites jamais** Les règles de retenue sont le moyen le plus rapide d’arrêter la dérive. Écrivez-les comme de simples interdictions.
5. **Testez-le sur trois tâches différentes** Faites une publication de soldes, une offre d’emploi et une citation avec les seules règles. Si l’une ressemble à une autre entreprise, resserrez la règle qui l’a laissée s’égarer.

### Vague

- Utiliser les couleurs de la marque
- Rester épuré et moderne
- Les polices doivent être sympathiques
- Les images doivent coller à la marque

### Utilisable

- Base encre ; corail sur moins d’un dixième du cadre
- Un titre, une ligne de détail, rien d’autre
- Sans serif arrondi pour les titres, majuscule initiale seule
- Photos teintées dans la bichromie de la marque, uniquement des gens

Placez la page finie là où tous ceux qui créent peuvent la voir. Une [charte graphique](https://gradiently.design/fr/guide/brand-style-guide) complète peut venir plus tard ; la page unique, c’est ce que les gens lisent vraiment.

## Garder un langage visuel cohérent en grandissant

Les langages dérivent quand davantage de gens se mettent à les parler. La solution est de mettre les règles dans les outils plutôt que dans un document que personne n’ouvre. Les modèles aident, mais ils figent des mises en page plus qu’ils ne portent une voix.

C’est là que Gradiently trouve naturellement sa place. Un Mark porte à lui seul une grande partie d’un langage visuel : la famille de couleurs, les matières, la lumière, le grain, le mouvement et une voix typographique, rendus en direct derrière chaque création et à chaque taille. Ses fonctions de lisibilité gardent les mots lisibles où qu’ils se posent, donc les règles de placement tiennent même quand quelqu’un de nouveau fait la publication. Avec vos polices, logos et ton dans le kit de marque, le Designer travaille dans ces règles quand il compose de nouvelles créations.

## FAQ

### Qu’est-ce qu’un langage visuel en design ?

C’est l’ensemble des éléments visuels qu’utilise une marque ou un produit, comme la couleur, la typographie, la forme, les images, la surface et le mouvement, plus les règles qui les combinent pour que chaque création parle d’une seule voix.

### Quelle différence entre langage visuel et identité visuelle ?

L’identité visuelle est le système complet des éléments, logo compris. Le langage visuel est la grammaire à l’intérieur : comment ces éléments se comportent et se combinent dans toute nouvelle création.

### Quels sont les éléments d’un langage visuel ?

En général la couleur, la typographie, la forme, les images, la surface ou texture, et le mouvement. Chacun demande au moins une règle claire et vérifiable.

### Comment savoir si mon langage visuel fonctionne ?

Masquez le logo d’une série de créations récentes. Si les gens peuvent encore dire qu’elles viennent toutes de vous, le langage fait son travail.