Što su komplementarne boje?

Komplementarne boje su dvije boje na suprotnim stranama kotača boja. Umjetnicima, odnosno grafičkim dizajnerima važno je razumjeti koje se boje međusobno nadopunjuju kako bi ih učinkovito koristili u svojim radovima. Na primjer, komplementarne boje mogu se miješati kako bi se stvorile neutralne nijanse ili sjene. U ovoj objavi istražit ćemo kako koristiti komplementarne ili suprotne boje u dizajnu, stoga nastavite čitati!

U svom najosnovnijem obliku, komplementarne boje su jedna primarna i sekundarna boja nastala miješanjem druge dvije primarne boje. Na primjer: suprotna boja žutoj je ljubičasta, mješavina plave i crvene.

Kada se suprotne boje postave jedna uz drugu, dolazi do uzajamnog pojačanja intenziteta boje. Na primjer: crvena i zelena su intenzivnije kada su jedna pored druge, nego što bi bile da su pored harmoničnih nijansi boja. Fizičar Michel Eugéne Chevreul opisao je ovo međusobno uzdizanje suprotnosti kao zakon simultanog kontrasta.

Na slici iznad možete primijetiti da se par komplementarnih boja sastoji od jedne hladne i jedne tople boje. Crvena i žuta su tople boje, dok su plava i zelena hladne boje. Hladna i topla komplementarnost pomaže u stvaranju onoga što je poznato kao simultani kontrast, najveći kontrast dostupan na kotaču boja.

Istovremeni kontrast nastaje zbog prirodne iluzije kada dvije suprotne boje postavimo jednu pored druge. Obje boje će izgledati svjetlije i privući pažnju gledatelja.

Klasični primjeri komplementarnih kombinacija boja su:

Ako uključite i varijante ovih primarnih boja: crvenu, zelenu i plavu (RGB), možete dobiti još tri primjera komplementarne boje:

Koristeći cijeli kotač od 12 boja, dobivamo šest pari komplementarnih boja. Ovih šest kombinacija boja mogu učiniti čuda u dizajnu:

Percepcija boja proizlazi iz načina na koji naš mozak obrađuje različite valne duljine svjetlosti. Boja je percepcija energije i specifičnih valnih duljina svjetlosti koje dopiru do naših očiju. Ljudske oči imaju tri vrste receptora koji reagiraju samo na tri boje: crvenu, zelenu i plavu. Ovo možete testirati i “iz prve ruke” saznati kako percipiramo komplementarne boje.

Kada gledate neko vrijeme u zeleno svjetlo, fotoreceptori za zelenu boju se umore, dok se oni za crvenu i plavu “odmaraju”. Nakon trideset sekundi gledanja brzo okrenite glavu i pogledajte bijeli zid. Crveni i plavi fotoreceptori reagirat će snažno, dok će zeleni reagirati slabo, stoga ćete vidjeti mješavinu crvene i plave, odnosno magenta boju.

Ugodne kombinacije privlače pažnju i izazivaju pozitivne emocije, a komplementarne boje se međusobno ističu i izgledaju uravnoteženo, zbog čega su nam privlačne. To je prirodna iluzija koja bojama dodaje energiju i privlači poglede.

U dizajnu korisničkog sučelja, komplementarne boje mogu poboljšati vizualnu privlačnost i korisničko iskustvo, stvarajući živahan i dinamičan kontrast, koji možemo primijeniti na različitim elementima web stranice kao što su CTA gumbi, naslovi i sl.

Za početak, preporučujemo da odaberete tri boje za svoju paletu: glavnu (ili primarnu) boju, sekundarnu boju i boju za isticanje. Zatim upotrijebite pravilo 60/30/10 da biste primijenili ove boje u dizajnu web stranice. Prema ovom pravilu, 60% upotrijebljene boje treba biti glavna boja, 30% sekundarna boja, a 10% akcentna boja.

Komplementarne boje ključne su u brendiranju. Izazivaju emocije i ostavljaju trajan vizualni dojam, a inteligentna upotreba komplementarnih boja povećava prepoznatljivost marke. Komplementarnim bojama moguće je izraziti vrijednosti brenda i osobnost. Primjer poznatog brenda koji koristi suprotne boje je Heineken. Kombinacija crvene i zelene boje, stvara vizualno privlačan i prepoznatljiv dizajn.

Kada koristite komplementarne boje u dizajnu, postoje neke uobičajene pogreške koje treba izbjegavati:

Boja je moćan alat za izazivanje emocija i uspostavljanje identiteta robne marke. Razmislite o markama koje biste mogli prepoznati samo po boji — Coca-Cola (crvena) ili Jamnica (zelena). Boja može biti tako blisko povezana s identitetom marke da postane zaštitni znak — kao u slučaju T-Mobilea (magenta).

Bez obzira tražite li komplementarne boje za logotip ili stvarate paletu boja za dizajn web stranice, primjenom osnova teorije boja učinit ćete svoj dizajn vizualno dojmljivijim.