Pravilo 60-30-10
Ovo je najkorisnije pravilo za raspodelu boja. Potiče iz dizajna enterijera, ali funkcioniše za bilo koji projekat.
- 60 %: dominantna boja. Obično neutralna ili nežna nijansa. Pokriva pozadinu i velike površine.
- 30 %: sporedna boja. Daje karakter. Upotrebi je za blokove, menije ili nameštaj.
- 10 %: akcentna boja. Ona najupadljivija. Upotrebi je za dugmad, ikonice ili detalje.
Na primer: prljavobela na 60 %, teget na 30 % i narandžasta na 10 %.
Ne moraš da meriš tačno. Poenta je da jedna boja vodi, jedna podržava i jedna se ističe.
Uloga neutralnih boja
Neutralne boje su bela, crna, siva, bež, krem i svetle braon. Slažu se skoro sa svim.
Odmaraju oči i omogućavaju upadljivim bojama da bolje dođu do izražaja. Paleta bez neutralnih boja obično deluje zamorno.
- Bela i prljavobela: čistoća i prostor.
- Siva: moderna i umerena. Izaberi tople ili hladne sive koje se slažu sa ostatkom palete.
- Bež i boja peska: toplina i prirodnost.
- Crna ili skoro crna: elegancija i kontrast. Za tekst je veoma tamna siva obično prijatnija od čiste crne.
Kombinovanje prema temperaturi
Boje su tople (crvena, narandžasta, žuta) ili hladne (plava, zelena, ljubičasta). Možeš da ih kombinuješ na tri jednostavna načina:
- Samo tople boje: prijatno i energično. Idealno za restorane ili prijateljske brendove.
- Samo hladne boje: smireno i profesionalno. Idealno za zdravstvo, tehnologiju ili finansije.
- Hladna osnova sa toplim akcentom: najsvestranija opcija. Topli akcenat privući će pogled na smirenoj pozadini.
Šta obično ne funkcioniše: mnogo upadljivih toplih i hladnih boja odjednom, bez dominantne boje.
Kontrast za tekst
Lepa boja ne vredi ništa ako tekst ne može da se pročita. Kontrast između teksta i pozadine ključan je za čitljivost i pristupačnost.
- Koristi taman tekst na svetloj pozadini ili svetao tekst na tamnoj pozadini.
- Izbegavaj žut, svetlozelen ili svetlosiv tekst na beloj.
- Ne stavljaj zasićene komplementarne boje jednu preko druge, na primer crvenu na zelenu. Treperi i zamara oči.
- Pravila WCAG zahtevaju odnos kontrasta od najmanje 4,5:1 za običan tekst i 3:1 za veliki tekst.
Bilo koji par boja možeš da proveriš u našoj proveri kontrasta.
15 kombinacija boja koje uvek funkcionišu
Ovi parovi su sigurno polazište. Upotrebi ih kao osnovu i po potrebi dodaj neutralnu boju ili akcenat.
- Teget i krem: klasična, ozbiljna i dobro čitljiva.
- Crna i zlatna: luksuz i elegancija.
- Plava i narandžasta: komplementarna i puna energije.
- Jelovozelena i bež: prirodna i smirena.
- Roze i antracit: moderna i uravnotežena.
- Žuta i crna: maksimalan kontrast, idealna za upozorenja.
- Bordo i boja peska: topla i prefinjena.
- Tirkizna i koralna: sveža i letnja.
- Ljubičasta i svetla lila: monohromatska i kreativna.
- Braon i žalfija zelena: zemljana, idealna za prirodne brendove.
- Siva i boja breskve: nežna i prijatna.
- Petrolej plava i svetložuta: smirena sa dozom svetlosti.
- Terakota i prljavobela: topla i mediteranska.
- Tamni petrolej i senf: retro i sa karakterom.
- Bela i crvena: direktna, energična i dobro vidljiva.
Mnogo više ideja sa HEX kodovima naći ćeš na našoj stranici kombinacije boja.
Koje boje se slažu sa kojom bojom
Ako već imaš glavnu boju, ova lista ti daje brzo polazište:
- Crvena: bela, crna, siva, teget i bež. Za nešto odvažno: roze ili narandžasta.
- Narandžasta: teget, tirkizna, bela, krem i braon.
- Žuta: siva, crna, teget i bela. Senf se lepo slaže sa tamnozelenom.
- Zelena: bež, bela, braon, zlatna i nežna roze.
- Plava: bela, narandžasta, siva, žuta i koralna. Teget funkcioniše skoro kao neutralna boja.
- Ljubičasta: siva, lila, zlatna, žalfija zelena i bela.
- Roze: siva, teget, maslinastozelena, bela i zlatna.
- Braon: krem, zelena, petrolej plava, narandžasta i prljavobela.
Sigurno si primetio da su neutralne boje skoro na svakoj listi. One su najsigurniji partner upadljivoj boji.
Kako da složiš sopstvenu kombinaciju
- Izaberi glavnu boju prema onome što želiš da izraziš.
- Pronađi u krugu boja sporednu boju: susednu za nešto smireno, suprotnu za nešto upadljivo.
- Dodaj jednu ili dve neutralne boje.
- Izaberi jednu akcentnu boju za ono najvažnije.
- Isprobaj paletu na stvarnom primeru: veb-stranici, slajdu prezentacije ili fotografiji prostorije.
Kad nisi siguran, upotrebi manje boja. Tri do pet boja je dovoljno za skoro svaki projekat.
Česte greške sa bojama
- Previše boja. Rezultat deluje pretrpano i ništa se ne ističe.
- Svim bojama ista težina. Bez dominantne boje oko ne zna gde da gleda.
- Zaboravljen kontrast. Tekst koji ne može da se pročita ili dugmad koju niko ne vidi.
- Sve prezasićeno. Veoma upadljive boje zamaraju. Kombinuj ih sa nežnijim nijansama.
- Ignorisanje konteksta. Boja izgleda drugačije na dnevnoj svetlosti, na ekranu i na papiru.
- Kopiranje bez prilagođavanja. Paleta koja funkcioniše za jedan brend ne mora da odgovara tvojoj publici.
- Mešanje neutralnih boja različite temperature. Hladna siva pored tople bež može delovati prljavo. Biraj neutralne boje iz iste porodice.
- Neisprobavanje na više ekrana. Boja može biti prelepa na računaru, a bleda na telefonu. Uvek je proveri na više od jednog uređaja.