Paleta boja

Paleta boja je ograničen skup boja koje firma koristi dosljedno, zajedno s pravilima koja boja služi za šta. Uz logo i tipografiju čini osnovu vizuelnog identiteta.

Riječ koja tu nosi najviše je ograničen. Firma koja ima dvanaest boja zapravo nema paletu nego zbirku, a zbirka se ne pamti. Paleta radi upravo zato što je mala i što se svugdje ponavlja ista.

Od čega se sastoji

Većina paleta koje dobro rade ima isti oblik, bez obzira na branšu.

Glavna boja. Ona po kojoj vas ljudi prepoznaju. Stoji u logou, na dugmadi, na vozilu. Obično je jedna.

Pomoćne boje. Jedna ili dvije koje glavnu dopunjuju i daju prostor za razlikovanje dijelova sadržaja, recimo pozadinu sekcije ili ilustracije.

Neutralni tonovi. Bijela, crna i nekoliko sivih, ili tople i hladne varijante njih. Ovo je najveći dio svake površine i najčešće zanemaren dio palete. Tekst, pozadine, linije i okviri stoje ovdje.

Boje za stanja. Zelena za uspjeh, crvena za grešku, žuta za upozorenje. Kod sajtova s formama i trgovina ovo je obavezan dio.

Za svaku boju se zapisuju tačne vrijednosti, i to u formatu za ekran i u formatu za štampu, jer ista boja na monitoru i na papiru nije ista.

Koliko čega

Postoji gruba mjera koju dizajneri koriste kao polaznu tačku, pravilo 60-30-10.

Otprilike šezdeset posto površine nosi osnovna, najčešće neutralna boja. Oko trideset posto pomoćna. Oko deset posto naglasak, dakle glavna boja na dugmadi, linkovima i elementima na koje želite da oko padne.

Nije zakon, ali objašnjava zašto sajt u kojem je glavna boja svugdje izgleda glasno i umorno. Kad je narandžasta pozadina, i naslovi, i dugmad, i ikone, dugme za slanje upita se više ne ističe ni po čemu.

Praktična posljedica je da glavnu boju treba štedjeti. Što se rjeđe pojavljuje, to jače vuče pažnju tamo gdje se pojavi.

Kako se bira

Najčešća greška je izbor po ukusu vlasnika. Boja se ne bira po tome šta vam se sviđa, nego po tome šta radi posao.

Prvo pogledajte branšu. Otvorite sajtove pet najvećih konkurenata i zapišite njihove glavne boje. Ako su svi plavi, a često jesu kod finansija, osiguranja i tehnike, još jedna plava firma se ne izdvaja. Boja koja se razlikuje u vašoj branši vrijedi više od boje koja je lijepa.

Zatim krenite od onoga što već imate. Ako logo ima boju s kojom ljudi firmu povezuju godinama, paleta se gradi oko nje, a ne od nule.

Onda provjerite kontrast. Glavna boja se koristi za dugmad i linkove, pa mora biti čitljiva s bijelim tekstom na njoj ili kao tekst na bijeloj pozadini. Mnoge svijetle, vesele boje tu padaju. Po smjernicama za pristupačnost običan tekst traži odnos kontrasta najmanje 4,5 prema 1.

Na kraju isprobajte na stvarnim stvarima. Ne na kvadratićima boja, nego na maketi naslovnice, fakturi i objavi za društvene mreže. Boja koja izgleda dobro kao uzorak zna biti teška preko cijele sekcije.

Za prvi prijedlog može poslužiti besplatan generator palete, koji iz jedne boje složi ostatak i odmah pokaže kontrast.

Ekran i štampa

Ovo je mjesto gdje se paleta najčešće raspadne u praksi.

Ekran boju pravi od svjetla, papir od boje. Zato ista vrijednost izgleda drugačije: jarka narandžasta na monitoru na papiru zna izaći tamnija i prljavija.

Paleta zato ima tri zapisa po boji. HEX ili RGB za sajt i društvene mreže. CMYK za običnu štampu, kao letke i posjetnice. I Pantone oznaku za štampu gdje je tačnost važna, kao ambalaža, table i odjeća, gdje se boja miješa posebno.

Štampariji se uvijek šalju te vrijednosti, a ne slika logoa iz koje bi se boja pogađala. Kad se boja pogađa, svaka štamparija pogodi drugačije, i firma kroz godinu ima tri nijanse iste narandžaste.

Zapisana pravila

Paleta bez pravila traje do prvog novog saradnika.

Pravila staju na jednu stranicu. Koje su boje i njihove vrijednosti. Koja boja se koristi za tekst, koja za pozadine, koja za dugmad. Koje kombinacije su dozvoljene, a koje ne, recimo da se glavna boja ne stavlja kao tekst na pomoćnu. I šta se radi s bojama za stanja.

Na sajtu se to zapisuje i u kodu, kao imenovane vrijednosti koje se koriste svugdje, tako da promjena jedne nijanse mijenja cijeli sajt odjednom umjesto da se traži po stotinu mjesta.

Ta stranica ide svakome ko pravi nešto za firmu: agenciji, štampariji, osobi koja vodi društvene mreže. Kod brendiranja je to jedan od najjeftinijih dijelova, a razlika u tome kako firma izgleda je vidljiva odmah.

Boje na sajtu u praksi

Na sajtu paleta dobija konkretne zadatke, i vrijedi ih zapisati jednako precizno kao same boje.

Dugmad za glavnu radnju, kao pošalji upit ili dodaj u korpu, nose glavnu boju i samo ona. Ako je ista boja i na dekorativnim elementima, oko više ne zna šta je klikabilno.

Linkovi u tekstu dobijaju boju koja se razlikuje od običnog teksta i uz to su podvučeni ili na drugi način označeni, jer boja sama nije dovoljna.

Pozadine sekcija se smjenjuju u neutralnim tonovima, sa rijetkim ubacivanjem pomoćne boje za dio koji treba izdvojiti. Stranica u kojoj svaka sekcija ima drugu jaku pozadinu izgleda kao prezentacija, a ne kao sajt.

Boje za stanja se koriste isključivo za stanja. Crvena koja se pojavljuje i kao ukras gubi značenje upozorenja.

Ako sajt ima tamni prikaz, za njega se zapisuju posebne vrijednosti. Glavna boja koja dobro stoji na bijelom često je na tamnoj pozadini ili preteška ili izgubi kontrast, pa se lagano prilagodi, a ne prenese kakva jest.

Greške koje najčešće viđamo

Prva je previše boja. Svaki novi materijal donese novu boju jer je nekome izgledala dobro.

Druga je glavna boja koja se koristi svugdje, pa se dugmad više ne ističu.

Treća je boja bez dovoljnog kontrasta, najčešće svijetlozelena ili žuta, s bijelim tekstom preko nje.

Četvrta su nezapisane vrijednosti, pa svaka štamparija i svaki saradnik pogađa nijansu.

Peta je ista vrijednost za ekran i štampu, pa materijali izgledaju drugačije od sajta.

Šesta je boja kao jedini znak, recimo crveno i zeleno za dostupno i nedostupno, bez teksta uz nju.

Lista za provjeru

• Koliko boja vaša firma zaista koristi, kad se prebroji sajt, fakture i objave?
• Postoji li jedna glavna boja i koristi li se štedljivo?
• Imaju li tekst i dugmad dovoljan kontrast prema pozadini?
• Jesu li za svaku boju zapisane vrijednosti za ekran i za štampu?
• Izdvaja li se vaša glavna boja od boja konkurencije u branši?
• Postoji li stranica s pravilima koja se šalje saradnicima?
• Označavaju li se stanja, kao greška i uspjeh, i tekstom, a ne samo bojom?

Pojmovi koje ćete čuti uz paletu boja

• HEX: zapis boje za ekran, kao šifra od šest znakova.
• RGB: zapis boje za ekran preko udjela crvene, zelene i plave.
• CMYK: zapis boje za štampu preko četiri boje mastila.
• Pantone: sistem tačno određenih boja za štampu gdje je nijansa važna.
• Odnos kontrasta: razlika u svjetlini između teksta i pozadine.
• Logo: znak firme, iz kojeg se paleta najčešće gradi.