L’essentiel en bref
- Les déclinaisons de logo sont différents agencements et colorations du même logo, conçus pour qu’il s’adapte à chaque espace où il apparaît.
- Un ensemble type comprend un logo principal, une version horizontale, une version empilée, une icône ou sous-logo, et des versions une couleur en noir et en blanc.
- Chaque déclinaison doit partager les mêmes lettres, le même symbole et les mêmes couleurs, pour se lire comme un seul logo et non plusieurs.
- L’icône ou sous-logo est la version utilisée pour les photos de profil, les favicons et les autres petits espaces carrés.
- Notez quelle déclinaison va où, pour que personne n’ait à deviner ni à étirer le logo principal pour le faire rentrer.
Sur cette page
Les déclinaisons de logo sont les différentes versions d’un même logo, agencées et colorées pour s’adapter à différents espaces. La plupart des marques en ont besoin de cinq : un logo principal, une version horizontale pour les espaces larges, une version empilée pour les espaces carrés, une icône ou sous-logo pour les très petits espaces, et des versions une couleur en noir et en blanc. Construites à partir des mêmes éléments, elles permettent au logo d’être juste dans une bannière, une photo de profil et un tampon à une encre, sans jamais être étiré ni écrasé.
Pourquoi un seul logo ne suffit pas
Un logo conçu pour une enseigne est généralement trop large pour une photo de profil et trop détaillé pour un favicon. Quand il n’existe qu’un fichier, on improvise : on le réduit jusqu’à l’illisible, on l’écrase pour le faire rentrer, ou on le pose sur un fond où il disparaît. Les déclinaisons règlent le problème à l’avance. Vous décidez une fois comment le logo s’adapte, et tout le monde suit la même réponse.
Les cinq déclinaisons de logo dont la plupart des marques ont besoin
Ce que c’est
À utiliser pour
Ce que c’est
À utiliser pour
À utiliser pour
Ce que c’est
À utiliser pour
Ce que c’est
À utiliser pour
Certaines marques ajoutent une version logotype seul, le nom sans le symbole, pour les endroits où le symbole serait trop petit pour être lu. Une version écusson ou emblème peut aussi servir pour les stickers et les sceaux d’emballage. Ni l’une ni l’autre n’est indispensable dès le premier jour.
Associer chaque déclinaison à son espace
La forme de l’espace décide de la déclinaison. Les espaces larges prennent la version horizontale, les espaces carrés prennent la version empilée ou l’icône, et tout ce qui est plus petit qu’une vignette reçoit l’icône seule.
En-tête d’e-mail 1200×600 : horizontale
1200 × 600
Carré Instagram 1080×1080 : empilée
1080 × 1080
Story 1080×1920 : empilée ou icône
1080 × 1920
Bannière LinkedIn 1584×396 : horizontale
1584 × 396
Dans un en-tête d’e-mail large, le nom tient sur une ligne et l’espace se lit naturellement.
Dans un carré, l’agencement empilé remplit le cadre et reste assez grand pour être lu.
Les déclinaisons de couleur : couleur, inversé et monochrome
Chaque agencement a aussi besoin de versions de couleur. Inutile de prévoir toutes les combinaisons, mais ces quatre-là sont nécessaires, pour que le logo ait une réponse sur fond clair, sur fond sombre et en impression une encre.
Sur les dégradés et les photos, la version une couleur blanche ou noire est souvent le bon choix, car un logo bicolore peut jurer avec ce qui se trouve derrière. Un logo sur fond dégradé montre comment choisir entre les deux, et les idées de fond pour logo proposent des fonds adaptés à un logo simple.
Construire un ensemble de déclinaisons de logo
- 1
Partez du logo principal en vectoriel
Chaque déclinaison est réagencée à partir des mêmes éléments maîtres. Ne redessinez jamais le symbole et ne recomposez jamais le nom dans une autre graisse.
- 2
Créez les versions horizontale et empilée
Placez le symbole à côté ou au dessus du nom. Fixez l’écart entre eux par une mesure, par exemple la hauteur des capitales du nom.
- 3
Simplifiez l’icône
Prenez le symbole ou les initiales seuls, supprimez les détails fins et épaississez les traits minces. Elle doit se lire en très petit : testez-la en favicon.
- 4
Créez les versions de couleur
Couleur, inversé, noir et blanc pour chaque agencement. Vérifiez la version inversée sur la couleur la plus sombre de votre marque.
- 5
Fixez la zone de protection et les tailles minimales
Définissez la marge vide autour de chaque version et la plus petite taille à laquelle elle peut être utilisée, en pixels pour les écrans et en millimètres pour l’impression.
- 6
Exportez et nommez clairement les fichiers
SVG, PDF et PNG transparent pour chacune, nommés par exemple
fern-stacked-reversed.svg, pour que chacun choisisse le bon sans l’ouvrir.
Les règles qui font paraître les déclinaisons comme un seul logo
À éviter
- Étirer ou écraser une version pour la faire rentrer
- Redessiner l’icône différemment pour chaque plateforme
- Des couleurs nouvelles qui n’apparaissent que dans une déclinaison
- Ajouter un slogan à certaines versions au hasard
- Utiliser le logo principal là où l’icône s’impose
À faire
- Choisir la déclinaison dont la forme correspond à l’espace
- Une seule icône, utilisée partout où un petit carré est nécessaire
- La même palette pour tout l’ensemble
- Traiter une version avec slogan comme une déclinaison documentée à part
- Respecter la zone de protection et les tailles minimales
Documentez l’ensemble sur une seule page de votre charte graphique : chaque déclinaison, ses versions de couleur, sa zone de protection, sa taille minimale et ses usages. Placez ensuite les fichiers là où l’on crée vraiment. Dans Gradiently, le kit de marque contient plusieurs logos côte à côte : la version empilée, l’icône et le fichier inversé sont tous à un clic dans le Studio, et le Designer peut appliquer le kit quand il met en page une création. Le kit de marque présente tout ce qui a sa place à leurs côtés.
Les questions qu’on nous pose
Que sont les déclinaisons de logo ?
Ce sont des versions alternatives d’un même logo, comme les versions horizontale, empilée, icône et une couleur, conçues pour que le logo s’adapte à chaque espace sans être déformé.
De combien de déclinaisons de logo ai-je besoin ?
La plupart des marques en ont besoin d’environ cinq : principale, horizontale, empilée, une icône ou sous-logo, et des versions noire et blanche. N’en ajoutez que lorsqu’un usage réel le demande.
Qu’est-ce qu’un sous-logo ?
Un sous-logo est une version simplifiée et en général compacte du logo, souvent les initiales ou le symbole seul, utilisée dans les petits espaces comme les photos de profil, les favicons et les stickers.
Qu’est-ce qu’un logo responsive ?
Un logo responsive est un ensemble de déclinaisons qui se simplifient à mesure que l’espace se réduit, de l’assemblage complet sur grand écran à la seule icône aux plus petites tailles.
Quelle déclinaison de logo utiliser pour une photo de profil ?
Utilisez l’icône ou le sous-logo, ou la version empilée si elle est courte, sur un fond carré. Les logos horizontaux larges deviennent illisibles dans un petit cercle.
Écrit par Gradiently
L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.
Voir notre profil