De korte versie
- Effen kleur wint waar helderheid, exacte weergave en kleine formaten tellen, zoals bij iconen, bedieningselementen, achtergronden van lopende tekst en drukwerk in één kleur.
- Kleurverlopen winnen waar een oppervlak stemming, diepte of eigenheid nodig heeft, zoals bij achtergronden, covers, hero’s, social posts en merkvlakken.
- Het contrast van een kleurverloop verandert over het oppervlak, dus tekst erop controleer je op het slechtste punt, niet op het gemiddelde.
- De meeste sterke visuele identiteiten gebruiken een kleurverloop als signatuur en een effen kleur eruit als reserve voor elke dag.
- Schermen zwaaiden begin jaren 2010 van glanzende stijlen met textuur naar flat design en later terug naar zachtere kleurverlopen, dus geen van beide is simpelweg modern of gedateerd.
Op deze pagina
Bij de vraag kleurverloop of effen kleur wint geen van beide overal. Effen kleur is helderder, wordt exact weergegeven en overleeft piepkleine formaten en drukwerk in één kleur. Kleurverlopen dragen stemming, suggereren licht en diepte en geven een merk veel meer ruimte om eigen te zijn. Het praktische antwoord voor de meeste merken is beide: een kleurverloop waar het oppervlak groot en expressief is, en een effen kleur, genomen uit het kleurverloop, waar de taak klein of functioneel is of in één inkt wordt gedrukt.
Waar effen kleur wint
- Kleine formaten: favicons, app-badges en iconen verliezen het detail van een kleurverloop, terwijl een effen kleur scherp blijft
- Bedieningselementen: knoppen, schakelaars en statussen lezen helderder als elke status één kleur is
- Achter lange tekst: constant contrast betekent dat elke regel even leesbaar is
- Drukwerk in één kleur: borduurwerk, zeefdruk, gravure, stempels en werk met één inkt kunnen geen verloop weergeven
- Exact matchen: één steunkleur is veel betrouwbaarder te matchen op verschillende materialen dan een verloop
- Grafieken en data: effen kleuren houden categorieën onderscheidbaar en vergelijkbaar
Waar kleurverlopen winnen
- Grote oppervlakken: achtergronden, covers, hero’s en posters waar effen kleur leeg aanvoelt
- Stemming en licht: een verloop suggereert een moment van de dag, een materiaal of een gloed, wat één kleur niet kan
- Eigenheid: er zijn maar zoveel te onderscheiden losse tinten, en in elke categorie zijn de meeste al bezet
- Social feeds: een goed gebouwd veld met een kleurverloop valt op tussen foto’s en effen sjablonen
- Diepte in interfaces: een subtiel kleurverloop op een hero of een hoofdkaart scheidt lagen zonder schaduwen
- Beweging: kleurverlopen kunnen drijven en ademen, zie geanimeerde achtergronden met kleurverloop
Kleurverloop of effen kleur, factor voor factor
| Factor | Effen kleur | Kleurverloop |
|---|---|---|
| Leesbaarheid | Overal constant contrast | Contrast wisselt, controleer het slechtste punt |
| Herkenning | Sterk als je een zeldzame tint bezit | Sterk als het recept consistent blijft |
| Eigenheid | Beperkt door het aantal tinten | Enorme ruimte aan combinaties |
| Kleine formaten | Uitstekend | Vaak modderig of verloren |
| Drukwerk | Exact, zelfs in één inkt | Vraagt full colour, kan banden geven of verschuiven |
| Statussen in interfaces | Helder en voorspelbaar | Het best beperkt tot een of twee accentvlakken |
| Stemming en diepte | Beperkt | Uitstekend |
| Bestandsgrootte en moeite | Verwaarloosbaar | Klein in CSS, groter als afbeelding en video |
De vraag van de leesbaarheid
Op een effen achtergrond geldt: haalt één woord het contrast, dan halen alle woorden het. Op een kleurverloop verandert het contrast met de kleur mee, dus een kop kan aan het ene uiteinde perfect lezen en aan het andere verdwijnen. Meet het contrast altijd op het lichtste punt achter lichte tekst, of op het donkerste punt achter donkere tekst. De volledige methode staat in tekst op een kleurverloop en kleurcontrast en toegankelijkheid.
Een kleurverloop dat dwars door de woorden loopt: het contrast verandert letter voor letter.
Hetzelfde kleurverloop dat ruimte maakt voor de woorden: de expressie blijft, de leesbaarheid komt terug.
Een korte geschiedenis: eerst flat, toen weer kleurverlopen
In de jaren 2000 waren schermen glanzend: knoppen met schuine randen, glazige hooglichten en texturen die leer en papier nabootsten. Begin jaren 2010 stapten grote besturingssystemen over op flat design, met effen kleuren, eenvoudige iconen en geen nagemaakte diepte, en een groot deel van het web volgde. Vanaf het midden van de jaren 2010 keerden zachtere kleurverlopen terug, nu als gladde verlopen van twee of drie kleuren in plaats van glimmende effecten, en enkele zeer zichtbare merkiconen stapten over op kleurverlopen. Meer in de geschiedenis van kleurverlopen.
De les is dat geen van beide stijlen blijvend modern is. Wat een ontwerp dateert, is de specifieke behandeling: zware glans dateert een kleurverloop, en een standaardpalet dateert effen kleur.
Zo beslis je per oppervlak
- 1
Vraag waar het oppervlak voor dient
Helpt het mensen iets te doen, te lezen of te vergelijken, neig dan naar effen. Zet het een stemming of introduceert het het merk, neig dan naar een kleurverloop.
- 2
Controleer het formaat
Onder ongeveer icoonformaat gebruik je effen. Kleurverlopen hebben ruimte nodig om hun verloop te tonen.
- 3
Controleer hoe het wordt weergegeven
Eén inkt, garen of gravure betekent effen. Schermen en drukwerk in full colour kunnen een kleurverloop dragen.
- 4
Controleer de woorden
Lange tekst wil een effen of heel rustige ondergrond. Een kop kan op een kleurverloop staan als het contrast op het slechtste punt standhoudt.
- 5
Houd ze verwant
Haal je effen kleuren uit je kleurverloop, zodat de twee er altijd als één merk uitzien.
Kies effen voor
- Favicons, app-badges en kleine iconen
- Knoppen, schakelaars, tabbladen en formulierstatussen
- Pagina’s met lopende tekst en datatabellen
- Borduurwerk, stempels en drukwerk in één inkt
Kies een kleurverloop voor
- Covers, posters en social posts
- Hero’s op websites en lanceringspagina’s
- Merkvlakken achter logo’s en koppen
- Loops, wallpapers en openingsslides
Gebruik beide: een kleurverloop met een effen reserve
De sterkste systemen zien het kleurverloop als signatuur en kiezen er een of twee effen kleuren uit voor de taken van elke dag. De diepste toon wordt de kleur van tekst of iconen, een middentoon wordt de knopkleur, en het kleurverloop zelf verschijnt op covers, hero’s en posts. Zo krijg je expressie en functie zonder twee paletten die niets met elkaar te maken hebben. Branding met kleurverlopen loopt het door.
Elke Mark in Gradiently is een kleurverloop met een eigen ingebouwd palet, dus de effen kleuren voor tekst, knoppen en kleine formaten komen uit hetzelfde recept als de achtergrond.
Vragen die mensen stellen
Is flat design beter dan kleurverlopen?
Geen van beide is overal beter. Effen kleur is het best voor kleine formaten, interfaces en drukwerk in één kleur. Kleurverlopen zijn het best voor grote, expressieve oppervlakken en eigenheid.
Zijn kleurverlopen ouderwets?
Nee. Zware glanzende kleurverlopen ogen gedateerd, maar zachte kleurverlopen van twee of drie kleuren worden veel gebruikt in huidige merkidentiteiten en interfaces.
Moet mijn logo een kleurverloop of een effen kleur hebben?
Veel logo’s gebruiken een versie met kleurverloop voor groot gebruik op schermen en een effen versie voor kleine formaten en drukwerk in één kleur. De effen versie heb je hoe dan ook nodig.
Is tekst moeilijker te lezen op een kleurverloop?
Dat kan, omdat het contrast over het kleurverloop verandert. Controleer het contrast op het slechtste punt achter de tekst, of houd een rustig vlak vrij voor woorden.
Kan ik kleurverlopen en effen kleuren samen gebruiken?
Ja, en de meeste sterke merken doen dat. Haal de effen kleuren uit het kleurverloop, zodat alles bij elkaar past.
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
