Hoe kies je het juiste kleurenschema voor je website?

Hoe kies je het juiste kleurenschema voor je website?

Een van de meest uitdagende en lastige onderdelen van het ontwerp proces is het kiezen van een kleurenpalet dat recht doet aan uw uw merk of boodschap. Terwijl dit kleurenpalet de belangrijke basis is voor een geweldig ontwerp. Het creëren van perfecte kleur combinaties is meer dan alleen het kiezen van twee kleuren. Achter het kiezen van de kleuren zit best veel wetenschap en theorie. Vandaag zullen we kijken naar negen manieren om u te helpen om een beter kleurenpalet te creëren. (En natuurlijk, de tips worden geleverd met een showcase van websites met mooie kleurencombinaties.)

Begin met het kleurenwiel
kleurenwiel

Herinnert u zich de kleurenwiel van school als een kind? Het is nog steeds een praktisch hulpmiddel als een volwassene. Het kleurenwiel kan u helpen om na te denken over kleur en hoe de verschillende tinten zich tot elkaar verhouden. Het is een praktische manier om te bepalen of een paar (of meer) van de kleuren zich tot elkaar verhouden op een harmonieuze manier.

Het wiel bestaat uit primaire, secundaire en tertiaire kleuren en elke combinatie daarin.

  1. Primaire kleuren: rood, geel, blauw
  2. Secundaire kleuren: groen, paars, oranje (mix van twee primaire kleuren
  3. Tertiaire kleuren: Azure, violet, rose, rood-oranje, chartreuse, groene de lente (mix van een primaire en secundaire kleur)

Hoe je de kleuren mixt op het wiel is belangrijk en draagt ​​bij aan hoe goed de kleuren samen te werken.

  1. Analoog: Pick drie kleuren naast elkaar op het kleurenwiel
  2. Aanvullend: Kleuren uit weerszijden van het kleurenwiel
  3. Split complementair: Kies een kleur en gebruik de kleur aan beide zijden van het andere kleur uit het kleurenwiel
  4. Double complementair: Het moeilijkste om te maken, dit concept maakt gebruik van een primaire kleur en is een aanvulling van beide kanten van de andere kleur op het kleurenwiel (werkt het beste met tinten en tonen)
  5. Monochromatische: Een kleur en variaties van die kleur (zoals de Nifty, hierboven)
  6. Triadic: Drie kleuren gelijke afstand van elkaar op het kleurenwiel
    De meeste kleuren picking tools te gebruiken een simulatie van een kleurenwiel om u te helpen kleur keuzes te maken. (Dus er is echt geen manier om dit onderdeel van het ontwerp theorie.)

Zwart, wit en Neutrals Matter
Maar een palet is meer dan alleen een felle kleur of twee. Verdedigbaar, de belangrijkste kleuren in het palet zijn de kleuren die je niet echt ziet – zwart, wit en neutralen.

Deze kleuren vormen het decor voor hoe alles werkt. Ze zijn vaak onderdeel van de achtergrond, zorgen voor een warm of koud gevoel voor het project en dragen bij aan de totale navigatie en usability al typografie en andere directional cues.

Toning en Tinting
Er zijn maar weinig ontwerpers die een paar kleuren grijpen van de kleurencirkel en ze gewoon direct gaan gebruiken. Dat is waar tinten en kleuren samenkomen.

  1. Tint: Kleur plus wit
  2. Shade: Kleur plus zwart
  3. Tone: Kleur plus grijs of zwart-wit

Deze variaties veranderen de verzadiging van kleur en geven u variantie in een palet. Als het gaat om het creëren van kleurencombinaties tinten, tonen en kleuren worden vaak gebruikt om een ​​palet langer dan twee of drie kleuren uit te breiden, zodat alle kleuren zijn in dezelfde familie (veel op dezelfde manier dat u misschien vet of cursief met typografie te gebruiken ).

Gebruik Trends met Voorzichtigheid
Er zijn veel “trendy” kleuren. Terwijl ze leuk om spaarzaam zijn, kunnen deze kleuren wat moeilijker om langdurig gebruik. Als u een kleur trend gebruiken, vasthouden aan een trendy optie en werk het in uw palet.

In het algemeen, wilt u een kleurenpalet dat de tijd zal doorstaan ​​en kan worden gebruikt over en weer te creëren. (Kleur is een belangrijke bijdrage aan merkidentiteit.) Werken met een paar kleuren die “jou” en voeg een trendy optie in als een accent voor een maximale impact. (Op die manier, wanneer de trend voorbij is, kunt u terugkeren naar een andere accentkleur.)

Vermijd de Regenboog
Kleur is het beste wanneer het wordt gebruikt met een doel en met mate. U hoeft niet vijf, 10 of 15 kleuren in het palet te kiezen. De beste kleurencombinaties zijn vaak net groepen van twee of drie kleuren met een neutrale achtergrond.

Waarom? Dit geeft elke kleur ruimte om gezien te worden en hebben een doel. Kleur moet iets in het ontwerp te doen. Te veel kleuren en het enige doel is kleur. De beste ontwerpen en kleurencombinaties bestaan ​​zodat elke kleur een specifieke rol en gebruikers kunnen gaan met kleur op een wijze die de website die veel gemakkelijker te gebruiken maakt. (Bijvoorbeeld, de meeste ontwerpers gebruiken dezelfde kleur voor elke knop in een website project.)

Onder meer een kleur voor Tekst Elements
Als u het bouwen van kleurencombinaties, is het belangrijk om na te denken over tekstelementen. Tenzij de tekst alleen zwart, wit of grijs wordt, bepaalt welke kleur (kleuren) worden gebruikt voor tekstelementen.

Dit kan variëren van kleur voor de leesbaarheid of bruikbaarheid bevatten om te koppelen aan menu-items. De belangrijkste overweging bij de planning van kleurkeuzes voor de tekst is de leesbaarheid. Letters moet voldoende contrast in verhouding tot de achtergrond, zodat het kan worden gezien en gemakkelijk leesbaar.

De kleur wordt gebruikt voor de tekst elementen kunnen deel uitmaken van de algemene kleurenschema of een accentkleur die specifiek is voor belettering.

Beschouw kleur als het gaat om Content
De beste kleurencombinaties niet alleen overeen met tint aan Hue, maar ze overeenkomen ook kleur aan de inhoud. Denk na over wat is eigenlijk op de website. Heeft de kleur keuzes die goed mengen met die inhoud?

Soms is dit een duidelijk probleem en oplossing. Websites die te maken hebben met de natuur of het milieu zou kunnen gebruiken groen of bruin; banking websites zijn vaak blauw als gevolg van de associatie van die kleur met vertrouwen.

Andere tijden, het is niet zo eenvoudig. Als je twijfelt, kijk naar de beelden op de site design. Trek stalen van het aan het opzetten van een basislijn voor het type van de kleur die het meest geschikt is. Dan bouwen vanaf daar.

Vasthouden aan een Palette
Als je eenmaal op de weg naar het creëren van een grote kleurencombinatie, stelt een palet zodat kleurgebruik consistent in een project blijft. Stellen een aantal regels voor de manier waarop kleur moet worden gebruikt.

Beantwoord deze vragen aan de slag:

Hoeveel kleuren zijn jullie samen?
Zijn er tinten, kleuren en tinten te gebruiken?
Kan tekst worden gekleurd?
Is er een set tint voor UI-elementen?
Kan accentkleuren buiten het palet worden toegevoegd aan de mix?

Conclusie
Als het gaat om kleur, veel van wat maakt een groot palet begint bij jezelf. Laat de kleuren zien en voelen? Het lijkt misschien een eenvoudige test, maar het is belangrijk. Als je het minst beetje onzeker, nadenken over uw opties of ga terug naar de basis van theorie en wijzigingen in een van de kleuren maken.

Vergeet niet om het contrast en de variantie in het palet te creëren. Opzetten van een gevoel. En vergeet niet om de kleur aan te passen aan de inhoud voor de beste algehele gebruikerservaring.