Barvno shemo izdelate na Nastavitve > Templates.
Vnesete nov element:
- Šifra kategorije - za lažje sortiranje, če jih boste imeli več
- Naziv - vaša oznaka, da jo boste prepoznali pri izbiranju Nastavitev
- Act - aktiviranje
- Base color - osnovna barva vaše sheme. Vnesete HEX kodo barve npr. #FFFFFF, #c0c0c0...
- Accent color - (opcijsko) kontrastna barva glede na primarno barvo. Če prazno, bo izračunana kot komplementarna barva vaše osnovne barve.
- Secondary color - (opcijsko) sekundarna barva, ki je uporabljena za npr. stranski skriti menu v spletni trgovini, stranski okvir uredniškega vmesnika...
- Secondary Color Accent - (opcijsko) kontrastna barva sekundarne barve. Če prazno, bo izračunana kot komplementarna barva Sek. barve.
- Inspired by - povezava do slike, ki ste jo naložili v raziskovalca in ki je inspiracija za barvno shemo.
Min. potrebno za izdelavo lastne barvne sheme je BASE COLOR. Vse ostalo je opcijsko.
Uporaba željene barbne sheme: Barvno shemo uporabite tako, da med Nastavitve Preference (Design & templates) v polju "Select Color Theme" izberete željeno barvno shemo in shranite spremembe. Če Preference s kategorijo "Design & Templates" še nimate, jo boste morali ustvariti.
Klik MALL ima tudi vrsto predpripravljenih barvnih shem, ki so vam na voljo. Pregledate jih lahko na seznamu Nastavitve > Templates Showcase, kjer lahko tudi testirate nove barve.
Sami smo inspiracijo za razvoj dobili pri
- Google Material Design paleti (https://www.materialpalette.com/indigo/lime)
- Barvnih shemah Nike superg, ki bi bile 10 let nazaj nepredstavljive, danes so pa modni trend in dajejo občutek skladnosti.
Dejansko sistem v ozadju izračuna komplementarne barve (z nekoliko naše prilagoditve) in s tem dobimo v precejšnji meri skladno barvno shemo. Vloga in znanje oblikovalca sta še vedno nesporna, vendar če si jih trenutno ne morete privoščiti ali enostavno želite vsake toliko časa na hitro zamenjati barvno shemo vaše strani (pomlad, poletje, jesen, zima, Pantone 2016...), imate tukaj na voljo orodje za max. izkupiček.
Dodatni pripomočki:
- Google Material Design paleti (https://www.materialpalette.com/indigo/lime)
- Še ena stran s kodami Materal barvne palete (http://zavoloklom.github.io/material-design-color-palette/colors.html)
- ColorPicker plugin za Google Chrome za prikaz barvne kode iz slike ali zaslona (http://www.colorzilla.com/chrome/)
- Iskanje barvnih kombinacij
- Online Color Wheel za iskanje ustrezne barve iz celotne barvne palete