Kleur is een van de belangrijkste elementen in het werk van een ontwerper. Maar als concept kan het behoorlijk lastig zijn om onder de knie te krijgen: door de vele combinaties van paletten is het vaak moeilijk om te beslissen hoe je de interface van webpagina's en applicaties het beste kunt ontwerpen. We hebben eerder recensies gepubliceerd van favoriete tools en . En vandaag willen we het onderwerp uitbreiden door een vertaling van het artikel Essential Color Tools for UX Designers van Nick Babich op de blog te plaatsen.
De notitie bevat een lijst met de beste kleurselectiediensten voor websites en UX-ontwerp waarmee u veel tijd kunt besparen. Door deze projecten leer je:
- waar je inspiratie kunt opdoen;
- hoe u uw eigen palet kunt maken;
- hoe je design toegankelijk kunt maken voor mensen met kleurenblindheid.
1. Op zoek naar inspiratie
Kleuren van de natuur
Trek uit de wereld om je heen. Het enige dat u hoeft te doen, is gewoon rondkijken. Modieuze kleding, boekomslagen, interieurontwerp... er zijn zoveel geweldige dingen om je heen. Maar de beste kleurencombinaties zijn de kleuren van de natuur. Leg een mooi moment vast en probeer uw eigen selectie te maken op basis van een specifieke afbeelding.
De beste kleurencombinaties vind je in de natuur. U kunt van elke foto een kleurenschema krijgen
Behance
In deze populaire dienst vindt u interessante werken opgenomen in de beste online portfolio's van echte professionals in hun vakgebied. Ook deze site is een grote inspiratiebron. Om nieuwe waardevolle voorbeelden van projecten te bekijken, selecteert u eenvoudig de gewenste kleur.
Dribbel kleuren
Dribbble is een van de beste die van pas zal komen bij het maken van een gebruikersinterface. Als je visueel wilt begrijpen hoe anderen een bepaalde kleur hebben gebruikt, ga dan naar dribbble.com/colors en voer de gewenste waarde in.
Wanneer u een kleur voor een site kiest, kunt u hier het minimumpercentage instellen. Experimenteer, probeer bijvoorbeeld 30% blauw in te stellen.
Probeer een minimumpercentage van een specifieke kleur in Dribbble in te stellen
Ontwerpspiratie
Designspiration is vooral een handig hulpmiddel voor degenen die al ideeën hebben voor kleurencombinaties en voorbeelden van dergelijke combinaties willen zien. Selecteer uit 1 tot 5 opties en u zult afbeeldingen vinden die overeenkomen met de opgegeven parameters.
In Designspiration vind je verschillende voorbeelden van kleurcombinaties
Tineye Multikleur
Met de kleurmatchingservice van Tineye Multicolr kunt u het gewenste gamma van de afbeelding bepalen en zelfs het percentage van elk ervan instellen (verhouding). De site is geïntegreerd met een database van 20 miljoen Creative Commons-foto's van Flickr. Dit is absoluut een van de snelste manieren om het perfecte palet te vinden.
Colorzilla
ColorZilla is een extensie voor installatie in Chrome- en Mozilla Firefox-browsers. Het bevat tools zoals pipet, bladeren door paletten, creatie en meer.
ColorZilla-extensie beschikbaar in Chrome en Firefox
Shutterstock-spectrum
Een van de beste manieren om je voor te stellen hoe een kleurenschema eruit zal zien, is door naar de bijbehorende afbeeldingen te kijken. De meeste oplossingen die kleurkeuzes voor website-ontwerpen bieden, bevatten deze functie, maar Shutterstock Spectrum heeft een ongelooflijk gebruiksvriendelijke interface en voorbeeldweergave die erg handig kunnen zijn.
Bovendien heb je geen abonnement nodig, omdat een voorlopige beoordeling van de foto voldoende zal zijn (zelfs ondanks het feit dat er een "watermerk" op staat).
W3Schools
Onlangs beoordeelde de blog een selectie van W3Schools. Er is daar veel informatie verzameld over dit onderwerp, beginnend bij hun namen/codes van tinten, de theorie van het combineren van paletten en eindigend met een beschrijving van verschillende formaten: HEX, RGB, CMYK, HWB, enz. Je zult ook eenvoudige generatoren, omvormers en soortgelijke “minidiensten”. Kortom, interessant om naar te kijken.
2. Maak een kleurenpalet
Kleurhulpmiddel voor materiaalontwerp
Met de Material Design Color Tool kunt u kleurenschema's maken, delen en een ruwe gebruikersinterface voor uw selecties bekijken. Een van de handige functies is het meten van het toegankelijkheidsniveau van elke kleurencombinatie.
Koelers
Coolors is een site voor het maken van een meerkleurenpalet. Zet gewoon een specifieke kleur vast en druk op de spatiebalk. De tool is ook goed omdat je meer dan één resultaat krijgt, maar je kunt verschillende opties genereren door alleen de initiële gegevens te wijzigen.
Kleurenschema in Coolors op basis van foto
Adobe Color CC
De kleurafstemmingsservice Adobe Color CC (voorheen Kuler) is nu behoorlijk populair. Het is gratis beschikbaar op internet, maar er is ook een desectorversie. Met deze webapplicatie maakt u uw eigen palet met behulp van het kleurenwiel:
Of u kunt een bepaald resultaat krijgen van de voltooide afbeelding:
Kleuren selecteren voor een website op basis van een afbeelding
Er zijn hier honderden kant-en-klare combinaties, zoek ze in het gedeelte 'Bekijken':
Als u de desktopversie gebruikt, kunt u het door u gemaakte kleursysteem met één klik exporteren naar InDesign, Photoshop en Illustrator.
Paletton
Het wordt vaak vergeleken met de vorige Adobe Color CC omdat de ontwerpen erg op elkaar lijken. Het enige verschil is dat je in Paletton niet beperkt bent tot vijf parameters, maar kunt experimenteren met extra interfacetonen.
Daarnaast kun je kijken. Samen met anderen kunt u met de applicatie overal werken, gewoon via uw smartphone. Naast de directe taken van het maken/exporteren van kleurenpaletten, kunt u hier specifieke kleuren uit afbeeldingen selecteren of basisopties gebruiken.
3. Het palet toegankelijk maken
Tegenwoordig komen kleurwaarnemingsstoornissen veel vaker voor dan we ons realiseren. Ongeveer 285 miljoen mensen in de wereld ervaren zichtproblemen. U moet altijd controleren of degene die u kiest beschikbaar is voor dergelijke gebruikers.
WebAIM Kleurcontrastcontrole
Sommige tonen passen goed bij elkaar, terwijl andere precies het tegenovergestelde zijn. Een groot aantal projecten slaagt niet voor de A/A-test, en dat is een feit. Het is erg belangrijk om het visuele ontwerp van de interface en het contrast van de tonen te controleren, vooral als er veel tekst op de pagina staat. Gebruik voor deze doeleinden bij het selecteren van websitekleuren.
WebAIM Color Contrast Checker is een webgebaseerde tool die kleurcodes in hexadecimale waarden controleert.
Koelers
We hebben deze service hierboven al genoemd. Coolors helpt je onder andere ook om je bedachte palet te controleren op kleurenblindheid.
Type kleurenblindheid in het diagram
In plaats van de Normale modus selecteert u het type zichtprobleem dat u wilt simuleren. Hierdoor begrijp je precies hoe iemand die geen onderscheid kan maken tussen bepaalde kleuren jouw ontwerp zal zien.
Dit is hoe iemand met protanomalie een palet ziet
NoCoffee Vision Simulator voor Chrome
Met behulp van de NoCoffee Vision Simulator-website kunt u zien hoe mensen met kleurenblindheid of slechtziendheid bepaalde webpagina's zullen waarnemen. Als u bijvoorbeeld de parameter ‘Achromatopsie’ opgeeft in het gedeelte ‘Kleurgebrek’, ziet u de webpagina in grijs.
Zo ziet een CNN-project eruit voor iemand met deuteranopie.
Conclusie
Alle websitekleurmatching- en UX-ontwerpdiensten die in het artikel worden genoemd, zullen u zeker helpen bij uw zoektocht naar een interessant en effectief palet. Maar onthoud: de beste manier om geweldige paletten te leren maken, is door veel te oefenen en te experimenteren.
Een van de belangrijkste factoren bij het creëren van een uniek en herkenbaar ontwerp is kleur. De juiste kleurkeuze kan het succes of falen van een website bepalen. Wanneer een bezoeker een webpagina voor het eerst bekijkt, sturen de kleuren die u kiest hem een instantbericht over die pagina. Gelukkig zijn er veel hulpmiddelen die je kunnen helpen bij het kiezen van het juiste kleurenschema. Hier zijn vijf van de beste.
1. Koeler
Kuler van Adobe wordt al lang erkend als de beste assistent voor een professionele webontwerper. In tegenstelling tot de concurrentie is er hier een grote community en kunt u gemaakte paletten delen of de kleurenschema's van anderen gebruiken en deze aanpassen aan uw behoeften. Om in de community te kunnen communiceren, moet u zich registreren en een Adobe ID aanvragen. Kleuren in Kuler worden weergegeven in verschillende formaten, waaronder RGB, CMYK, LAB en HSV.
Inspiratie kan ontstaan onder invloed van de meest onverwachte gelegenheid. Het kan bijvoorbeeld zijn dat je een mooie foto tegenkomt met een aantrekkelijk kleurenschema. Deze kleurenpaletgenerator is speciaal gemaakt voor het verwerken van dergelijke foto's. Upload bestanden in JPG- of PNG-indeling en krijg een gedetailleerde lay-out van de belangrijkste kleuren. Welke reactie u ook probeert op te roepen bij uw bezoekers, een kleurenpaletgenerator kan helpen een unieke look voor elke website te creëren.
Individuele kleuren hangen nooit in een vacuüm en elke tint heeft een impact op zijn omgeving. De Contrast-A-tool hanteert een zeer technische benadering van de paletconfiguratie en biedt gedetailleerde informatie over de luminantieverhouding en verschillen in helderheid en kleur. Dit is de perfecte tool als je een minimalistische website wilt maken met weinig kleuren die elkaar aanvullen.
Met deze populaire Firefox-plug-in kunt u de betekenis van afzonderlijke kleuren rechtstreeks in de browser bepalen en het verschil daartussen meten. Er is een “kleurenschema-browser” voor het selecteren van individuele kleuren uit vooraf geselecteerde sets. De ColorZilla-plug-in is eenvoudig te gebruiken en extreem rijk aan functies en is als het Zwitserse zakmes onder de browserextensies voor webontwerpers en artiesten.
In tegenstelling tot de meeste andere kleurenschemageneratoren met "kleurenwiel", geeft Colorotate het palet weer op een 3D-kegel. Net als Kuler kunnen gebruikers hun kleurenschema's opslaan en bewerken, en paletten bekijken die door andere ontwerpers zijn gemaakt. De tool is geïntegreerd met populaire ontwerpprogramma's Adobe Fireworks en Photoshop.
Als het gaat om effectief webontwerp, praten we over intuïtieve gebruikersinterfaces en lay-outs, maar kleurenschema’s zijn net zo belangrijk, zo niet belangrijker. De hier genoemde hulpmiddelen moeten u in de goede richting wijzen om bij de eerste poging een geweldig kleurenpalet voor uw website te kiezen. Er zijn nog meer handige tools die je online kunt vinden, maar dit zijn de tools waarmee je kunt beginnen om het perfecte arsenaal te vinden dat bij jouw persoonlijke stijl past. Veel succes en plezier met ontwerpen!
Kleuren spelen een grote rol bij webdesign. Om het kleurenschema voor een website correct te selecteren, zijn er speciale services. Ik weet zeker dat elke webontwerper er minstens één in zijn bladwijzers heeft staan.
Soms zit je en bedenk je welke tint blauw je moet kiezen als de belangrijkste voor de site, een beetje lichter of een beetje helderder, of misschien donkerder... En je moet er nog steeds extra voor kiezen. Je kunt dit natuurlijk met het oog doen, maar het is beter om een van de speciale diensten te gebruiken.
Ik zal het niet hebben over kleurentheorie (dit is te omvangrijke informatie), maar zal hier eenvoudigweg de diensten publiceren die ik in mijn bladwijzers heb en die ik gebruik.
Ik ben al jaren bevriend met dit instrument. Het handigste hulpmiddel voor het selecteren van kleuren (naar mijn mening). Het heeft veel extra functies. U kunt bijvoorbeeld een voorbeeld zien van een lichte en donkere pagina met geselecteerde kleuren.
Het is mogelijk om te evalueren hoe mensen met kleurenblindheid en andere visuele beperkingen uw kleurenschema zullen zien. U kunt webveilige kleuren kiezen.
Adobe Kuler is de tweede webtool die ik vrij vaak gebruik. De selectie kleurenschema’s is bijna hetzelfde als op de vorige site, maar dat is niet waarom ik er zo dol op ben. Naast dat u zelf kleurenschema's kunt maken, kunt u ook schema's bekijken en gebruiken die anderen hebben gemaakt.
Klik hiervoor op de knop in het menu linksboven “Kijken”. En voor je gaat een galerij met allerlei kleurencombinaties open.
Deze tool lijkt een beetje op Colorscheme, maar heeft minder functies, maar je kunt wel zien hoe kleurblokken eruit zullen zien.
Ik gebruik deze site praktisch niet, maar omdat ik hem in mijn bladwijzers heb, heb ik besloten hem ook toe te voegen.
De volgende twee sites genereren een palet op basis van de afbeelding die u selecteert. Het is magie:)
U kiest een afbeelding waarvan u de kleuren mooi vindt, de service analyseert deze en geeft u een kleurenpalet. Het enige verschil tussen deze twee sites is de manier waarop ze de afbeelding weergeven.
Deze site vereist downloaden foto vanaf uw computer.
Een zeer handig hulpmiddel voor kleurselectie. Gebaseerd op het ‘Like – Dislike’-principe.
Zoals de naam al doet vermoeden, kunt u hier kleuren kiezen voor het nu modieuze platte ontwerp. De site is interessant omdat je, zodra je een palet selecteert, dit kunt downloaden voor Corel en Photoshop.
Een andere modetrend is materiaalontwerp. Deze site helpt u bij het kiezen van kleurencombinaties voor de gebruikersinterface (gebruikersinterface). Bovendien heeft de site een groot aantal pictogrammen.
Verschillende kleuren en tinten hebben verschillende effecten op onze emoties en associaties. Kleuren beïnvloeden ook onze perceptie van design. Het maakt niet uit wat voor ontwerp het is – interieur, website of mobiele applicatie – de combinatie van kleuren speelt een zeer belangrijke rol. Nog maar een paar eeuwen geleden was de keuze aan kleuren, dat wil zeggen pigmenten, erg klein. Kleurstoffen werden verkregen uit verschillende mineralen en planten, en het was voor ambachtslieden uit die tijd vrij eenvoudig om bijpassende kleuren te kiezen. Voor moderne ontwerpers is het veel moeilijker - ze hebben een groot aantal tinten tot hun beschikking en soms is het pijnlijk moeilijk om harmonieus gecombineerde kleuren te kiezen.
Elke ontwerper lost dit probleem anders op. Sommigen handelen intuïtief en kiezen vrijwel willekeurig tinten, terwijl anderen methodisch kant-en-klare paletten samenstellen en deze vervolgens in hun werk gebruiken. FreelanceToday nodigt u uit om de verschillende manieren te bekijken om kleurenpaletten te kiezen die worden gedeeld door beroemde ontwerpers.
1. KLANT-EN-KLAAR PALETTEN OM UW ROND
Callie Hegstrom, ontwerper bij Make Media, zegt: “Ik maak eerst foto’s van iets moois. Het kunnen bloemen zijn, een zonsondergang, wat dan ook. Op deze manier krijg ik een kant-en-klaar kleurenpalet en nu hoef ik alleen maar de hoofdkleuren van de foto te isoleren, die zeker in harmonie met elkaar zullen zijn. Vervolgens kan ik de foto openen in Photoshop en met het pipet een nieuw palet maken. Het is nog eenvoudiger om een palet te maken met een tool als Photocopa. Upload gewoon de afbeelding die je leuk vindt en ontvang een kant-en-klaar palet.”
2. GEBRUIK EEN KLEURENWIELEN
De kunstenaar Marc Chagall zei: “Alle kleuren zijn vrienden van hun buren en liefhebbers van hun tegenpolen.” Wat bedoelde hij? 'Vrienden' Chagall noemde tinten die naast elkaar op het kleurenwiel liggen, bijvoorbeeld blauw en blauw. Maar 'liefhebbers van tegenstellingen' staan tegenover hen op het kleurenwiel, dat wil zeggen dat blauw wordt gecombineerd met verschillende tinten oranje.
De Canadese ontwerper Cindy Kinash van Cultivated Mind zegt: "Als je waterverf gebruikt om schaduw of diepte weer te geven, kun je een vergelijkbare kleur gebruiken, alleen een paar tinten donkerder." Deze methode om goed bij elkaar passende kleuren te kiezen is een van de beste. Door vriendelijke kleuren te gebruiken en deze te combineren met contrasterende tinten, kunt u verbluffende resultaten bereiken - u hoeft alleen maar te weten hoe u het kleurenwiel moet gebruiken.
3. LEREN VAN INTERIEURONTWERPERS
Omdat, ongeacht het type ontwerp, de principes van het werken met kleur hetzelfde blijven, kun je aandacht besteden aan hoe interieurontwerpers kleurenpaletten creëren. De Britse ontwerpster Elena Genova deelt haar ervaring: “Als ik interieurontwerp doe, gebruik ik een regel die ook geldt voor grafisch ontwerp. In mijn werk gebruik ik de dominante kleur, het aandeel ervan is 60%, vriendelijke tinten (30%) en 10% is het kleuraccent. Als het palet te arm lijkt, kun je verschillende tinten toevoegen die ‘vrienden’ zijn van de dominante kleur, maar je moet het accent niet splitsen, het moet blijven zoals het was.
Als u problemen ondervindt bij het kiezen van kleuren, kijk dan eens naar de ontwerpgebieden in de buurt. Mogelijk vindt u daar inspirerende voorbeelden.
4.
BEWAAR GOEDE VOORBEELDEN
Niki Laatz, eigenaar van een drukkerij en designwinkel, legde uit hoe ze opvallende kleurenpaletten vindt en deze in haar werk gebruikt: “Elke keer als ik een schilderij of illustratie zie met kleuren die ik mooi vind, maak ik een foto of screenshot en sla deze op het.” hun. Als ik dan een kleurenpalet moet kiezen, blader ik door alle afbeeldingen die ik heb opgeslagen en vind daar altijd iets inspirerends.”
U kunt overal succesvolle voorbeelden van bijpassende kleuren zoeken: in musea, in boeken, in tijdschriften en natuurlijk op internet. U kunt ook een site als Pinterest gebruiken, waar u vele soorten kleurenpaletten kunt catalogiseren en opslaan.
5.
GEBRUIK EEN VENTILATORPANTONE
Soms helpt zo'n beproefde methode om kleuren te selecteren als het kleurenwiel niet bij het creëren van een palet. In dit geval kunt u kleuren kiezen zoals vroeger met de Pantone-waaier. Soms kan het nuttig zijn om afstand te nemen van de monitor en u te concentreren op het fysieke kleurvoorbeeld in plaats van op het digitale. Kelly Hegstrom legt uit hoe je een schaduwwaaier in haar werk gebruikt: “Soms is het een goed idee om een schaduwwaaier bij de hand te hebben, vooral als je niet zeker weet of de schaduw op je monitor correct zal verschijnen bij het afdrukken. De waaier is ook handig als de klant een speciale kleur nodig heeft. Je hoeft hem alleen maar de waaier te laten zien en het probleem is vanzelf opgelost.”
Pantone kan erg handig zijn in het werk van grafisch ontwerpers - met behulp van een ventilator kun je nauwkeurige kleurenpaletten maken, wat niet alleen tijd bespaart, maar je ook geen zorgen hoeft te maken als het gaat om afdrukken in een drukkerij.
6.
NEEM KLEUREN UIT DE NATUUR
Onze ogen zijn gewend aan de kleuren die het vaakst in de natuur voorkomen. Natuurlijke kleurenpaletten zien er altijd goed uit - omdat ze ons bekend voorkomen. Ontwerper Gary van bureau CO-OP zegt: “De kleurencombinaties zijn eindeloos. Landschappen, fruit, bladeren, bloemen: het zijn allemaal natuurlijke, toegankelijke en gratis inspiratiebronnen." Gary werkt in Zuid-Afrika en daarom zijn zijn paletten warm en levendig, net als de natuur van het land.
7.
GEBRUIK 3 OF 4 KLEUREN
Als een ontwerper in zijn werk bijvoorbeeld bewust een breed scala aan kleuren gebruikt, moet hij een regenboog weergeven - dat is één ding. U moet echter voorkomen dat u te veel kleuren gebruikt. Rodrigo German, een ontwerper uit Chili, raadt aan om drie kleuren in je ontwerp te gebruiken. Als er extra tinten nodig zijn, moeten deze zo weinig mogelijk contrasteren met de hoofdkleur.
Rodrigo toont het lettertype dat hij heeft gemaakt, Marty, en gebruikt drie kleuren: roze, groen en zwart. Tegelijkertijd speelt hij met textuur om de gewenste mate van contrast te bereiken.
Dus als u problemen ondervindt bij het kiezen van kleuren of niet zeker bent van uw kleurenpalet, vraag uzelf dan af of u het aantal kleuren kunt beperken, idealiter tot drie. Soms is deze methode zeer effectief.
8.
KLEURENPALET HANGT AF VAN HET THEMA
Bij het kiezen van kleuren moet u altijd rekening houden met het thema. Werkt u aan een sport- of zakelijke website? Of is uw project gewijd aan schoonheid en mode? Bedenk welke kleuren perfect bij het thema passen. Maak je een flyer voor een schoonheidssalon? Het mag niet in donkere kleuren worden gedaan. En als je aan een sportmagazine werkt, welke kleuren heb je dan nodig? Elk onderwerp kan in woorden worden beschreven - mode kan bijvoorbeeld worden gekarakteriseerd door bijvoeglijke naamwoorden als "sierlijk", "lief", "elegant" en sport - met woorden als "dynamisch", "agressief", "levendig".
Salome, een ontwerper van het bureau Graphic Box, stelt voor om eerst een voorlopige schets van het kleurenpalet te maken en vervolgens geleidelijk de meest geschikte tinten te kiezen. “Ik wil bijvoorbeeld ‘romantisch’ paars”, zegt ze. “Of ik wil een ‘schattig’ roze gebruiken.” Salome stelt voor om emoties te gebruiken om kleuren nauwkeurig te selecteren - deze methode helpt bij het maken van paletten die het beste bij het thema passen. Ze is ook van mening dat ontwerpers zich vertrouwd moeten maken met de kleurentheorie en verschillende materialen moeten lezen die vertellen over hoe mensen verschillende kleurencombinaties waarnemen.
9.
GEBRUIKPINTEREST OM THEMAPALETTEN TE ZOEKEN
Op Pinterest vind je een groot aantal kleurenpaletten gemaakt door ontwerpers van over de hele wereld. Ian Barnard, oprichter van Vintage Design Co., legt uit hoe hij Pinterest gebruikt: "Als ik een poster voor een strandvakantie zou ontwerpen, zou ik op de site zoeken naar 'zomerkleurenpaletten' en er een uitkiezen die zou werken."
10.
GEBRUIK SPECIALE SITES
COLORlovers is een creatieve gemeenschap waar mensen die in verschillende landen wonen, kleurenpaletten en patronen creëren en delen met andere leden. Door lid te worden van de community krijgt u toegang tot meer dan 3,7 miljoen kant-en-klare kleurenpaletten.
Als u op zoek bent naar inspiratie en resultaten wilt bereiken met een niet-standaard kleurenschema, zal de hulp van de professionele gemeenschap zeer nuttig zijn.
Hoe beheer ik de aandacht van gebruikers op een website? Hoe kies je de juiste kleuren voor een website? Welke applicatie kun je gebruiken om de kleurcode op de website van een concurrent te achterhalen? We zullen er vandaag naar kijken in het artikel.
Diensten voor het bepalen van kleurenschema's
- color-hex.com - bepaalt welke kleuren naast jouw kleur staan
- thestocks.im - aggregator van mockups, video's, foto's, pictogrammen, lettertypen.
- Eye Dropper is een extensie voor Google Chrome waarmee u een pipet kunt gebruiken om de code van elke kleur op elke pagina op internet te achterhalen.
- Adobe Color CC-Selecteer kleurencombinaties. Adobe Color CC helpt u als u een afbeelding hebt en de primaire kleuren ervan wilt uploaden. Het programma bepaalt een palet van 5 dominante kleuren in de afbeelding, die kunnen worden opgeslagen en gebruikt in presentaties. Gratis.
- Colorzilla is een extensie voor Google Chrome en Mozilla Firefox met een kleurenkiezer, pipet, CSS-gradiëntgenerator en paletbrowsertools. Het enige wat u hoeft te doen is de pipet op de gewenste kleur op een willekeurige website te richten en de code te kopiëren.
Kleur selectie
Upload een foto en maak er een palet van.
- Coolors.co - een bron met paletten die u zelf kunt maken of uit de collectie kunt lenen
KLEURliefhebbers - naar een gemeenschap van kleurenfans die paletten, kleuren, achtergronden en grafische sjablonen delen. Er zijn kleurtrends uit interieurs, tijdschriften, websites en zelfs straatmode. In het gedeelte “Bladeren” kunt u de kleuren en paletten van de auteur vinden en achtergronden voor uw presentatie downloaden.
Hoe u een kleur voor een website kiest
Je kunt een boek niet beoordelen aan de hand van de omslag, maar je kunt een website zeker beoordelen aan de hand van het ontwerp. Mensen hebben de neiging producten en websites te evalueren en te beoordelen op basis van hun uiterlijk, nog voordat ze de functionaliteit en voordelen ervan kunnen begrijpen.
Bij branding hebben kleuren een directere betekenis dan in algemene zin. Ze kunnen in een paar woorden worden samengevat, dus hier is een lijst voor u:
- Zwart. Betrouwbaar, verfijnd en ervaren. Gebruikt om luxegoederen te promoten.
- Wit. Eenvoudig, rustig en schoon.
- Rood. Vertrouwen, jeugd en kracht. Vaak gebruikt voor de totale omzet.
- Oranje. Vriendelijk, warm en energiek. Creëert een call-to-action: registreren, kopen of verkopen.
- Geel. Geluk, optimisme en warmte. Meestal gebruikt om de aandacht te vestigen op een etalage.
- Groente. Vrede, groei en gezondheid. In marketing wordt het gebruikt ter ontspanning.
- Blauw. Vertrouwen, veiligheid en stabiliteit. Meestal gebruikt voor banken en bedrijven.
- Paars Violet. Luxe, creatief en wijs. Veel gebruikt in de schoonheids- enie.
- Roze. Romantisch en vrouwelijk. Wordt gebruikt om producten voor vrouwen en jonge meisjes te promoten.
Zwart
Kleur heeft een groot aantal betekenissen. Het wordt geassocieerd met tragische situaties. Het hangt allemaal af van hoe je het gebruikt en welke kleuren erbij horen. Zwart past goed bij elke andere kleur, waardoor het perfect is voor een achtergrond. Ontwerpers gebruiken het vaak om contrasten tot stand te brengen.
Wit
De kleur staat voor zuiverheid en onschuld, maar ook voor heelheid en helderheid. Wit wordt vaak geassocieerd met een blanco vel papier, wat mensen aanmoedigt om nieuwe ideeën te bedenken. Te veel wit kan echter gevoelens van isolatie en leegte veroorzaken. In het ontwerp wordt wit vaak gebruikt als achtergrondkleur, vooral voor bronnen waarbij leesbaarheid een belangrijk onderdeel is.
Rood
De kleur wordt meestal geassocieerd met gepassioneerde, sterke of agressieve gevoelens. Het symboliseert zowel goede als slechte toestanden, waaronder liefde, vertrouwen, passie en woede. Bij het ontwerp is het gebruik van de kleur rood een effectieve manier om de aandacht van gebruikers te trekken.
Oranje
Het is een energieke en warme kleur die een gevoel van opwinding oproept. Ontwerpers gebruiken kleur wanneer ze actie moeten motiveren.
Geel
Het is de kleur van geluk en symboliseert zonneschijn, vreugde en warmte. Geel wordt beschouwd als de lichtste kleur en heeft een van de krachtigste psychologische betekenissen. Gebruikers die gele kleuren in een ontwerp zien, kunnen zich geïnspireerd en zelfverzekerd voelen. Houd er echter rekening mee dat te veel geel negatieve reacties kan veroorzaken, zoals gevoelens van angst of angst.
Groente
Het wordt vaak de kleur van de natuur, balans en harmonie genoemd. Groen brengt kalmerende en vernieuwende gevoelens. Het is ook een teken van groei en onervarenheid. Het heeft meer positieve energie dan de meeste andere kleuren, maar wordt soms geassocieerd met materialisme. Het ontwerp in groene tinten is ideaal voor producten die met de natuur te maken hebben.
Blauw
De kleur van vertrouwen. Het toont meestal betrouwbaarheid en stelt gerust.
Paars
Het werd lang geassocieerd met rijkdom, aangezien veel koningen paarse gewaden droegen, en is nuttig om bepaalde luxeproducten te vertegenwoordigen. Het is ook de kleur van mysterie en magie. Het mengt de energie van rood en blauw, zodat het een balans heeft tussen kracht en stabiliteit. Een grote kleurconcentratie kan de aandacht van gebruikers afleiden.
Roze
Het is de kleur van gevoeligheid en romantiek. Roze is veel zachter dan rood, waardoor het een gevoel van onvoorwaardelijke liefde creëert. Roze wordt heel sterk geassocieerd met vrouwelijkheid, dus het kan een effectieve kleur zijn als de doelgroep voornamelijk uit meisjes bestaat.
Bruin
Ontwerpers gebruiken bruin doorgaans als achtergrondkleur in verschillende tinten, van heel licht tot diep. Het geeft een gevoel van warmte en comfort. Bovendien kan het worden gebruikt om ervaring en vertrouwen aan te tonen.
De invloed van kleur op de aankoop van goederen
Het onderzoek werd uitgevoerd in Noord-Amerika.
Favoriete kleuren
Minst favoriete kleuren
Kleur modellen
- CMYK: Cyaan (blauwachtig), Magenta (roodachtig), Geel (geel) en Key (“key” - zwart). Dat wil zeggen, dit model bestaat uit drie primaire kleuren en zwart, waarmee u donkerdere tinten kunt creëren. Gebruikt bij het schilderen en afdrukken.
- RGB-modellen: rood, groen, blauw - rood, groen, blauw. Gebruikt in computers, televisies en andere elektronische apparaten
Monochromatisch
Het is gebaseerd op één kleur met verschillende tinten. Een monochromatisch palet is altijd een winnende keuze, omdat het moeilijk is om een fout te maken en een onaangenaam kleurenschema te creëren.
Analoge kleuren
Om een soortgelijke harmonie te creëren, gebruikt u kleuren die naast elkaar op de kleurencirkel staan.
Complementair
Een complementair schema is een combinatie van kleuren die tegenover elkaar op de kleurencirkel liggen. Dit schema is het tegenovergestelde van analoog en monochromatisch, omdat het een hoog contrast nastreeft. Een oranje knop op een blauwe achtergrond is bijvoorbeeld in elke interface moeilijk te missen.
