01 od 10
Razumevanje shem barv in spletnih barv
Obstajajo štiri osnovne barvne sheme, ki jih lahko uporabite za spletno mesto. Vsaka stran tega članka prikazuje sliko barvne sheme in kako lahko ustvarite podobno shemo v Photoshopu.
- monokromatsko
Uporaba barv istega odtenka. Lahko imajo različne barve ali odtenke, odvisno od tega, koliko je dodan beli ali črni barvi. - analogno
To uporablja barve, ki so med seboj blizu na barvnem kolesu. - komplementarno
To se pogosto šteje za "nasprotno", ker sta barva v dopolnilni barvni shemi nasprotno ena na drugo na barvnem kolesu. - triadni
Te barve so enakomerno razporejene na barvnem kolesu.
Vse barvne sheme bodo uporabile to rumeno kot osnovno barvo.
02 od 10
Monokromatična shema spletne barve
Ta barvna shema uporablja rumenkasto rumeno barvo moje osnovne barve in dodaja nekaj bele in črne barve za niansiranje in senčenje sheme v skladu s tem.
- zgornji levi - osnovna barva # ffe500
- zgornji desni - dodal je 50% bele barve, da bi dobil # fff280
- spodaj levo - dodal polnilo 75% belo, da bi dobil # fff8bf
- spodaj desno - dodal je 50% črno polnilo, da bi dobil # 7f7200
Monokromatske barvne sheme so pogosto najlažje pri vseh barvnih shemah. Zaradi nežnih sprememb v odtenkih in barvah so barve pretočne v drugo bolje. Uporabite to barvno shemo, da bo vaše spletno mesto bolj tekoče in zbrano.
03 od 10
Več monokromatskih spletnih barvnih shem
Dodan je kvadrat 20% črne barve, da dobite več barv v shemi. Dodajanje črne ali bele barve v barve lahko ustvari novo barvo palete, ne da bi se zmešal ton strani.
04 od 10
Analogna barvna shema
Ta barvna shema vzame rumeno osnovno barvo in doda in odšteje 30 stopinj do barve v barvni paleti Photoshop.
- zgornji levi - osnovna barva # ffe500
- zgornji desni - +30 stopinj, da dobite # 99ff00
- spodaj levo - -30 stopinj, da dobite # ff6600
- spodaj desno - 100% bela #ffffff
Analogne barve lahko skupaj delujejo zelo dobro, včasih pa se lahko slabo spopadajo. Preverite te sheme z več ljudmi kot vi, vaša družina in prijatelji. Ko delajo, ustvarijo spletno stran, ki je bolj barvita od monokromatske sheme, vendar skoraj kot tekoča.
05 od 10
Več analognih spletnih barvnih shem
Dodan je kvadrat 20% črne barve, da dobite več barv v shemi.
06 od 10
Komplementarna spletna barvna shema
Dopolnilne barvne sheme za razliko od drugih barvnih shem običajno vsebujejo samo dve barvi. Osnovna barva in nasprotno na barvnem kolesu. Photoshop olajša pridobitev dopolnilne barve - preprosto izberite območje barve, ki ga želite dopolniti in zadeti Ctrl-I. Photoshop bo obrnil za vas. Prepričajte se, da to naredite na podvojenem sloju, tako da ne izgubite osnovne barve.
- levo - osnovna barva # ffe500
- desno - dopolnilo # 001aff
Dopolnilne barvne sheme so pogosto veliko presenetljive kot druge barvne sheme, zato jih uporabljajte previdno. Najpogosteje jih uporabljajo na kosih, ki jih je treba izstopati.
07 od 10
Več dopolnilne spletne barvne sheme
Da bi dobili to različico, sem dodal 50% bele barve na spodnjo polovico barv in 30% črno na sredinski kvadrat. Kot lahko vidite, vam daje nekaj več možnosti, vendar je še vedno dopolnilna barvna shema.
08 od 10
Triadic Web Colour Scheme
Triadne barvne sheme so sestavljene iz treh barv, ki so bolj ali manj enakomerno razporejene okoli barvnega kolesa. Ker je barvno kolo 360 stopinj, sem ponovno uporabil barvo odtenkov v barvni izbiri, da dodam in odštejem 120 stopinj od osnovne barve.
- zgornji levi - osnovna barva # ffe500
- zgoraj desno - +120 stopinj, da dobite # e500ff
- spodaj levo - -120 stopinj, da dobite # 00ffe6
- spodaj desno - 100% bela #ffffff
Triadne barvne sheme pogosto proizvajajo zelo živahne spletne strani. Ampak kot dopolnilne barvne sheme lahko vplivajo na ljudi drugače. Preverite.
Prav tako lahko ustvarite tetradne ali 4-barvne barvne sheme, kjer so barve enakomerno razporejene okoli barvnega kolesa.
09 od 10
Več Triadic spletno barvno shemo
Kot pri drugih primerih sem dodal 30% črnega kvadrata v barve, da dobim dodatne odtenke.
10 od 10
Diskordantne spletne barvne sheme
Lepota je v očeh opazovalca, vendar je nesrečno dejstvo, da vse barve ne hodijo skupaj. Disordantne barve so barve, ki so bolj oddaljene od približno 30 stopinj na kolutu in niso komplementarne ali del triade.
Neurejene barvne sheme so lahko zelo šokantne in bi jih bilo treba uporabiti le za ustvarjanje pozornosti. Ne pozabite, da bodo te barve pogosto spopadle, pozornost, ki jo dobite, morda ni ravno tisto, kar iščete.