Dizajn u boji

Boja je snažna sila u rukama dizajnera. Privlači vam oko, izaziva emocije i prenosi značenje. Da bi vam pružili ideju o važnosti boje, u široko citiranoj studiji pod nazivom Utjecaj boje na marketing, istraživači su otkrili da se za neke proizvode 90% brzih odluka koje ljudi donose o proizvodima može temeljiti samo na boji.

Tako je učinkovito korištenje boja važno za dizajn. Ali teško je doći i do različitih kombinacija boja. Svaka boja ima svoje značenje i postoji beskrajan broj kombinacija.

Ovaj je članak osmišljen da služi kao vodič koji će vam pomoći da osmislite palete boja za svoje dizajne. Potiče vas da više istražujete s bojom, što će vam pomoći da razvijete intuitivan osjećaj za dobre kombinacije boja.

Kako više istražujete s bojom, razvit ćete intuitivan osjećaj za dobre kombinacije boja.

Odabir palete boja

Ponekad je paleta boja rezultat iznenadne inspiracije. Ali većinu vremena to dolazi iz sustavnog pristupa.

Utvrdite svrhu

Prije bilo čega drugog, prvo utvrdite svrhu svog dizajna. Dobar dizajn usklađuje paletu boja sa svrhom.

Postavite si sljedeća pitanja:

  • Koja je poruka koju želite prenijeti svojim dizajnom?
  • Koja je svrha vašeg dizajna? Da budete informativni? Uvjeriti?
  • Kakve emocije želite da pobudi vaš dizajn?

Svrha vašeg dizajna trebala bi vam poslužiti kao putokaz dok odabirete paletu boja.

Identificirajte svoju publiku

Ljudi različito percipiraju boje. Kako je Fairchild rekao, boja je psihološki fenomen koji se javlja unutar promatrača. Boje imaju različite učinke na ljude na temelju njihovih osobnih preferencija, kulturnog odgoja i iskustava. Kao takvi, da biste razumjeli kako će ljudi reagirati na vaš dizajn, morate identificirati svoju publiku.

Iako su neka značenja boje univerzalna za publiku, druga nisu. Zelena univerzalno predstavlja prirodu jer je boja vegetacije. Međutim, boja poput crvene različito se tumači u različitim kulturama. U zapadnom svijetu crvena je boja povezana s vatrom, nasiljem i ratovanjem. Također je povezan s ljubavlju i strašću. Međutim, zemlje poput Kine crvenu boju povezuju s prosperitetom i srećom.

Budući da boje imaju toliko različitih značenja, važno je uskladiti mentalne modele boja koje imate kao dizajner s onima vaše publike.

Da biste pročitali više o tome što boje znače u različitim zemljama i demografskim podacima, pogledajte Psihologija boje u marketingu i brendiranju te Značenje boja.

Pregledajte teoriju boja

Kad odabirete paletu boja, ponekad je korisno znati malo teorije boja. Teorija boja logična je struktura i praktični vodič za miješanje boja. Obuhvaća sve, od kotačića u boji do značenja pojedinih boja.

Dobar je primer Osnovna teorija boja tvrtke Canva i Teorija boja 101 tvrtke Hubspot. O zanimljivoj primjeni teorije boja možete pročitati u odjeljku Zašto je Facebook plav? Znanost iza boja u marketingu.

Pronađite inspiraciju

Ponekad je teško vizualizirati pravu paletu boja za svoj dizajn. To je u redu, veliki umjetnici kradu . Inače, inspiraciju crpe od drugih umjetnika.

Uobičajeni osumnjičenici za inspiraciju palete boja su web mjesta poput Dribbble i Behance. Ako želite pronaći inspiraciju u boji za određeni stil dizajna, poput dizajna materijala, možete koristiti web mjesto poput MaterialUI. Ekvivalent ravnog dizajna možete pronaći na FlatUIColors.

Te su web stranice korisne, ali pokušajte pogledati dizajne koji dolaze izvan određenog medija za koji dizajnirate. To će vam pomoći da osmislite neočekivano jedinstvene i ugodne palete boja. Kao primjer možete pogledati dizajn interijera.

Ako želite nešto drugačije, inspiraciju za boje potražite u dizajnu drugih kultura. Na primjer, korejski dizajni glazbenih videozapisa poznati su po svojim živopisnim i privlačnim paletama boja. Svaki kadar može poslužiti kao izvor inspiracije.

Ne morate ići u Koreju da biste pronašli inspiraciju u boji. Posvuda je, uključujući vaš svakodnevni život. Sljedeći put kad izađete, prestanite cijeniti boje oko sebe.

Kad pronađete nešto što vas nadahnjuje, stvorite paletu boja za to. Možete koristiti alat za kapaljke za oči u svom omiljenom dizajnerskom programu kako biste zadirkivali paletu boja i po potrebi izvršili prilagodbe.

Uspostaviti sustav dizajna

Sustav dizajna, koji se ponekad naziva i vodič kroz stil, okvir je koji obuhvaća sve elemente koji ulaze u vaš dizajn. To uključuje sve, od gumba do tipografije. Razmotrite stvari poput vrsta gumba koje ćete koristiti i izgleda vaše navigacijske trake.

Za primjer sustava dizajna pogledajte sustav dizajna Salesforcea. Za još više primjera, evo popisa od 50 pomnih vodiča za stil koje bi svaki startup trebao vidjeti prije pokretanja.

Korisno je uspostaviti sustav dizajna prije odabira palete boja, čak i ako je to samo gruba skica. To će vam dati ideju o tome koje elemente imate i kako bi se vaše boje mogle primijeniti na njih.

Kada odabirete paletu boja za svoj dizajn, najbolje je držati se principa KISS (neka bude jednostavno, glupo). Što manje boja, to bolje. Za većinu dizajnerskih sustava dobar je početak sljedeća struktura:

  • Pozadina
  • Primarni naglasak
  • Sekundarni naglasak
  • Boja pogreške
  • Boja uspjeha

Primarna boja je boja koju najčešće koristite za važne gumbe i naglaske. Za mnoge tvrtke ovo je i boja njihovog logotipa.

Sekundarna boja je boja koju koristite za razlikovanje sekundarnih radnji od primarnih. Na primjer, primarni i sekundarni gumbi. Boje grešaka i uspjeha, obično crvena i zelena, prenose stanja dizajna. Na primjer, obavijesti o uspjehu ili pogrešci.

Odaberite paletu boja

Sad kad ste naoružani nadahnućem i grubom skicom dizajnerskog sustava, vrijeme je da odaberete paletu boja.

Kao osnovnu paletu boja, svoje boje volim staviti jednu uz drugu, baš kao što bi to umjetnici učinili za svoju paletu boja.

Ovo je vrijeme da iskoristite svu inspiraciju za boje i iz njih napravite palete boja. Što više to bolje. Ne bojte se i sami eksperimentirati s bojama.

Kada sužavate opcije palete boja, prisjetite se prva dva odjeljka u kojima ste prepoznali svrhu i publiku svog dizajna. Postavite si sljedeća pitanja:

  • Koje su boje dostupne?
  • Koje boje imaju vizualni utjecaj i privlače vam oko?
  • Trebate li svijetlu ili tamnu shemu boja? U koje doba dana će ljudi koristiti vaš proizvod?
  • Kakvo raspoloženje želite prenijeti svojim dizajnom? Da li bilo koja paleta boja koju imate ima to bolje od ostalih?

Kao što sam spomenuo u prošlom odjeljku, boje će imati različite uloge u vašem dizajnerskom sustavu. To također znači da svaka boja ima različitu težinu u vašem sustavu. Na primjer, vaše će se pozadinske boje upotrebljavati češće od naglašenih boja.

Zbog toga je ponekad dobra vježba stvoriti dizajn za bacanje sastavljen od oblika različitih veličina, pri čemu je svaka veličina približno jednaka učestalosti pojavljivanja i prosječnoj površini boje na datoj stranici.

Kao primjer, ovdje je Invision-ova paleta boja.

Geometrijski prikaz mogao bi izgledati otprilike ovako.

Primjena paleta boja

Da bismo vam dali ideju kako primijeniti boje na dizajnerske sustave, pogledajmo Airbnb. Primarna boja Airbnba je Rausch, nazvan po ulici iz koje je tvrtka potekla. Kazan služi kao sekundarna boja, a dvije sive boje koriste se kao boje pozadine.

Za većinu stranica Airbnb koristi maglovito sivu kao pozadinu. Možete vidjeti da rausch koriste kao svoju primarnu boju za naglašavanje važnih radnji poput zahtjeva za rezerviranje popisa.

Kazan, tirkizna boja, koristi se za hvatanje i privlačenje vašeg pogleda. Primijetite kako dopunjuje primarnu boju.

Za poruke o pogreškama Airbnb koristi svijetlocrvenu, vjerojatno nijansu rausch. Crvena boja zajedno s uskličnikom odmah privlači vaše oko i obavještava vas o stanju sustava.

Započnite bez ikakvih boja u vašem dizajnu. Usredotočite se na raspored i smještaj elemenata. Nakon što budete zadovoljni onim što imate, tada možete početi primjenjivati ​​paletu boja na svoj dizajn.

Zamislite vizualnu hijerarhiju u svom dizajnu. Razmotrite koje komponente dizajna želite istaknuti i dodijelite odgovarajuću boju. Također razmislite o upotrebi različitih nijansi boja za stvari poput stanja lebdenja i klika.

Zamotati

Boja se sastoji od eksperimentiranja i ponavljanja. Ako želite postati bolji u radu s bojom, jedini odgovor je učiniti više posla. Zamislite boju kao dodatak. Ako vam je izgled i funkcionalnost dizajna smanjena, tada možete eksperimentirati sa onoliko paleta boja koliko želite.

Učenje dizajniranja bojama beskrajno je dragocjeno za dizajnera. Kako postajete bolji u odabiru paleta boja, razvijate sposobnost vizualizacije kombinacija boja na dizajnu prije nego što uopće dodirnete program dizajna.

Volio bih znati kako radite s bojom. Koji je vaš postupak? Slobodno mi ostavite bilješku ili Tweet.

PS Ako vam se svidio ovaj članak, puno bi značilo ako pritisnete gumb za preporuku ili podijelite s prijateljima.