7 Reëls vir webwerf-kleurskemas

7 Reëls vir die skep van webwerf-kleurskemasIn handelsmerke en webwerf-ontwerp maak kleure regtig saak.


Hoekom?

Navorsing toon dat 62-90% van besluite oor aankoop van besluite word slegs gedryf deur die persepsie van kleure.

Die keuse van die regte kleurskema op die webwerf is wat dit onvergeetlik, betroubaar, aantreklik en winsgewend maak. Die eerste indruk is alles.

Wanneer u ‘n werf bou, moet u mooi oorweeg watter kleure u by u kleurskema kan voeg en waarom. Verskillende kleure sal verskillende boodskappe aan u besoekers stuur, wat hul begrip van u webwerf verander, selfs al was dit nie bedoel nie.

Waar kan ek selfs begin? Volg hierdie stappe om ‘n webwerf-kleurskema te skep en vermy die grootste ontwerpfoute.

‘N Gemiddelde gebruiker het ‘n aandagspan van 8 sekondes. Dit is hoe lank jy hulle moet oortuig om aan te hou blaai op jou webwerf.

Die keuse van die regte kleurskema vir u webontwerp sal u help om gebruikers te betrek met kleure-aksent, skerp navigasie-elemente en onvergeetlike handelsmerke.

Hier is waar om te begin …

Contents

7 stappe om u eie webwerf vir kleurskemas te skep

1. Soek u primêre kleur

Die kans is goed dat u reeds u primêre kleur gekies het. As u ‘n logo of bestaande handelsmerk het, is daar waarskynlik een hoofkleur wat die ontwerpe oorheers. Dit is die kleur waarmee u handelsmerk geassosieer word – u primêre handelsmerkkleur.

As u nêrens naby die finale besluit is nie, neem hierdie vasvra om u opsies uit te vind, marknavorsing uit te voer en webwerwe soos gebruik Dribbble of Behance vir ‘n bietjie inspirasie.

U kan ook blaai hierdie lys met hex-kode palette van sommige van die wêreld se bekendste handelsmerke om u poel idees te verbreed.

As u ‘n besonder aangename ontwerp of prentjie teëkom, moet u nie huiwer om ‘n kleurkieser te gebruik om die hex-kode te gryp en dit by u gunsteling lys te voeg nie. ColorZilla blyk ‘n gewilde hulpmiddel te wees. En as u Chrome as u hoofblaaier gebruik, kyk dan na die Eye Dropper-blaaieruitbreiding omdat dit een van die hoogste instrumente is wat daar is.

2. Besluit oor die aantal kleure (aanbeveel: 3)

Sodra u die primêre kleur vasgespyker het, is die volgende stap om te besluit hoeveel ander kleure u by die mengsel sal voeg.

Dit word tipies aanbeveel om ‘n kombinasie met drie kleure te gebruik. ‘N Triadiese kleurskema, ‘n goeie beginpunt, wat bestaan ​​uit drie kleure wat eweredig om die kleurwiel versprei is. ‘N Triadiese palet kan redelik dramaties wees as dit drie primêre lewendige kleure bevat, dus ontwerpers kies dikwels vir ‘n kombinasie van sekondêre kleure.

Daar is ook ‘n ou ontwerpersreël wat nuttig kan wees wanneer u u kleurskema op die webwerfontwerp toepas. Dit staan ​​bekend as die 60-30-10 reël.

Die reël 60-30-10 raai u aan om nie dieselfde hoeveelhede van die gekose kleure te gebruik nie, maar dit eerder in persentasies te verdeel en dienooreenkomstig toe te pas. ‘N Goeie voorbeeld van hierdie reël in die praktyk is ‘n manspak: die baadjie en broek neem ongeveer 60% van die voorkoms uit, die hemp is ‘n verdere 30% en die das 10%.

3. Gebruik sekondêre kleure indien nodig

Om sekondêre kleure by u belangrikste handelsmerkkleure te pas, kan ‘n gesukkel wees, maar moenie wanhoop nie! Daar is baie slim gratis gereedskap aanlyn beskikbaar wat hierdie taak baie vergemaklik. U kan byvoorbeeld na Color Space, tik die heks-kode van u gekose kleur in, en gaan sit terug! (Hieronder verskyn meer gereedskap vir die vervaardiging van kleurpaletgenerator …)

Wat is die punt om sekondêre kleure in elk geval by te voeg? Soms benodig ‘n ontwerp meer as net ‘n paar primêre kleure. Dit geld veral vir webwerwe wat propvol inhoud en bestemmingsbladsye is – produkte, materiaal wat moontlik is, aflaaibates, ens.

Mailchimp het 'n breë en deurdagte webwerf-skema vir al sy handelsmerkinhoud.
Byvoorbeeld, MailChimp het ‘n wye en deurdagte webwerf-skema vir al sy handelsmerkinhoud.

Die vermoë om opskrifte, sidebars, onderskrifte, knoppies en ander elemente visueel te skei, verhoog die omskakelingskoers en verbeter die gebruikerservaring.

As u in hierdie boot is, is dit die moeite werd om dit te oorweeg om verskillende kleure en kleure van u hoofkleure by te voeg, in plaas daarvan om na ekstra kleure te soek. Soms is eenvoud die beste strategie.

4. Moenie jou neutrale kleure vergeet nie (wit, swart grys)

U benodig neutrale kleure vir teks, om kontras te skep vir belangrike elemente, of as agtergrondkleure.

Die funksie van neutrale kleur in moderne webontwerp is baie soos die van witruimte – om gebruikers ‘n blaaskans te gee en hulle tyd te gee om inligting op die bladsy beter te verteer en te prioritiseer.

Dit is ‘n goeie idee om een ​​donker en een ligneutrale kleur vir verskillende gebruiksgevalle te hê. Die mees algemene neutrale kleure is wit, swart en grys. U kan ook skakerings van u dominante kleure as neutrale gebruik, hoewel dit ‘n bietjie moeiliker is om te harmoniseer.

Riglyne vir Spotify-handelsmerke
Byvoorbeeld, Spotify bied vier moontlike weergawes van sy logo aan, met ‘n duidelike opdrag om die swart logo op ligkleurige agtergronde te gebruik en die wit op donkerkleurige agtergronde.

As u vas is op idees, gaan terug na Dribbble of Designspiration en gebruik die kleursoektog om te sien wat ander doen.

5. Voeg primêre, sekondêre en neutrale kleure by die volgende plekke:

Hoe kan u te werk gaan met die toepassing van die webwerf-kleurskema? Watter kleure gaan waar, en waarom?

  • Primêre kleure gaan na die “hot spots” op u webblad. U moet hierdie vet, lewendige kleure gebruik om gebruikers se aandag te trek en hulle aan te spoor om aksie te neem. GTA-knoppies, opskrifte, voordele-ikone, aflaaivorms en ander belangrike inligting moet met primêre kleure uitgelig word.
  • Sekondêre kleure word gebruik om die minder belangrike inligting op die webwerf uit te lig, soos sekondêre knoppies, subopskrifte, aktiewe spyskaartitems, agtergronde of ondersteunende inhoud soos gereelde vrae en getuigskrifte.
  • Neutrale kleure sal waarskynlik vir teks en agtergrond gebruik word, maar dit kan handig te pas kom in veral kleurvolle gedeeltes van die webwerf, net om dit te help om die oog af te trek en die oog te herfokus.

6. Gaan ‘n paar keer deur die proses

Wanneer u uiteindelik u kleurpalet bedink, moet u dit in verskillende scenario’s toets. Sal dit in drukskrif werk? Wat as u besluit om ‘n handelsware te begin? Het dit ‘n invloed op besoekers wat u verwag het??

Dit is die beste om hierdie proses ‘n paar keer deur te gaan en ‘n paar verskillende kleurpalette te skep. As u nie aan al u vereistes voldoen nie, sal u ‘n plan B hê.

7. Dinkskrum wanneer dit nodig is

Pragtige kleurskemas is nie so moeilik om te bereik as jy weet waar om te soek nie. Hier is ‘n lys nuttige hulpmiddels wat u kan lei in u soeke na die beste kleurkombinasies op die webwerf.

  1. Color Space – hierdie webwerf kan ‘n volledige kleurskema genereer gebaseer op die hex-kode van een gekose kleur.
  2. Adobe Kleur – Hierdie Adobe-instrument is gebou rondom die konsep van die kleurwiel en stel u in staat om enige soort webwerf-kleurskema met enkele klikke te ontwikkel. U kan ook ‘n prent oplaai om kleurkodes te onttrek deur u lêer in die instrument te sleep en te laat val.
  3. Paletton – Paletton is ‘n ander gebruikersvriendelike hulpmiddel om pragtige kleurskemas te genereer sonder enige tegniese of ontwerpkennis.
  4. Coolors – hierdie instrument is baie handig om te toets hoe verskillende kleure saamwerk. Met die sleep-en-drop-koppelvlak, kan u die kleure rondbeweeg en kyk of hulle bots of mooi saamwerk.
  5. ColorSpire – ‘n ander webwerf vir kleurskemas.
  6. Canva se kleurwiel – Hierdie gratis hulpmiddel is super gebruikersvriendelik en kan u help om te verstaan ​​watter kleure mooi saam lyk en watter kleurkombinasies ‘n nee-nee is. Boonop is daar baie opvoedkundige inhoud om vrae te beantwoord oor die kleurteorie en kleurwiel.

Mees algemene vrae:

1. Waarom is webwerf-kleurskema belangrik??

Die invloed van kleur op die menslike brein is ‘n werklike verskynsel. Of ons bewustelik die gevolge daarvan ervaar of nie, kleure het ‘n groot invloed op hoe ons brein inligting en die wêreld rondom ons verwerk.

Die wetenskap het getoon dat rooi die sirkulasie kan verhoog, terwyl blou ‘n kalmerende effek lewer.

In 2000 byvoorbeeld, Glasgow bekendgestel blou straatbeligting om die landskap van die stad te verbeter, wat per ongeluk gelei het tot ‘n merkbare afname in die aantal misdade in gebiede wat deur die blou ligte verlig is. Net so, Yamanote-spoorweg in Tokio lyn verkies om blou ligte aan die einde van die treinplatforms te installeer om die aantal selfmoorde te verminder. As gevolg hiervan het selfmoord op hierdie stasies met 74% gedaal.

Dit verklaar waarskynlik waarom die meeste mediese en farmaseutiese handelsmerke blou is as hul primêre kleur.

Een ding is duidelik: as dit korrek gebruik word, kan kleure groot mag oor ons hê. En juis daarom is die keuse van die regte kleurskema vir u webwerf so belangrik.

Deur verskillende kleure en kleure te kombineer, kan ons kleurpalette skep wat harmonie in die ontwerp bring, die gewenste emosies ontlok, gebruikers se gemoedstemming beïnvloed en hul persepsie van die handelsmerk vorm.

2. Watter emosies word met verskillende kleure geassosieer??

Daar is ‘n hele wetenskaplike veld wat gewy is aan die bestudering van die effekte van kleur op menslike gedrag – dit word kleurpsigologie genoem. Deur baie eksperimente en navorsing, wetenskaplikes het vasgestel dat kleure wel emosies ontlok: sommige maak ons ​​gelukkig, waaksaam of ontspanne, terwyl ander donkerder gevoelens gebruik en ons angstig of hartseer kan maak..

In werklikheid, 85% van die koper het gesê hulle koop produkte op grond van kleur alleen.

Deur die regte kleurpalet vir u webwerf te kies, kan u die manier waarop mense aan u handelsmerk dink, verander en blywende emosies genereer wat verbruikers se aankoopbesluite sal veroorsaak.

Maar waar om te begin?

Hier is ses belangrikste kleure wat ‘n unieke emosionele reaksie ontlok in kykers:

rooi

Rooi simboliseer belangrikheid, passie en aggressie. Dink aan die rooi tapyt, die hart as ‘n liefdesimbool of die stopteken. Dit verg aandag en moet, wanneer dit kom by ontwerp, spaarsamig gebruik word om die kyker nie te oorweldig of te vermoei nie.

Vodafone.
Prentkrediet: Vodafone.

Orange

Oranje hou verband met energie, speelsheid en lae pryse. Deur oranje in webontwerp te gebruik, kan dit help om die jeugdigheid van die handelsmerk te bevorder en selfs die impulskopers se aandag te trek.

easyGroup
Prentkrediet: easyGroup.

geel

As die kleur van die son, kan geel speel op gelukkige en prettige aspekte. Maar dit aktiveer ook die angsarea in die brein, daarom moet dit versigtig en in verskillende skakerings gebruik word.

Caterpillar
Prentkrediet: Caterpillar.

groen

Die kleur van die natuur, groen, het ‘n sterk assosiasie met gesondheid, welvaart en omgewingsvriendelike inisiatiewe. Dit leen hom pragtig tot alle soorte organiese of natuurlike produkte en handelsmerke wat op buitelewe en natuur gefokus is.

Starbucks
Prentkrediet: Starbucks.

Blou

Die kleur blou inspireer onmiddellik vertroue en ontlok ‘n gevoel van veiligheid. Boonop het dit geblyk dat dit ‘n kalmerende effek op die brein het, so dit kom ook as uitnodigend en vriendelik voor. As blou so veelsydig en lewendig is, is dit een van die gewildste kleurkeuses onder webontwerpers.

NHS
Prentkrediet: NHS.

pers

Pers is die kleur van koninklikes. Dit word dikwels geassosieer met elegansie, misterie en kreatiwiteit, en dit is ‘n kleur wat jy moet gebruik vir handelsmerke wat die luukse of luukse aantrekkingskrag nastreef of ‘n meer sensuele aantrekkingskrag met hul webwerf-ontwerp wil skep..

Cadbury
Prentkrediet: Cadbury.

As u nadink oor die primêre en sekondêre kleure wat u vir u webwerf-kleurskema moet gebruik, sal dit u kan beïnvloed hoe mense voel oor u webwerf en u handelsmerk..

3. Wat moet ek weet rakende verskille in geslag / ouderdom??

Die webwerwe wat die beste presteer, het een ding gemeen – hulle ken hul teikengehoor. Hetsy dit deur middel van marknavorsing of jare lange ondervinding in u industrie is, u moet kan sê wie u wil aantrek. Hoekom? Omdat kleure, ontwerpkeuses, tipografie en dinge soos stemtoon verskillende demografieë anders beïnvloed.

En dit is nie net verskillende demografieë wat verskillende kleure sien nie. Dit blyk dat mans en vroue ook verskillende kleure verkies.

In ‘n 2012-studie, byna 2000 mans en vroue is gevra of hulle pers, blou, groen, geel, oranje, rooi of pienk verkies.

42% van die mans het gesê blou is hul gunsteling kleur, gevolg deur groen (25%) en pers (12%). Vroue het ook gesê dat blou hul voorkeurskleur was (29%), gevolg deur pers (27%) en groen (19%).

Sirkeldiagram: die gunsteling kleure van die mensdom
Sirkeldiagram: die mensdom se gunsteling kleure.

Alhoewel dit subtiel is, kan die verskil in kleurvoorkeure tussen mans en vroue ‘n beduidende invloed op die sukses van ‘n handelsmerk hê. Dit is nie al nie. As u ‘n webwerf-kleurskema skep wat by beide geslagte aanklank vind, is dit ook belangrik om die minste gunsteling kleure in ag te neem.

So watter kleure verkies die verskillende geslagte?

So watter kleure verkies die verskillende geslagte? sommige navorsing is in daardie rigting gedoen.

Goedkoop of onverklaarbare kleure

Volgens hierdie navorsing, beide mans en vroue hou nie van bruin en oranje nie. 17% van die vroue het ook grys op hul lys van die voorste drie minste gunsteling kleure geplaas. Interessant genoeg beskou beide geslagte dieselfde kleure as ‘goedkoop’ of ‘goedkoop’.

4. Watter kleure die meeste aandag trek??

Die regte kleurkombinasies is noodsaaklik in webontwerp, want dit help ontwerpers vestig visuele hiërargie. Visuele hiërargie stel gebruikers op hul beurt in staat om die kernelemente byna onmiddellik te onderskei en die belangrikste inligting eerste te sien.

Guggenheim Museum
Byvoorbeeld, die Guggenheim Museum gebruik kleur om verskillende liggings te beklemtoon en die belangrikste inligting op die webwerf uit te lig.

Maar dit is nie net verskillende kleurkombinasies wat ontwerpstruktuur gee nie. Kleure het natuurlik hul eie hiërargie, wat die beste bepaal word deur die invloed wat elke kleur op ons emosies, sintuie en gedrag het..

Daar is vet kleure, soos rooi, geel of oranje, wat prakties ontoelaatbaar is en ons onverdeelde aandag vra. En daar is swakker kleure, soos grys, wit of ligblou, wat help om kontras te skep en belangrike elemente te laat verdwyn.

Ontwerpers gebruik dapper kleure om die navigasie te verskerp en ‘n meer intuïtiewe gebruikerservaring te skep. Daarbenewens kan vet kleure gebruik word om konsekwentheid tussen verskillende bladsye te skep en gebruikers te help om vinniger te vind wat hulle nodig het. Byvoorbeeld, met behulp van rooi kleur vir oproep-tot-aksie knoppies op u webwerf kan u omskakelingskoers verhoog en die UI-ontwerp meer intuïtief maak.

5. Watter bedrywe hou verskillende kleure in??

Ons het reeds bespreek hoe belangrik kleurpsielkunde vir handelsmerk, identiteit en logo-ontwerp is, en hoe elke kleur ‘n ander sielkundige invloed op die kliënt het.

Dit is dus glad nie verbasend om te verneem dat verskillende bedrywe verskillende kleure verkies nie, omdat hulle besondere emosies wil ontlok en assosiasies met betrekking tot die bedryf kan skep..

Een studie het 520 logo’s geanaliseer in ‘n verskeidenheid bedrywe om te bepaal watter sektor die kleur verkies. Die bevindings is saamgestel in ‘n kleurryke kaart, wat die top 20 handelsmerke in elke industrie en hul dominante kleure verteenwoordig.

6. Hoe kan ek handelsmerkherkenning verbeter??

Kleur is een van die belangrikste elemente van ‘n onvergeetlike handelsmerk – naas tipografie, handelsnaam en grafika.

Ons weet dat ons breine verlang na visuele inligting. Die maak van dwingende visuele inhoud wat die regte kleure en ‘n aangename ontwerp gebruik, maak gebruikers se belangstelling en slotte baie lank voordat hulle die inligting verwerk, gebruik. Die brein neem ‘n kwarte sekonde om visuele leidrade te verwerk, terwyl die gemiddelde verbruikers se aandagspan slegs 8 sekondes is.

Laat ons ‘n vinnige eksperiment doen. Maak u oë toe en dink aan hierdie drie handelsmerke: Milka Chocolate, IKEA en Carlsberg. Het u hul handelsmerkleure gesien? Ek is seker dat u brein dadelik oorgetrek is met pers, blou-met-geel en groen beelde.

Milka
Prentkrediet: Milka.

Navorsing het getoon dat kleur verhoog handelsmerkherkenning met 80%. Deur beter handelsmerkherkenning op te bou, kan dit op hul beurt vertroud wees met maatskappye. En hoe meer vertroud iets is, hoe meer vertrou ons dit.

Bestudeer kleurpsigologie kan u ook help om te verseker dat u handelsmerk geassosieer word met die regte emosies en om ‘n positiewe sentiment by verbruikers te skep.

Dit lyk miskien baie vir iets so basies soos ‘n webwerf-kleurskema, maar dit is ‘n belangrike stap in die ontwerp van die webwerf. Om te kan beïnvloed hoe gebruikers u handelsmerk sien en voel, moet ons die verband tussen kleure en emosies beter verstaan.

7. Wat is neutrale kleure??

Kan u ‘n aantreklike webwerf-ontwerp skep sonder om ‘n kleur te gebruik? Die antwoord is ja, maar dit verg ‘n goeie begrip van ander ontwerpelemente, soos tipografie, rooster en uitleg, om besoekers se aandag te trek.

Swart en wit webwerfontwerp staan ​​bekend as ‘n monochromatiese kleurskema. Die kombinasie van swart en wit kleure is ‘n veilige opsie – dit is die twee kleure wat nooit uit die mode sal gaan nie. ‘N Monochromatiese kleurskema kan egter op enige kleur gebaseer wees, solank dit van ‘n enkele kleur afgelei is en met die kleure, skakerings en kleure uitgebrei word..

‘N Goed uitgevoerde monochromatiese ontwerp verseker dat ‘n webwerf as gesofistikeerd, stylvol en tydloos uitstaan.

Spesiale aanbieding-ateljee
Hier is ‘n voorbeeld van ‘n monochromatiese kleurskema wat rooi as basis kleur gebruik.

Aan die negatiewe kant kan dit ‘n uitdaging wees om ‘n emosionele reaksie van u besoekers te kry. Sonder monochromatiese webontwerpe is kleurloos, sonder persoonlikheid en emosie. Ontwerpers moet kreatief nadink oor die ontwikkeling van ‘n dwingende blaaiervaring wanneer hulle ‘n monochromatiese kleurskema kies.

Navorsing oor minimalisme in webontwerp toon dat die gebruik van ‘n aksentkleur doelbewus en konsekwent dwarsoor die ontwerp help om die belangrikste inligting uit te lig en gebruikers motiveer om op te tree.

Een studie het 520 logo's geanaliseer
Een studie het 520 logo’s geanaliseer.

Blou, rooi en groen is die drie dominante kleure wat in byna elke industrie opduik.

Daar is egter een uitsondering wat van toepassing is op die kleur blou. Volgens voedselnavorsers het mense geleer om giftige of bedorwe voorwerpe, wat dikwels blou, swart of pers was, te vermy. As kos blou geverf word om onderwerpe te bestudeer, verloor hulle aptyt.

As elke ander handelsmerk in u industrie dieselfde kleure gebruik, kan dit onmoontlik lyk om uit te staan ​​en ‘n herkenbare handelsmerk op te bou. Daarom is dit belangrik om ‘n breër kleurskema saam te stel wat van toepassing is op alle handelsmerk- en bemarkingsmateriaal, in plaas van net ‘n eenvoudige kombinasie van primêre en sekondêre kleure..

8. Is daar voorbeelde van ‘n goeie kleurskema op die webwerf??

Daar is! Hier is 20 voorbeelde om u webwerf-kleurskema te inspireer.

1. Helder aksentkleur

Crescosa
Prentkrediet: Crescosa.

Die gebruik van ‘n aksentkleur in u webwerf-kleurskema is een van die doeltreffendste maniere om die besoeker se aandag te vestig op die belangrikste stukkies inligting op die bladsy. In die onderstaande voorbeeld word drie vet kleure – geel, pers en rooi – gebruik om kerndienste uit te beeld en ‘n onvergeetlike konsep te skep.

2. ‘n Helder maar gebalanseerde kleurskema

Perfekte Storm
Prentkrediet: Perfekte Storm.

Hierdie webwerf-kleurskema balanseer twee lewendige kleure en gebruik die helderrooi as ‘n aksentkleur.

Vind meer helder aksentkleurskemas aan Adobe Kleur.

3. Vars en organiese kleurskema

Calem
Prentkrediet: Calem.

Die gesegde wat ons eers met ons oë eet, is ter plaatse. Ons brein kry ‘n sein van die oë af voordat ons smaakknoppies begin werk. Kleur is dikwels die eerste element wat ons oë raaksien oor ‘n voedselproduk, wat vooraf bepaal hoe ons die smaak en smaak van wat ons gaan eet, waarneem. In die voorbeeld hieronder sien ons hoe die gebruik van ‘n natuurlike kleurskema, wat oorheers word deur geel, wit en groen kleure, ‘n organiese en vars voorkoms skep..

4. Aardse kleure

LaunchBuzz
Prentkrediet: LaunchBuzz.

Hierdie webwerf-kleurskema gebruik ‘n neutrale kleuragtergrond om die perskeskleur van die produk na vore te bring.

Vind meer vars kleurskemas aan Adobe Kleur.

5. Kalm en minimalistiese kleurskema

Werk verantwoordelik
Prentkrediet: Werk verantwoordelik.

Hierdie eenvoudige kombinasie van aardse, rustige kleure skep ‘n ontspanne atmosfeer en gee die regte toon vir die boodskap van die webwerf – om stres en angs te oorkom. Dit is ook ‘n voorbeeld van hoe ‘n beperkte kleurpalet steeds kragtig kan wees om ‘n invloed op die besoeker se bui en gedrag te hê.

6. Slanke en ontspanne kleurskema

reses
Prentkrediet: reses.

Hierdie elegante webwerf-kleurskema skep ‘n rustige en dromerige atmosfeer in verskillende blou skakerings en bypassende pastelle.

Ontdek meer minimalistiese kleurskemas op Adobe Kleur.

7. Pastel- en gedempte kleurskema

medepligtige
Prentkrediet: medepligtige.

Met behulp van ‘n sagte, pastelkleurskema, slaag hierdie webwerfontwerp daarin om ‘n indruk te skep van organiese vloei en visuele struktuur. Dit is aangenaam en goed gebalanseerd en lok die besoeker om rond te hou en aan te hou blaai.

8. Sagte en uitnodigende kleurskema

Cédric Pereira
Prentkrediet: Cédric Pereira.

Hierdie webwerf-kleurskema kombineer verskillende pastelkleure om ‘n sagte en uitnodigende voorkoms te skep.

Ontdek meer pastelkleurskemas op Adobe Kleur.

9. Lewendige en vet kleurskema

MA Ware Cannabis
Prentkrediet: MA Ware Cannabis.

Hierdie lewendige kleurpalet is vol kleur en energie, wat heldergeel en lewendige blou bymekaarbring, wat ‘n kragtige kombinasie skep. Met helder kleure en interessante ontwerpelemente laat die webwerf ‘n langdurige indruk en sitrusagtige geur bars.

10. Lewendige kontras

Dropbox Ontwerp
Prentkrediet: Dropbox Ontwerp.

In hierdie kleurskema word twee lewendige kleure gebruik om ‘n opvallende kontras te skep.

Ontdek meer lewendige kleurskemas Adobe Kleur.

11. Kleurvolle en moderne kleurskema

Bevestig
Prentkrediet: Bevestig.

Hierdie webwerf trek ‘n gesofistikeerde en moderne ontwerp uit deur helderkleurige produkte met neutrale agtergronde te kombineer. Met een aksentkleur vir CTA-knoppies, werk die webwerf-ontwerp briljant om die besoeker tot die gewenste aksie te lei.

12. Pret en speels

U plan, u planeet
Prentkrediet: U plan, u planeet.

Deur baie verskillende kleure en kleure te kombineer, trek hierdie webwerf ‘n speelse kleurskema af wat kleur gebruik om inligtingskategorieë te skep.

Ontdek meer kleurvolle kleurskemas Adobe Kleur.

13. Monochromatiese kleurskema

Revolve Studio
Prentkrediet: Revolve Studio.

Hierdie kleurpalet speel met tekstuur en verskillende skakerings van swart en grys en help om ‘n geheimsinnige dog benaderbare webwerf-ontwerp te skep. Die gebrek aan kleur in hierdie webontwerp dwing die besoeker om op ander elemente, insluitend kopie, vorms en beeldmateriaal, te fokus.

14. Elegant en vreedsaam

Mowellens
Prentkrediet: Mowellens.

Hierdie webwerfontwerp speel met ‘n paar groen skakerings, en skep ‘n diepte en gebruik ‘n rustige, skoon kleurskema om besoekers besig te hou.

Ontdek meer monochrome kleurskemas Adobe Kleur.

15. Helder en skerp kleurskema

Big Eye Deers
Prentkrediet: Big Eye Deers.

Hierdie webwerf-ontwerp, wat ‘n skerp kleurskema kanaliseer, maak ‘n sterk eerste indruk. Die webwerfontwerp is nie bang om te lei met helder kleure nie en kombineer verskillende skakerings om ‘n skrille kontras te skep en die besoekers se oog te lok – van diep pienk tot teelgroen en rykblou, is die kleurskema eklekties en tog gebalanseerd.

16. Nie bang vir vet kleure nie

Kleur die kode in
Prentkrediet: Kleur die kode in.

Met ‘n hoë kontras en drie lewendige kleure op die spel, maak hierdie webwerf-kleurskema ‘n vet indruk.

Ontdek meer helder kleurskemas Adobe Kleur.

17. Elegante en luukse kleurskema

Cher Ami
Prentkrediet: Cher Ami.

Hierdie pragtige kleurskema trek ‘n koninklike, elegante voorkoms uit deur diepblou en goue skakerings te kombineer. Dit is ‘n klassieke kleurskema met ‘n moderne draai wat ‘n kragtige visuele ervaring lewer en die handelsmerk onmiddellik as ‘n hoë-speler speel.

18. Met ‘n tikkie goud

Paola Krauze
Prentkrediet: Paola Krauze.

Die voorbeeld hieronder demonstreer hoe ‘n kleur ingegooi word wat sterk kulturele assosiasies het – in hierdie geval; goud – kan die dinamika van die hele ontwerp verander en meer majestueus laat lyk.

Ontdek meer elegante kleurskemas Adobe Kleur.

19. Korporatiewe dog energieke kleurskema

Bamboes Menigte
Prentkrediet: Bamboes Menigte.

Vertrou op ‘n helder, maar tog tradisionele kleurpalet, slaag hierdie webwerfontwerp daarin om vertroue op te wek, terwyl dit ‘n indruk skep van ‘n vooruitdenkende, moderne handelsmerk. Met ‘n sterk kontras en ‘n goeie leesbaarheid, gee die kombinasie van rooi en blou die webwerf ‘n dinamiese en kragtige atmosfeer.

20. Tradisioneel maar interessant

Creddy
Prentkrediet: Creddy.

Die klassieke kombinasie van rooi en blou word lewendig in hierdie oulike webwerfontwerp.

Ontdek meer korporatiewe kleurskemas op Adobe Kleur.

Nou weet u hoe u ‘n webwerf vir kleurskemas self kan ontwerp

Die waarheid is, u hoef nie ‘n ontwerper te wees om ‘n pragtige webwerf-kleurskema saam te stel nie. Met ‘n breë begrip van kleursielkunde, die grondbeginsels van die kleurtorie en ‘n arsenaal nuttige instrumente, kan u ‘n kleurpalet ontwikkel wat u handelsmerk ‘n kragtige visuele identiteit gee.

Neem u tyd om kreatiewe voorbeelde te ondersoek, verskillende kleurkombinasies te toets en komplementêre kleure te vind wat mooi saamwerk. Goeie ontwerp is relatief – as dit vir u handelsmerk werk, betrokkenheid bevorder en handelsmerkherkenning bevorder, is dit al wat regtig saak maak.

Trek nou jou ontwerpershoed aan en begin eksperimenteer met jou kleurpalette!

Sluit aan by ons nuusbrief

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map