L’essentiel en bref
- Un logo en dégradé fonctionne surtout à l’écran, en taille moyenne ou grande, avec une forme simple et affirmée.
- Chaque logo en dégradé a besoin d’une version plate d’une seule couleur pour les petites tailles, l’impression monochrome, la broderie, la gravure et les tampons.
- Les dégradés de logo se lisent mieux comme de courts mélanges entre teintes voisines de luminosité proche, qui restent vives en petit.
- Dessinez d’abord le logo en noir uni : si la forme ne fonctionne pas à plat, un dégradé ne la sauvera pas.
- Beaucoup de marques gardent le logo plat et mettent le dégradé dans leurs arrière-plans, ce qui donne la même énergie avec moins de points de fragilité.
Sur cette page
Un logo en dégradé fonctionne quand il vit surtout à l’écran, apparaît en taille moyenne ou grande, et a une forme simple et affirmée qui se lit encore en une seule couleur plate. Il peine en très petit, en impression monochrome, en broderie et partout où la couleur est limitée. La règle est donc simple : un logo en dégradé convient comme version principale, mais il vous faut toujours une version plate, et la forme doit d’abord fonctionner sans le dégradé.
Les logos en dégradé se sont répandus à mesure que les marques ont conçu d’abord pour les téléphones, où la couleur est rétroéclairée et où les écrans restituent bien les mélanges. Notre article sur les logos en dégradé célèbres passe en revue les exemples connus. Ce guide vous aide à décider si votre logo doit en être un, et à bien le faire le cas échéant.
Quand un logo en dégradé fonctionne
Un dégradé mérite sa place dans un logo quand il apporte ce qu’une couleur plate ne peut pas : une impression de lumière, de mouvement, ou de plusieurs choses qui se rejoignent. Il fonctionne le mieux dans ces conditions.
- L’écran d’abord. Icônes d’application, sites web, avatars de réseaux sociaux et vidéo : la couleur est rétroéclairée et les mélanges s’affichent avec douceur.
- Tailles moyennes et grandes. Un mélange a besoin d’espace ; à quelques millimètres de large, il se lit comme une seule couleur boueuse.
- Des formes simples et pleines. Un cercle, une lettre épaisse ou un symbole massif donnent au dégradé une surface à parcourir. Des traits fins ne lui laissent nulle part où aller.
- Deux ou trois couleurs proches. De courts mélanges entre teintes voisines restent vifs. Les longs trajets à travers le cercle chromatique virent au gris au milieu.
- Une marque qui utilise déjà des dégradés. Le logo reprend alors le langage du reste de l’identité au lieu d’être le seul mélange en vue.
Là où les logos en dégradé craquent
La plupart des endroits où apparaît un logo ne sont pas un écran de téléphone. Avant de vous engager, dressez la liste des lieux où votre logo ira vraiment et vérifiez chacun d’eux avec ce tableau.
| Où | Ce qui arrive à un dégradé | À utiliser à la place |
|---|---|---|
| Icône d’onglet de navigateur | Trop petite pour voir le mélange ; ressemble à une tache | Symbole plat d’une seule couleur |
| Impression monochrome, tampons, tickets | Impossible à imprimer | Noir uni ou une seule encre |
| Broderie et étiquettes tissées | Le fil ne peut pas se fondre en douceur | Version plate en un ou deux coloris de fil |
| Gravure laser, gaufrage | Aucune couleur du tout | La forme seule |
| Petites impressions (cartes de visite, étiquettes) | Les mélanges peuvent faire des bandes ou paraître tachés | Couleur plate, ou court dégradé testé à l’impression |
| Sur un arrière-plan en dégradé | Deux mélanges se font concurrence | Version monochrome blanche ou sombre |
L’impression n’est pas impossible, seulement exigeante. Imprimer des dégradés explique comment obtenir des mélanges doux sur papier. Et pour la dernière ligne, voir placer un logo sur un arrière-plan en dégradé.
Concevoir un logo en dégradé qui tient le coup
- 1
Dessinez la forme en noir uni
Tout logo doit d’abord fonctionner en silhouette. S’il n’est pas reconnaissable en noir sur blanc à petite taille, un dégradé ne fera que cacher le problème.
- 2
Choisissez un mélange court
Prenez deux ou trois teintes voisines de luminosité proche. Testez le milieu : s’il paraît gris ou brun, déplacez une couleur ou ajoutez un arrêt intermédiaire.
- 3
Décidez de la direction à dessein
Les mélanges en diagonale, du haut gauche vers le bas droit, sont les plus courants. Une direction qui suit la forme, par exemple du bas vers le haut pour quelque chose qui s’élève, donne au dégradé une raison d’être là.
- 4
Choisissez la couleur plate de secours
Prenez une couleur unie dans le mélange, souvent près du milieu, que l’on reconnaîtra comme la même marque. C’est la couleur des petites tailles et des usages monochromes.
- 5
Réalisez le jeu complet
Dégradé, couleur plate, monochrome blanc et monochrome noir. Testez chacun à la taille d’un avatar, sur fond clair et sombre, et à l’impression.
- 6
Écrivez les règles
Consignez les arrêts exacts, l’angle et la couleur de secours dans votre guide de style de marque pour que personne ne reconstruise le dégradé à l’œil.
Logo en dégradé ou arrière-plan en dégradé
Beaucoup de marques profitent du dégradé sans le mettre dans le logo. Le logo reste plat et net, et le dégradé vit dans les arrière-plans des posts, des emballages et du site. Le logo n’a jamais à lutter contre les petites tailles ou les limites de l’impression, tandis que le dégradé continue de faire partie de ce par quoi on vous reconnaît. Le dégradé dans l’identité de marque approfondit cette approche.
Un logotype blanc plat avec le dégradé derrière lui : net à toutes les tailles, et la couleur fait quand même le travail de la marque.
Le même duo sur un bandeau large. Le logo ne change jamais ; le dégradé est rendu pour la forme.
Créer un logo en dégradé en SVG
Sur le web, un logo en dégradé doit être un SVG dans lequel le dégradé est défini, pour rester net à toutes les tailles. Les dégradés SVG présentent toutes les options.
<svg viewBox="0 0 120 120" width="120" height="120" role="img" aria-label="Northlight">
<defs>
<linearGradient id="northlight-logo" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#7c3aed" />
<stop offset="1" stop-color="#db2777" />
</linearGradient>
</defs>
<circle cx="60" cy="60" r="52" fill="url(#northlight-logo)" />
</svg>Les questions qu’on nous pose
Les logos en dégradé sont-ils une bonne idée ?
Ils peuvent l’être, pour les marques qui vivent surtout à l’écran et ont une forme de logo simple et affirmée. Il leur faut une version plate d’une couleur pour les petites tailles et l’impression.
Comment faire une version plate d’un logo en dégradé ?
Prenez une couleur unie dans le mélange, en général près du milieu, que l’on reconnaîtra comme la même marque, et réalisez aussi des versions monochromes blanche et noire.
Peut-on imprimer un logo en dégradé ?
Oui, en impression quadrichromie à une taille raisonnable, mais pas en impression monochrome, en broderie ou en gravure. Testez les petites tailles imprimées pour repérer le banding avant de vous engager.
Quelles couleurs font un bon logo en dégradé ?
Deux ou trois teintes voisines de luminosité proche, comme l’ambre vers le corail ou le turquoise vers le bleu. Les couleurs opposées tendent à grisonner au milieu.
Mon logo doit-il être en dégradé si ma marque utilise des dégradés ?
Pas forcément. Beaucoup de marques gardent un logo plat et mettent le dégradé dans leurs arrière-plans, ce qui donne la même reconnaissance avec moins de problèmes en petit.
É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
