01 van 10
Verstaan Kleur- en Web Kleurskemas
Daar is vier basiese kleurskemas wat u vir 'n webwerf kan gebruik. Elke bladsy van hierdie artikel toon 'n prentjie van die kleurskema, en hoe jy 'n soortgelyke skema in Photoshop kan genereer.
- monochromatiese
Gebruik kleure van dieselfde kleure. Hulle kan verskillende kleure of skakerings hê, afhangende van hoeveel wit of swart bygevoeg word. - analoog
Dit gebruik kleure wat naby aan mekaar is op die kleurwiel. - aanvullende
Dit word dikwels as "teenoorgestelde" gesien omdat die twee kleure in 'n komplementêre kleurskema teenoor mekaar op die kleurwiel staan. - triadiese
Hierdie kleure is eweredig gespasieer op die kleurwiel.
Al die kleurskemas sal hierdie geel as basiskleur gebruik.
02 van 10
Monochromatiese Web Kleurskema
Hierdie kleurskema gebruik die mosterdgeel van my basiskleur en voeg 'n paar wit en swart tint by en skad die skema dienooreenkomstig.
- bo links - die basis kleur # ffe500
- bo regs - bygevoeg 'n vul van 50% wit om # fff280 te kry
- laer links - bygevoeg 'n vul van 75% wit om # fff8bf te kry
- laer regs - bygevoeg 'n vul van 50% swart om # 7f7200 te kry
Monochromatiese kleurskemas is dikwels die maklikste in die oë van al die kleurskemas. Die sagte veranderinge in tint en skaduwee maak die kleure beter in mekaar. Gebruik hierdie kleurskema om jou webwerf meer vloeibaar te maak en versamel.
03 van 10
Meer Monochromatiese Web Kleurskema
Bygevoeg 'n vierkant van 20% swart om meer kleure in die skema te kry. As jy swart of wit aan jou kleure voeg, kan jy 'n nuwe kleur op jou palet skep sonder om die toon van die bladsy te laat klop.
04 van 10
Analoog Web Kleur Skema
Hierdie kleurskema het die geel basiskleur en voeg 30 grade by die kleur in die Photoshop-kleurpalet.
- bo links - die basis kleur # ffe500
- regs bo - +30 grade om te kry # 99ff00
- laer links - -30 grade om # ff6600 te kry
- laer regs - 100% wit #ffffff
Analoge kleure kan baie goed saamwerk, maar soms kan hulle baie bots. Maak seker dat jy hierdie skemas toets met meer mense as jouself, jou familie en vriende. Wanneer hulle werk, skep hulle 'n webwerf wat kleurrykder is as die monochromatiese skema, maar amper so vloeibaar.
05 van 10
Meer analoog web kleur skema
Bygevoeg 'n vierkant van 20% swart om meer kleure in die skema te kry.
06 van 10
Aanvullende Web Kleur Skema
Aanvullende kleurskemas, in teenstelling met ander kleurskemas, het gewoonlik net twee kleure. Die basis kleur en dit is teenoorgestelde op die kleurwiel. Photoshop maak dit maklik om die komplementêre kleur te kry - kies net die gebied van kleur wat jy wil hê, en klik Ctrl-I. Photoshop sal dit vir jou omkeer. Maak seker dat jy dit doen op 'n duplikaatlaag, sodat jy nie jou basiskleur verloor nie.
- links - die basis kleur # ffe500
- regs - die komplement # 001aff
Komplementêre kleurskemas is dikwels baie meer treffend as ander kleurskemas, dus gebruik hulle versigtig. Hulle word die meeste op stukke gebruik wat nodig het om uit te steek.
07 van 10
Meer Komplementêre Web Kleurskema
Om hierdie weergawe te kry, het ek 50% wit aan die onderste helfte van die kleure bygevoeg en 30% swart na die middelpunt. Soos jy kan sien, gee dit jou nog 'n paar opsies, maar dit is nog steeds 'n komplementêre kleurskema.
08 van 10
Triadic Web Color Scheme
Triadiese kleurskemas bestaan uit 3 kleure min of meer ewe verdeeld om die kleurwiel. Omdat 'n kleurwiel 360 grade is, het ek weer die kleursel in die kleurkieser gebruik om 120 grade van die basiskleur by te voeg en af te trek.
- bo links - die basis kleur # ffe500
- regs bo - +120 grade om # e500ff te kry
- laer links - -120 grade om te kry # 00ffe6
- laer regs - 100% wit #ffffff
Triadiese kleurskemas produseer dikwels baie lewendige webbladsye. Maar soos komplementêre kleurskemas, kan hulle mense anders beïnvloed. Maak seker om te toets.
Jy kan ook tetradiese of 4-kleur kleurskemas skep, waar die kleure ewe ver van die kleurwiel geplaas is.
09 van 10
Meer Triadic Web Color Scheme
Soos met die ander voorbeelde, het ek 'n 30% swart vierkant by die kleure bygevoeg om die bykomende skakerings te kry.
10 van 10
Diskordante Web Kleurskemas
Skoonheid is in die oog van die waarnemer, maar dit is 'n ongelukkige feit dat nie alle kleure saam gaan nie. Diskordante kleure is kleure wat verder as 30 grade van mekaar af is op die kleurwiel en nie komplementêr of deel van 'n triade is nie.
Diskordante kleurskemas kan baie skokkend wees en moet net gebruik word om aandag te genereer. Onthou dat omdat hierdie kleure dikwels bots, die aandag wat jy kry dalk nie presies is wat jy soek nie.