Kako koristiti teoriju boja u dizajnu

Vidjeli ste krug boja, ali niste sasvim sigurni šta sve to znači? Naučite što je teorija boja i kako je koristiti u dizajnu.

Boja je bitna i uvijek morate uzeti u obzir boju kada dizajnirate. Ali razumijete li kako teorija boja funkcionira kako bi vam pomogla da kreirate skladne palete boja?

Možda biste željeli koristiti svoje omiljene boje u svom novom logotipu ili objavi na društvenim mrežama, ali možete optimizirati svoju paletu boja dizajna koristeći porodice boja koji se međusobno nadopunjuju.

Ovaj članak vas vodi kroz osnovnu do naprednu terminologiju boja, logičku strukturu odnosa između boja i kako možete poboljšati svoje dizajne primjenom teorije boja.

Počnimo s malo istorije teorije boja.

Ko je izmislio teoriju boja?

Ne postoji ni jedna osoba koja je izmislila ono što danas znamo kao teorija boja.

Postojalo je mnogo teoretičara boja tokom vekova koji su oblikovali način na koji razumemo boju. Međutim, Isaac Newton je zaslužan za otkrivanje modela ROYGBIV (ili vidljivog spektra boja) i pronalazak kruga boja sredinom 17. stoljeća. Ova dva otkrića su odredila kako se razvila teorija boja.

Newton je prvi otkrio da kada bijela svjetlost prođe kroz prizmu, ona se prelama u sedam duginih boja. Svojim istraživanjem i primjenom boja, onrazumjeti kako boje funkcionišu zajedno u digitalnim slikama u poređenju sa štampanim.

Koja je razlika između RYB, CMYK i RGB?

U ovom članku smo uglavnom raspravljali o bojama zasnovanim na pigmentima, ali boje koje emituju svjetlost (ili digitalne) funkcionišu drugačije.

RYB (crvena, žuta, plava), ili model suptraktivnih boja, je način na koji smo do sada govorili o boji i kako je točak boja formuliran .

Sjećate li se da smo spomenuli J. C. Le Blona i njegov doprinos teoriji boja kroz njegove tehnike trobojne štampe? CMYK proces subtraktivne boje je kasnije razvijen za štampu na osnovu njegovog rada, i od suštinskog je značaja da razumete razlike između štampanja i digitalnih boja ako radite digitalni dizajn.

CMYK je skraćenica za Cyan, Magenta, Yellow, i Ključ (koji je crn). Slično je kao RYB ili BRY da prate isti obrazac.

Digitalno upravljanje bojama u izvorima slike radi malo drugačije.

Model aditivnog miješanja boja pokazuje kako stvoriti bijelo svjetlo (zapamtite Newtonove nalaze ?), a primarne boje svjetla su crvena, zelena i plava (RGB). Svi izvori svjetlosti rade unutar RGB modela za digitalno upravljanje bojama, ilustrovanog u RGB kotaču boja.

Zelena i ljubičasta se ponekad koriste zajedno kao komplementarne boje, što više liči na principe RGB kombinacije boja gdje je zelena (primarna boja svjetlosti) imagenta (sekundarna boja napravljena kombinacijom plave i crvene svjetlosti) su komplementarne.

preko GIPHY

5 primjera teorije boja primijenjene na dizajn

Sada biste trebali razumjeti boju teorija i kako koristiti točak boja za stvaranje harmoničnih kombinacija boja u vašim dizajnima.

Želimo vam dati i neke inspo, pa smo pronašli nekoliko primjera uspješnih dizajna koji koriste teoriju boja za stvaranje harmonije.

1. Bring in ‘da Noise, Bring in ‘da Funk

Paula Scher je dizajnerica poznata po kršenju pravila i kreiranju nekih od najpoznatijih dizajna našeg vremena. Ali, ako bolje pogledate, vidjet ćete da ona koristi harmoniju boja kako bi zadržala svoje dizajne čvrsto.

Evo jednog od postera koje je dizajnirala za step mjuzikl iz 1995. godine, Unesite 'Da Noise Unesite 'Da Funk , koji priča priču o afroameričkoj povijesti kroz pjesmu i ples.

Ovaj dizajn koristi analognu shemu boja kombinirajući boje koje imaju plavu kao svoju primarnu osnovu.

Da bi stvorila više kontrasta i skrenula pažnju gledaoca na važne informacije (naime, datum), ona je takođe štedljivo koristila narandžaste akcentne boje – narandžasta je boja komplementarna plavoj. Ova kombinacija boja se ponekad naziva i analogno komplementarnom.

2. McDonald's

Možda vam se sviđa lanac brze hrane, a možda i ne, ali je neosporno da je njihov logotip jedan od najupečatljivijih logotipa. Ali, baš kaokombinacija zelene i ljubičaste, čini se da krši pravila harmonije boja koristeći žutu i crvenu zajedno.

Žuta i crvena su dvije primarne i čine jednu trećinu trijadne harmonije boja. Drugim riječima, korištenje plave zajedno s ovim bojama stvorilo bi veću ravnotežu.

Međutim, pažljiviji pogled pokazuje da je žuta od velikog M, u stvari, više zlatna ili narandžasto-žuta . Crvena koja se koristi je također topla boja sa žutim podtonom.

Ima smisla da poznati dvobojni logo koristi pojednostavljenu analognu shemu boja, stvarajući harmoniju boja.

Također je zanimljivo da primetimo da u RGB modelu boja, crvena + zelena čini žutu, tako da je žuta odmah pored crvene. Smatralo bi se analognim ako bismo harmoniju boja primijenili na RGB.

3. Kiss My Airs

Nike je jedan od najvećih sportskih brendova na svijetu. Sa lansiranjem svojih Nike Air cipela za 2021. godinu, koristili su minimalistički dizajn i pametne formulacije kako bi promovirali ovu novu verziju klasika.

Ovi oglasi imaju monokromatske sheme boja, gdje se koristi svijetla osnovna boja, a kontrast je kreirano korištenjem nijansi i tonova iste boje.

Monokromatski dizajni su uvijek harmonični jer koriste istu nijansu svuda.

Izvor slike: David Carson Design

4. David Carson Design

David Carson se ponekad naziva ocem grungea jer je predstaviopotpuno svjež stil dizajna koji je prekršio sva pravila dobrog grafičkog dizajna u to vrijeme.

On je majstor kolaža i spajanja različitih elemenata kako bi napravio slike koje prenose moćne poruke. Dakle, da li je potpuno ukinuo i teoriju boja?

Na gornjoj slici se nalazi i hladna i topla crvena kao dominantna boja, sa dodanim akcentima svijetlo žuto-zelene, tamnoplavo-zelene, hladno plave, duboka topla žuta, narandžasta i neke neutralne smeđe.

Kvadratna tetradna shema boja bi proizvela harmoniju kombinirajući crvenu, plavu, žutu i zelenu. Carson je pametno iskoristio tople i hladne verzije ovih boja da napravi veoma dinamičnu sliku.

Takođe je važno napomenuti da dodavanjem više boja (kao što su ljubičasta i smeđa), Carson uspješno stvara osjećaj haosa u ovo djelo.

5. Bored Ape Yacht Club

Bored Ape Yacht Club je poznata umjetnička kolekcija NFT-a, s nekim dizajnom koji se prodaje na šest cifara.

Ovaj BAYC dizajn ima dominantnu narandžastu boju pozadine i koristi pravokutni tetrad shema boja kombinacijom narandžaste, žute, ljubičaste i plave. Druga dominantna boja je ružičasta majmunova krzna, koja je nijansa crvene.

Crvena, žuta i narandžasta su analogne boje, tako da dobro funkcioniraju zajedno.

Kako možemo objasni proljetni zeleni čuperak na šeširu za zabavu? Analogna shema zasnovana na crvenoj i žutoj bi bila komplementarna zelenoj.

Dakle, ovodigitalna slika koristi više komplementarnih shema boja za stvaranje harmonije boja.

Ako tražite još inspiracije za dizajn, pogledajte našu listu poznatih grafičkih dizajnera koje možete pratiti na Instagramu.

Završi

Znate zašto je boja važna i kako koristiti osnovni točak boja, a razumijete i pojmove teorije boja i općenito ponašanje percepcije boja. Također znate da asocijacije boja mogu poboljšati dizajn korisničkog iskustva i učiniti proizvode poželjnijim.

Na kraju, teorija boja i točak boja jednostavno su alati koji nam pomažu da shvatimo kako boje utječu jedna na drugu i kako mogu duboko utiču na nas.

Ali, nema nikakvih prava ili grešaka kada je u pitanju odabir boja. Samo pogledajte boje u prirodi i vidjet ćete širi raspon kombinacija boja nego što to preporučuju modeli harmonije boja.

Vaša osnova za kombinaciju boja svodi se na lične preferencije, umjetničku intuiciju i trenutne trendove boja . Međutim, i dalje je dobro imati razumijevanje na osnovu toga kako su drugi proučavali boje, bilo da vam pomogne da usavršite svoje vještine odabira boja ili da pronađete nove načine pristupa kombinacijama boja.

Također je bitno shvatiti kako se različite boje stvaraju korištenjem matičnih boja i kako možete miješati nijanse da biste proizveli željene efekte – na primjer, znati kako stvoriti neutralne boje miješanjem komplementarnihboje.

Također možete pogledati naš vodič korak po korak za kreiranje prilagođene palete boja u Vectornatoru i naš video o teoriji boja.

Dakle, sada kada shvatite elementi teorije boja uzimaju u obzir fantastične dizajne o kojima smo razgovarali i igrajte se kombinacijama boja u vašim dizajnima da vidite šta možete smisliti!

Preuzmite Vectornator da biste započeli

Podignite svoje dizajne na viši nivo.

preko GIPHY

Ovo otkriće je bilo revolucionarno jer je potpuno promijenilo način na koji ljudi vide svijet i kako razumiju boje. Prije toga, većina ljudi je doživljavala boju kao fizički objekt (npr. voće), elementarnu (npr. vatru) ili teksturu ili osjećaj. Čak je i starogrčki filozof Aristotel imao teoriju da je boja božanska svjetlost s neba.

Drugi glavni teoretičari boja su umjetnik J. C. Le Blon, polimatičar Johann Wolfgang von Goethe i psihijatar Carl Jung. Početkom 1700-ih, Le Blon je razvio metod trobojne štampe (koristeći tri osnovne boje crvenu, plavu i žutu), što je takođe dovelo do formulacije subtraktivnih boja (kada se tri primarne pomešaju da bi se dobila crna).

Ovo je suprotno Newtonovim aditivnim bojama (koje zajedno proizvode bijelu) i pomoglo je u razlikovanju ponašanja percepcije boja u svjetlu i pigmentu.

Izvor slike: Wikimedia Commons

Le Blon je postavio temelje koji su na kraju doveli do razvoja CMYK sistema za štampanje 1906. godine, koji i danas koristimo.

Goetheova Teorija boja (prvi put objavljena 1810.) dovodi u pitanje Newtonova široko prihvaćena teorija jer je razvijena uz pomoć "vještačkih" optičkih eksperimenata i nije imala angažman sstvarna životna iskustva boja.

Goethe se mnogo više fokusirao na vizualnu percepciju i emocionalne odgovore na boju, kao i na simboliku boja i pojam harmonije boja.

Također je istakao da je Newtonov Eksperiment sa prizmom bio je jedinstven fenomen ponašanja svjetlosti i ne bi ga trebalo prihvatiti kao konačnu, univerzalnu teoriju boje.

Jung je proučavao kako boja utiče i izražava naše emocije, što je kasnije navelo Jungove psihijatre da razviju boju terapijske metode. Njegovi nalazi o konotativnim asocijacijama boja ljudi čine osnovu psihologije boja, koja se danas široko koristi u umjetnosti, grafičkom dizajnu i marketingu.

Psihologija boja također informira vizualni dizajn i dizajn korisničkog iskustva (UX/UI) da proizvode specifična ponašanja kod potrošača i korisnika aplikacija.

Šta je teorija boja?

Teorija boja objašnjava ljudsku percepciju boja i efekte koje boja ima na oči i mozak.

Naučno govoreći, obojena svjetlost putuje na različitim talasnim dužinama i stimuliše različite receptore u našim očima. Kada informacija dođe do našeg mozga, to doživljavamo kao razlike u nijansama. Principi teorije boja pomažu da se objasni kako naš mozak tumači boje.

Mi doživljavamo različite fenomene boja zasnovane na faktorima percepcije, kulturološkim razlikama i specifičnim individualnim razlikama.

Na primjer, neke boje u kombinacija izgleda višekontrastniji od drugih. Kada pogledamo plavu, ona izgleda hladno, dok crvena izgleda toplo. Ponekad kada dugo gledate u zeleni predmet, a zatim skrenete pogled, vidite sliku crvene boje (više o tome kasnije). Sve su to iskustva koja oblikuju naše razumijevanje boja.

Pogledajmo osnovne principe teorije boja (kako se boje prave pigmentom), a zatim prijeđimo na napredniju teoriju boja (odnosi između boja). Također objašnjavamo pojmove teorije boja, tako da znate kako govoriti o bojama.

Točak boja će vam pomoći da shvatite ove koncepte teorije boja.

Primarne boje

Tri primarne boje na kotaču boja su crvena, žuta i plava. Ovo su osnovne boje koje se mogu miješati kako bi se dobile sve druge boje koje možemo vidjeti, a jednako su razmaknute jedna od druge na suprotnim stranama kotača boja.

Sekundarne boje

Kada pomešate dve primarne boje zajedno, dobijate sekundarne boje. Ove boje se stavljaju između svake primarne boje kako bi označile ovu mješavinu. Na primjer, crvena plus plava čini ljubičastu.

Tercijarne boje

Kada pomiješate primarnu i sekundarnu boju, dobijate tercijarne boje. One su postavljene između primarnih i sekundarnih boja od kojih su pomiješane. Na primjer, ljubičasta plus crvena čini crveno-ljubičastu (ili crveno-ljubičastu).

Tople boje

Mi obično mislimo naboje na crvenoj, narandžastoj i žutoj strani spektra kao "tople" i plave, zelene i ljubičaste kao "hladne" boje.

Ovo nije sasvim pogrešno, budući da smo svi iskusili topla narandžasta vatra ili hladni plavi bazen. Također je općenito prihvaćeno da tople boje napreduju (gledajte bliže posmatraču), a hladne se povlače (gledajte dalje).

Ali jeste li znali da sve nijanse imaju temperaturu boje?

Postoji topla i hladna verzija svake primarne boje, koja također proizvodi tople i hladne palete boja kada ih koristite za miješanje sekundarnih i tercijalnih boja.

Evo imena nekih pigmenata toplih boja:

• Tople crvene više naginju žutoj: Kadmijum crveno, grimizno jezero, venecijansko crveno, grimizno jezero i vermilion
• Tople žute više naginju crvenoj: Kadmijum žuta, srednje žuta, indijska žuta, arilid žuta
• Topla plava više naginje crvenoj: ultramarin plava, kobalt plava, indantron plava.

hladne boje

Dakle, znamo da sve boje imaju tople verzije, što znači da imaju i hladne verzije. Kada pomiješate tople i hladnije boje zajedno, možete proizvesti širok raspon boja.

Evo imena nekih hladnih boja:

• Hladne crvene boje se više koriste prema plavoj: Alizarin Crimson, Pyrrol Crimson, Anthraquinoid Red i Permanent Rose
• Hladne žute više naginju plavoj: Limun žuta,Titanium žuta i monoazo žuta
• Hladna plava više naginje žutoj: Phthalo plava, Cerulean plava, pruska plava, manganovo plava, egipatsko plava

Kako Koristite kotačić boja

Točak boja pokazuje osnovne boje koje možemo vidjeti kao žbice, svaka uz mješavinu boja ili primarnu boju.

U prethodnom dijelu pogledali smo kako možete napraviti primarnu kombinaciju boja za stvaranje sekundarnih boja i kako se tercijarne boje prave kombinacijom primarnih i sekundarnih boja.

Osnovni kotač boja ilustruje ove odnose između boja i čini osnovu za principe kombinacije boja.

Sada ćemo pogledati druge odnose između boja koji nam pomažu u odabiru kombinacija boja, odnosno komplementarne sheme i harmonije boja.

Komplementarne kombinacije boja

Određene osnovne boje kombinacije izvlače ono najbolje jedna u drugoj.

Dok većina ljudi poznaje komplementarne parove boja, možete ih pronaći na kotaču boja. Svaka primarna boja na kotaču boja ima sekundarnu boju koja je direktno suprotna koja se dobija kombinacijom druge dvije primarne.

Ovo su tradicionalne, komplementarne sheme boja:

• Crvena (primarna ) i zelena (sekundarno napravljeno sa plavom plus žutom)
• Plavo (primarni) i narandžasto (sekundarno napravljeno sa žutom plus crvenom)
• Žuto (primarno) i ljubičasto (sekundarno napravljeno sa crvenom)plus plava)

Zašto se nazivaju komplementarnim; da li je to samo zato što izgledaju dobro zajedno? Ne, to je naučni i biološki fenomen koji se zove "simultani kontrast."

Istovremeni kontrast objašnjava vizuelno pojačanje koje se dešava kada se ovi parovi boja postave jedan pored drugog. To je također nešto što je Goethe spomenuo; kada vidite boju, vaše oko automatski traži njenu komplementarnost.

Izvor slike: WebExhibits

Neki izvori kažu da je svaka boja nasuprot drugoj na krugu boja komplementarna. Ipak, komplementarni par se tradicionalno sastoji od jedne primarne i jedne sekundarne boje.

Kada pomiješate komplementarni par, stvarate neutralnu boju kao što je siva ili smeđa. To je zato što, koliko god intenziviraju jedna drugu, komplementarne boje se međusobno poništavaju kada se kombinuju.

To također znači da možete stvoriti tamne boje dodavanjem više komplementarne mješavini.

Harmonije boja

Šta je harmonija boja i kako funkcionira? Harmonija boja je bitan dio teorije boja i ilustrira brojne načine korištenja kotača boja za pronalaženje vizualno ugodnih ili harmoničnih kombinacija boja.

Sklad boja možete smatrati smjernicama za kombinaciju boja.

Sklad boja se često koristi u svim vrstama dizajna – od vrtlarstva i kuhanja do uređenja interijera i grafičkog dizajna. Vitakođer mogu pronaći harmonije boja u prirodi.

Ljudi procjenjuju vizuelnu privlačnost unutar 50 milisekundi nakon što nešto vide, utječući na njihove odluke. To znači da harmonije boja čak mogu pomoći dizajnerima proizvoda i trgovcima da utiču na odluke kupaca.

Evo vašeg vodiča za boje za stvaranje vizuelno najatraktivnijih kombinacija:

Triadna harmonija boja

Takođe poznata kao trijadne boje, trijadna harmonija boja je kada koristite tri boje na jednakoj udaljenosti jedna od druge na krugu boja. Ovo uključuje kombinacije kao što su crvena + plava + žuta i ljubičasta + zelena + narančasta.

Split-komplementarna harmonija boja

Split-komplementarna harmonija boja kombinuje jednu boju sa dvije boje na suprotnoj strani kolo u boji. To bi bile dvije boje s obje strane onoga što bi se smatralo direktnim komplementarnim osnovne boje.

Sklad razdvojenih komplementarnih ne odnosi se samo na primarne boje i njihove tradicionalne komplementarne – možete pratiti razdvojene komplementarne bilo koje boje .

Ovaj model pokazuje harmonije boja kao što su crveno-ljubičasta + zelena + žuta, ili narandžasta + plavo-ljubičasta + plavo-zelena.

Tetrad Color Harmony

Tetrad boja harmony je pravougaoni model za odabir boja. Koristeći pravougaonik unutar kruga boja, možete pronaći četiri boje koje će dobro funkcionirati zajedno.

Ovo sugerira idealne kombinacije boja poput ljubičaste + plave + žute +narandžasta, ili crveno-ljubičasta + narandžasto-crvena + žuto-zelena + plavo-zelena.

Analogna harmonija boja

Analogna harmonija boja se postiže kada koristite tri boje koje su jedna pored druge na kotaču boja i dijele zajedničku primarnu boju.

Primjer ovoga je korištenje plavo-zelena + plava + plavo-ljubičasta zajedno. Ovo su susjedne boje na krugu boja, a dominantna boja u ovoj analognoj temi je plava.

Analogne šeme boja uvijek stvaraju osjećaj dubine i bogatstva.

Nijanse, nijanse i tonovi

U našem postu o stvaranju jedinstvene palete boja detaljno smo pokrili svojstva boja i vrijednosti boja. Također možete saznati više iz našeg članka Savjeti za dizajn o terminologiji boja. Evo kratkog rezimea:

• Nijanse se prave dodavanjem bijele u nijansu
• Nijanse se prave dodavanjem crne nijansi
• Tonovi se prave dodavanjem sive u nijansu

Monohromatska harmonija boja

Veliki trend boja koji se vratio je monohromatska šema boja.

Monohromatska harmonija boja je kada koristite samo jednu nijansu u vašoj paleti boja i kreirajte svijetle i tamne varijacije koristeći nijanse, nijanse i tonove.

Ova harmonija boja stvara osjećaj jedinstva i smirenosti, ali može brzo postati dosadna ako se ne primjenjuje pravilno.

Pokrili smo harmonične palete boja i elemente teorije boja; hajde da razlikujemo subtraktivno i aditivno mešanje boja na