Ontwerpen in kleur

Kleur is een sterke kracht in de handen van een ontwerper. Het trekt je aandacht, roept emotie op en communiceert betekenis. Om u een idee te geven van hoe belangrijk kleur is, ontdekten onderzoekers in een veel geciteerd onderzoek met de titel The Impact of Color on Marketing dat voor sommige producten 90% van de snelle beslissingen die mensen over producten nemen, alleen op kleur gebaseerd zou kunnen zijn.

Dus effectief gebruik van kleur is belangrijk voor ontwerpen. Maar verschillende kleurencombinaties bedenken is ook moeilijk. Elke kleur heeft zijn eigen betekenis, en er zijn oneindig veel combinaties die er zijn.

Dit artikel is bedoeld als richtlijn om u te helpen bij het bedenken van kleurenpaletten voor uw ontwerpen. Het moedigt je aan om meer te ontdekken met kleur, wat je zal helpen een intuïtief gevoel voor goede kleurencombinaties te ontwikkelen.

Naarmate je meer onderzoekt met kleur, ontwikkel je een intuïtief gevoel voor goede kleurencombinaties.

Een kleurenpalet kiezen

Soms is een kleurenpalet het resultaat van plotselinge inspiratie. Maar meestal komt het voort uit een systematische aanpak.

Identificeer het doel

Bepaal voordat u iets anders gaat doen eerst het doel van uw ontwerp. Een goed ontwerp stemt zijn kleurenpalet af op zijn doel.

Stel uzelf de volgende vragen:

  • Wat is de boodschap die u met uw ontwerp wilt overbrengen?
  • Wat is het doel van uw ontwerp? Om informatief te zijn? Overtuigen?
  • Welke emoties wil je dat je ontwerp oproept?

Het doel van uw ontwerp zou als richtlijn voor u moeten dienen bij het kiezen van uw kleurenpalet.

Identificeer uw publiek

Mensen zien kleuren anders. Zoals Fairchild het uitdrukte, is kleur een psychologisch fenomeen dat zich voordoet bij de waarnemer. Kleuren hebben verschillende effecten op mensen op basis van hun persoonlijke voorkeur, culturele opvoeding en ervaringen. Om te begrijpen hoe mensen op uw ontwerp zullen reageren, moet u uw publiek identificeren.

Hoewel sommige betekenissen van kleur universeel zijn voor alle doelgroepen, zijn andere dat niet. Groen vertegenwoordigt universeel de natuur omdat het de kleur van de vegetatie is. Een kleur als rood wordt echter in verschillende culturen anders geïnterpreteerd. In de westerse wereld wordt rood geassocieerd met vuur, geweld en oorlogvoering. Het wordt ook geassocieerd met liefde en passie. Landen als China associëren rood echter met welvaart en geluk.

Omdat kleuren zoveel verschillende betekenissen hebben, is het belangrijk om de mentale kleurmodellen die je als ontwerper hebt, af te stemmen op die van je publiek.

Om meer te lezen over wat kleuren betekenen in verschillende landen en demografische categorieën, ga je naar The Psychology of Color in Marketing and Branding en The Meaning of Color.

Bekijk de kleurentheorie

Bij het kiezen van een kleurenpalet is het soms handig om een ​​beetje kleurentheorie te kennen. Kleurentheorie is een logische structuur en praktische gids voor het mengen van kleuren. Het omvat alles, van het kleurenwiel tot de betekenis van individuele kleuren.

Een goede inleiding is Basic Color Theory van Canva en Color Theory 101 van Hubspot. U kunt lezen over een interessante toepassing van kleurentheorie in Waarom is Facebook blauw? De wetenschap achter kleuren in marketing.

Vind inspiratie

Soms is het moeilijk om het juiste kleurenpalet voor uw ontwerp te visualiseren. Dat is oké, geweldige artiesten stelen . Of beter gezegd, ze laten zich inspireren door andere kunstenaars.

De gebruikelijke verdachte voor kleurenpaletinspiratie zijn sites als Dribbble en Behance. Als u kleurinspiratie wilt vinden voor een specifieke ontwerpstijl, zoals materiaalontwerp, kunt u een site als MaterialUI gebruiken. Het platte design-equivalent is te vinden op FlatUIColors.

Die sites zijn handig, maar probeer eens te kijken naar ontwerpen die van buiten het specifieke medium komen waarvoor u ontwerpt. Als u dit doet, kunt u onverwacht unieke en aangename kleurenpaletten bedenken. U kunt bijvoorbeeld kijken naar interieurontwerpen.

Als je iets anders wilt, zoek dan naar kleurinspiratie in het ontwerp van andere culturen. De ontwerpen van Koreaanse muziekvideo-sets staan ​​bijvoorbeeld bekend om hun kleurrijke en opvallende kleurenpaletten. Elk frame kan als inspiratiebron dienen.

Je hoeft niet naar Korea te gaan om kleurinspiratie op te doen. Het is overal, ook in uw dagelijkse leven. De volgende keer dat je uitgaat, stop dan om de kleuren om je heen te waarderen.

Als je iets vindt dat je inspireert, maak er dan een kleurenpalet voor. U kunt de pipet-tool in uw favoriete ontwerpprogramma gebruiken om een ​​kleurenpalet uit te drukken en indien nodig aanpassingen te maken.

Breng een ontwerpsysteem tot stand

Een ontwerpsysteem, ook wel een stijlgids genoemd, is een raamwerk dat alle elementen omvat die in uw ontwerp passen. Dit omvat alles, van knoppen tot typografie. Denk bijvoorbeeld na over de soorten knoppen die u gaat gebruiken en hoe uw navigatiebalk eruitziet.

Bekijk voor een voorbeeld van een ontwerpsysteem het ontwerpsysteem van Salesforce. Voor nog meer voorbeelden is hier een lijst met 50 zorgvuldige stijlgidsen die elke startup moet zien voordat deze wordt gestart.

Het is handig om een ​​ontwerpsysteem op te zetten voordat u een kleurenpalet kiest, ook al is het maar een ruwe schets. Als je dit doet, krijg je een idee van welke elementen je hebt en hoe je kleuren daarop van toepassing kunnen zijn.

Bij het kiezen van een kleurenpalet voor je ontwerp, kun je het beste vasthouden aan het KISS-principe (Keep it simple, stupid). Hoe minder kleuren, hoe beter. Voor de meeste ontwerpsystemen is de volgende structuur een goed begin:

  • Achtergrond
  • Primair accent
  • Secundair accent
  • Foutkleur
  • Succes kleur

De primaire kleur is de kleur die u het vaakst gebruikt voor belangrijke knoppen en accenten. Voor veel bedrijven is dit ook de kleur van hun logo.

De secundaire kleur is de kleur die u gebruikt om secundaire acties te onderscheiden van primaire. Bijvoorbeeld primaire en secundaire knoppen. Fout- en succeskleuren, meestal rood en groen, brengen ontwerpstatussen over. Bijvoorbeeld succes- of foutmeldingen.

Kies een kleurenpalet

Nu je gewapend bent met inspiratie en een ruwe schets van een ontwerpsysteem, is het tijd om een ​​kleurenpalet te kiezen.

Voor een basiskleurenpaletten zet ik mijn kleuren graag naast elkaar, net zoals een kunstenaar dat zou doen voor hun verfpalet.

Dit is het moment om al je kleurinspiratie te nemen en er kleurenpaletten van te maken. Hoe meer hoe beter. Wees ook niet bang om zelf met kleuren te experimenteren.

Denk bij het verfijnen van uw kleurenpalet terug aan de eerste twee secties waarin u het doel en de doelgroep van uw ontwerp hebt geïdentificeerd. Stel uzelf de volgende vragen:

  • Welke kleuren zijn toegankelijk?
  • Welke kleuren hebben een visuele impact en trekken uw aandacht?
  • Heeft u een licht of donker kleurenschema nodig? Op welk moment van de dag zullen mensen uw product gebruiken?
  • Welke stemming wil je dat je ontwerp overbrengt? Doet een van de kleurenpalet dat je hebt dit beter dan de andere?

Zoals ik in het vorige gedeelte al zei, zullen kleuren verschillende rollen spelen in uw ontwerpsysteem. Dit betekent ook dat elke kleur een ander gewicht in uw systeem draagt. Uw achtergrondkleuren worden bijvoorbeeld vaker gebruikt dan accentkleuren.

Daarom is het soms een goede oefening om een ​​wegwerpontwerp te maken dat is samengesteld uit vormen van verschillende groottes, waarbij elke maat ongeveer gelijk is aan de frequentie van voorkomen en het gemiddelde oppervlak van de kleur op een bepaalde pagina.

Hier is als voorbeeld het kleurenpalet van Invision.

Een geometrische voorstelling zou er ongeveer zo uit kunnen zien.

Kleurenpaletten toepassen

Laten we eens kijken naar Airbnb om je een idee te geven hoe je kleuren kunt toepassen op ontwerpsystemen. De primaire kleur van Airbnb is Rausch, genoemd naar de straat waar het bedrijf vandaan komt. Kazan dient als secundaire kleur en de twee grijstinten worden gebruikt als achtergrondkleuren.

Voor de meeste pagina's gebruikt Airbnb mistig grijs als achtergrond. Je kunt zien dat ze de rausch gebruiken als hun primaire kleur om belangrijke acties te accentueren, zoals het aanvragen van een advertentie.

Kazan, de turkooizen kleur, wordt gebruikt om je aandacht te trekken. Merk op hoe het de primaire kleur complimenteert.

Voor foutmeldingen gebruikt Airbnb een lichtrood, misschien wel een tint rausch. Het rood trekt samen met het uitroepteken onmiddellijk uw aandacht en informeert u over de toestand van het systeem.

Begin zonder enige kleur in uw ontwerp. Focus op lay-out en plaatsing van elementen. Nadat je tevreden bent met wat je hebt, kun je beginnen met het toepassen van je kleurenpalet op je ontwerp.

Denk aan visuele hiërarchie in uw ontwerp. Bedenk welke ontwerpcomponenten u wilt markeren en wijs de juiste kleur toe. Overweeg ook om verschillende tinten van uw kleuren te gebruiken voor zaken als zweven en klikken.

Inpakken

Bij kleur draait alles om experimenteren en itereren. Als je beter wilt worden in het werken met kleur, is het enige antwoord om meer werk te verzetten. Denk aan kleur als een additief. Als je de lay-out en functionaliteit van je ontwerp laag hebt, kun je experimenteren met zoveel kleurenpaletten als je wilt.

Leren ontwerpen met kleuren is oneindig waardevol voor een ontwerper. Naarmate u beter wordt in het kiezen van kleurenpaletten, ontwikkelt u de mogelijkheid om kleurencombinaties op een ontwerp te visualiseren voordat u zelfs maar een ontwerpprogramma aanraakt.

Ik zou graag willen weten hoe je met kleur omgaat. Wat is uw proces? Laat gerust een berichtje of Tweet voor mij achter.

PS Als je dit artikel leuk vond, zou het veel betekenen als je op de aanbevelingsknop drukt of het met vrienden deelt.