De korte versie
- Een gradient logo werkt het best op schermen, op middelgrote en grote formaten en met een eenvoudige, krachtige vorm.
- Elk gradient logo heeft een effen versie in één kleur nodig voor kleine formaten, drukwerk in één kleur, borduurwerk, gravures en stempels.
- Kleurverlopen in logo’s lezen het best als korte verlopen tussen naburige tinten van vergelijkbare helderheid, die ook klein levendig blijven.
- Ontwerp het logo eerst in effen zwart: als de vorm effen niet werkt, redt een kleurverloop hem niet.
- Veel merken houden het logo effen en zetten het kleurverloop in hun achtergronden, wat dezelfde energie geeft met minder punten waar het mis kan gaan.
Op deze pagina
Een gradient logo werkt als het logo vooral op schermen leeft, op middelgrote of grote formaten verschijnt en een krachtige, eenvoudige vorm heeft die ook in één effen kleur leesbaar blijft. Het heeft het moeilijk op piepkleine formaten, in drukwerk met één kleur, op borduurwerk en overal waar kleur beperkt is. De regel is dus eenvoudig: een gradient logo is prima als hoofdversie, maar je moet altijd een effen versie hebben, en de vorm moet eerst zonder het kleurverloop werken.
Logo’s met een kleurverloop werden gangbaar toen merken eerst voor telefoons gingen ontwerpen, waar kleur oplicht en schermen verlopen goed weergeven. Ons overzicht van bekende gradient logo’s behandelt de bekende voorbeelden. Deze gids gaat over de vraag of jouw logo er een moet zijn, en hoe je het dan goed doet.
Wanneer een gradient logo werkt
Een kleurverloop verdient zijn plek in een logo als het iets toevoegt wat een effen kleur niet kan: een gevoel van licht, van beweging, of van meerdere dingen die samenkomen. Het werkt het best onder deze voorwaarden.
- Eerst schermen. App-iconen, websites, avatars op social media en video, waar kleur van achteren verlicht is en verlopen glad worden weergegeven.
- Middelgrote en grote formaten. Een verloop heeft ruimte nodig: op een paar millimeter breed leest het als één modderige kleur.
- Eenvoudige, volle vormen. Een cirkel, een vette letter of een dik symbool geeft het kleurverloop een oppervlak om over te lopen. Dunne lijnen geven het geen ruimte.
- Twee of drie kleuren dicht bij elkaar. Korte verlopen tussen naburige tinten blijven levendig. Lange reizen over de kleurencirkel worden grijs in het midden.
- Een merk dat al kleurverlopen gebruikt. Het logo herhaalt dan de taal van de rest van de identiteit, in plaats van het enige verloop in beeld te zijn.
Waar gradient logo’s het begeven
De meeste plekken waar een logo verschijnt, zijn geen telefoonscherm. Maak, voordat je je vastlegt, een lijst van waar je logo echt komt te staan en leg elke plek naast deze tabel.
| Waar | Wat er met een kleurverloop gebeurt | Gebruik in plaats daarvan |
|---|---|---|
| Icoon in het browsertabblad | Te klein om het verloop te zien, leest als een veeg | Effen symbool in één kleur |
| Drukwerk in één kleur, stempels, kassabonnen | Kan helemaal niet worden gedrukt | Effen zwart of één inkt |
| Borduurwerk en geweven labels | Garen kan niet vloeiend mengen | Effen versie in één of twee garenkleuren |
| Lasergravure, preegdruk | Helemaal geen kleur | Alleen de vorm |
| Klein drukwerk (visitekaartjes, etiketten) | Verlopen kunnen banden vertonen of vlekkerig ogen | Effen kleur, of een kort kleurverloop dat in druk is getest |
| Op een achtergrond met kleurverloop | Twee verlopen vechten met elkaar | Versie in wit of donker |
Drukken is niet onmogelijk, alleen veeleisend. Kleurverlopen drukken legt uit hoe je gladde verlopen op papier krijgt. En voor de laatste rij, zie een logo op een achtergrond met kleurverloop zetten.
Zo ontwerp je een gradient logo dat overeind blijft
- 1
Ontwerp de vorm in effen zwart
Elk logo moet eerst als silhouet werken. Is het op een klein formaat in zwart op wit niet herkenbaar, dan verbergt een kleurverloop alleen het probleem.
- 2
Kies een kort verloop
Kies twee of drie naburige tinten met vergelijkbare helderheid. Test het midden: oogt het grijs of bruin, verschuif dan een kleur of voeg een stop in het midden toe.
- 3
Bepaal de richting bewust
Diagonale verlopen van linksboven naar rechtsonder komen het meest voor. Een richting die bij de vorm past, zoals van onder naar boven voor iets dat stijgt, geeft het kleurverloop een reden om er te zijn.
- 4
Kies de effen reservekleur
Kies één effen kleur uit het verloop, vaak dicht bij het midden, die mensen als hetzelfde merk lezen. Dit is de kleur voor kleine formaten en gebruik in één kleur.
- 5
Maak de volledige set
Kleurverloop, effen kleur, wit en zwart. Test elke versie op avatarformaat, op donkere en lichte achtergronden en gedrukt.
- 6
Leg de regels vast
Noteer de exacte stops, de hoek en de reservekleur in je huisstijlgids, zodat niemand het kleurverloop op het oog nabouwt.
Gradient logo of kleurverloop als achtergrond
Veel merken hebben het voordeel van een kleurverloop zonder het in het logo te zetten. Het logo blijft effen en scherp, en het kleurverloop leeft in de achtergronden van posts, verpakkingen en de website. Het logo hoeft nooit te vechten met kleine formaten of de grenzen van drukwerk, terwijl het kleurverloop toch deel wordt van hoe mensen je herkennen. Branding met kleurverlopen gaat dieper op deze aanpak in.
Een effen wit woordmerk met het kleurverloop erachter: scherp op elk formaat, en de kleur doet nog steeds het werk voor het merk.
Dezelfde combinatie op een brede header. Het logo verandert nooit, het kleurverloop wordt voor de vorm gerenderd.
Een gradient logo bouwen in SVG
Op het web hoort een gradient logo een SVG te zijn met het kleurverloop erin gedefinieerd, zodat het op elk formaat scherp blijft. SVG-kleurverlopen behandelt alle mogelijkheden.
<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>Vragen die mensen stellen
Is een gradient logo een goed idee?
Dat kan, voor merken die vooral op schermen leven en een krachtige, eenvoudige logovorm hebben. Je hebt wel een effen versie in één kleur nodig voor kleine formaten en drukwerk.
Hoe maak ik een effen versie van een gradient logo?
Kies één effen kleur uit het verloop, meestal dicht bij het midden, die mensen als hetzelfde merk lezen, en maak daarnaast een witte en een zwarte versie.
Kun je een gradient logo drukken?
Ja, in full colour op een redelijk formaat, maar niet in drukwerk met één kleur, borduurwerk of gravure. Test kleine gedrukte formaten op banding voordat je je vastlegt.
Welke kleuren maken een goed gradient logo?
Twee of drie naburige tinten van vergelijkbare helderheid, zoals amber naar koraal of petrol naar blauw. Tegenovergestelde kleuren worden in het midden vaak grijs.
Moet mijn logo een kleurverloop hebben als mijn merk kleurverlopen gebruikt?
Niet per se. Veel merken houden een effen logo en zetten het kleurverloop in hun achtergronden, wat dezelfde herkenning geeft met minder problemen op kleine formaten.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel
