Autor @jonathanzwhite

Dizajn u boji

Boja je snažna sila u rukama dizajnera. Privlači vam pogled, evocira emocije i prenosi značenje. Kako bi vam dali predstavu koliko je važna boja, u široko citiranoj studiji pod naslovom 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.

Dakle, učinkovito korištenje boje važno je za dizajne. Ali teško je osmisliti različite kombinacije boja. Svaka boja ima svoje značenje, a vani je beskonačan broj kombinacija.

Ovaj je članak dizajniran da vam služi kao vodič koji će vam pomoći pri osmišljavanju paleta boja za vaše dizajne. Potiče vas da više istražite boju, što će vam pomoći da razvijete intuitivni osjećaj za dobre kombinacije boja.

Što više istražujete boju, razvit ćete intuitivan osjećaj za dobre kombinacije boja.

Odabir palete boja

Prilična muha za paletu boja

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

Odredite svrhu

Prije nego što učinite bilo što drugo, najprije identificirajte svrhu svog dizajna. Dobar dizajn usklađuje svoju paletu boja sa njegovom namjenom.

Postavite sebi sljedeća pitanja:

  • Koja je poruka koju želite prenijeti svojim dizajnom?
  • Koja je svrha vašeg dizajna? Da budem informativan? Uvjeriti?
  • Koje osjećaje želite izazvati u vašem dizajnu?

Svrha vašeg dizajna trebala bi vam poslužiti kao vodič pri odabiru vaše palete boja.

Prepoznajte svoju publiku

Tko je vaša publika i kako to utječe na vaš dizajn?

Ljudi drugačije doživljavaju boje. Kao što je rekao Fairchild, boja je psihološki fenomen koji se pojavljuje unutar promatrača. Boje imaju različite učinke na ljude na temelju njihove osobne sklonosti, kulturnog odgoja i iskustva. Kao takav, da biste razumjeli kako će ljudi reagirati na vaš dizajn, morate identificirati svoju publiku.

Dok su neka značenja boja univerzalna za publiku, druga nisu. Zelena univerzalno predstavlja prirodu kao boju vegetacije. Međutim, boja poput crvene različito se interpretira u kulturama. U zapadnom svijetu crvena je boja povezana s vatrom, nasiljem i ratovima. Također je povezana s ljubavlju i strašću. Međutim, zemlje poput Kine crveno povezuju s blagostanjem i srećom.

Kineska crvena omotnica

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

Da biste pročitali više o tome što znače boje u različitim zemljama i demografskim kategorijama, pogledajte psihologiju boje u marketingu i marke, kao i značenje boje.

Pregledajte teoriju boja

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

Dobar temeljni premaz su Teorija boja dizajnerske škole, a Teorija boja 101 Hubspot. O zanimljivoj primjeni teorije boja možete pročitati u članku Zašto je Facebook plav? Znanost koja stoji iza boja u marketingu.

Pronađite inspiraciju

Ponekad je teško vizualizirati pravu paletu boja za svoj dizajn. To je u redu, krasni umjetnici kradu. Ili bolje rečeno, inspiraciju uzimaju od drugih umjetnika.

Uobičajena inspiracija za inspiraciju u paleti boja su web lokacije 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že se naći na FlatUIColorsu.

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 smislite neočekivano jedinstvene palete boja. Kao primjer, možete pogledati dizajn interijera.

Dizajneri interijera koriste boju kako bi oživjeli prostore

Ako želite nešto drugačije, potražite inspiraciju u boji u dizajnu drugih kultura. Na primjer, korejski dizajn video setova poznati su po svojim šarenim i privlačnim bojama paleta boja. Svaki okvir može poslužiti kao izvor inspiracije.

Scenografija je izvrstan izvor inspiracije

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

Inspiracija u boji je svuda, uključujući vaš svakodnevni život

Kad pronađete nešto što vas inspirira, stvorite paletu boja za to. Pomoću alata za ispuštanje očiju u svom omiljenom programu dizajna možete izmamiti paletu boja i po potrebi prilagoditi.

Uspostaviti sustav dizajna

Sustav dizajna, koji se ponekad naziva i vodič za 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 kako izgleda vaša navigacijska traka.

Za primjer dizajnerskog sustava, pogledajte sustav dizajna Salesforcea. Za još više primjera, evo popisa 50 pažljivih stilskih vodiča koje bi svaki startup trebao vidjeti prije nego što pokrenete.

Sustav dizajna MashCreative

Korisno je uspostaviti sustav dizajna prije odabira palete boja, čak i ako je to samo gruba skica. Na taj način ćete dobiti predstavu o elementima koje imate i kako bi se vaše boje mogle primijeniti na njih.

Prilikom odabira palete boja za vaš dizajn, najbolje je držati se principa KISS (Neka bude jednostavno, glupo). Što je manje boja, to je bolje. Za većinu dizajnerskih sustava sljedeća je struktura dobar početak:

  • pozadina
  • Primarni naglasak
  • Sekundarni akcent
  • Boja pogreške
  • Boja uspjeha

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

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

Dizajn stanja

Odaberite paletu boja

Sada kada ste naoružani inspiracijom i grubom skicom sustava dizajna, vrijeme je da odaberete paletu boja.

Za osnovne palete boja volim svoje boje postavljati jedna pored druge, baš kao što bi umjetnici radili za svoju paletu boja.

Ovo je vrijeme da iskoristite svu inspiraciju u boji i stvorite palete boja. Što više to bolje. Ne bojte se eksperimentirati ni s bojama.

Pri smanjivanju mogućnosti palete boja razmislite o prva dva odjeljka u kojima ste odredili svrhu i publiku svog dizajna. Postavite sebi sljedeća pitanja:

  • Koje su boje dostupne?
  • Koje boje imaju vizualni utjecaj i privlače 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 neka od vaših paleta boja to čini bolje od ostalih?

Kao što sam spomenula 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 boje pozadine koristiti češće od akcentnih boja.

Zbog toga je ponekad dobra vježba izraditi crtački dizajn sastavljen od oblika različitih veličina, pri čemu svaka veličina otprilike odgovara učestalosti pojavljivanja i prosječnoj površini boje na određenoj stranici.

Kao primjer, ovdje je Invision-ova paleta boja.

Geometrijski prikaz mogao bi izgledati ovako.

Primjena paleta boja

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

Airbnbove robne marke

Na većini stranica Airbnb koristi maglovito sivu pozadinu. Možete vidjeti da rausch koriste kao svoju glavnu boju kako bi naglasili važne radnje poput zahtjeva za rezervaciju unosa.

Kazan, tirkizna boja, koristi se za ulov i privlačenje očiju. Primijetite kako nadopunjava primarnu boju.

Za poruke o pogrešci, Airbnb koristi svijetlo crvenu, vjerojatno nijansu rausch. Crveno, zajedno s uskličnikom, odmah privlači pogled i obavještava vas o stanju sustava.

Započnite bez boje u vašem dizajnu. Usredotočite se na raspored i položaj elemenata. Nakon što ste zadovoljni onim što imate, tada možete početi primjenjivati ​​svoju paletu boja na svoj dizajn.

Započnite bez boje i polako dodajte od tamo

Razmislite o vizualnoj hijerarhiji u svom dizajnu. Razmislite koje dizajnerske komponente želite istaknuti i dodijelite odgovarajuću boju. Također razmislite o korištenju različitih nijansi svojih boja za stvari poput stanja kretanja i klikanja.

Zamotati

Boja se odnosi na eksperimentiranje i iteraciju. Ako želite postati bolji u radu s bojom, jedini odgovor je učiniti više posla. Zamislite boju kao dodatak. Ako imate izgled i funkcionalnost svog dizajna, tada možete eksperimentirati sa onoliko paleta boja koliko želite.

Učenje dizajna s bojama beskrajno je vrijedno za dizajnera. Kako budete bolji u odabiru paleta boja, razvijate sposobnost vizualizacije kombinacija boja na dizajnu prije nego što se čak dotaknete i programa dizajna.

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

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