Zašto naše oči trebaju komplementarne sheme paleta boja ... i gdje ih možete napraviti

Komplementarne sheme paleta boja

Jeste li znali da iza biološke nauke zapravo stoji kako se dvije ili više boja dopunjuju? Nisam oftalmolog niti optometrist, ali pokušat ću ovdje prevesti nauku za jednostavne ljude poput mene. Počnimo sa bojom uopšte.

Boje su frekvencije

Jabuka je crvena ... zar ne? Pa ne baš. Učestalost odražavanja i prelamanja svjetlosti s površine jabuke čini je prepoznatljivom, pretvara je naše oči kao signale i šalje se u naš mozak gdje je identificiramo kao "crvenu". Uf ... to me boli u glavi samo kad razmišljam o tome. Istina je ... boja je jednostavno frekvencija svjetlosti. Evo pogleda na elektromagnetski spektar i frekvencije svake boje:

Boja i elektromagnetski spektar

Upravo zbog toga bijela svjetlost uperena u prizmu stvara dugu. Ono što se stvarno događa je da kristal mijenja frekvenciju talasne dužine dok se svjetlost lomi:

prizma
Kristalna prizma raspršuje bijelu svjetlost u mnogo boja.

Oči su vam detektori frekvencije

Vaše je oko zaista samo detektor frekvencija za opseg frekvencija boja na elektromagnetskom spektru. Vaša sposobnost otkrivanja boja događa se kroz različite vrste čunjeva u zidu oka koji su zatim povezani s vašim optičkim živcima. Neki od ovih čunjeva detektiraju svaki opseg frekvencija, a zatim se prevode u signal vašem optičkom živcu, šalju u vaš mozak, gdje je i identificiran.

Jeste li ikada primijetili da dugo možete buljiti u nešto sa stvarno visokim kontrastom, skrenuti pogled i nastaviti vidjeti posljedice koje se ne podudaraju s izvornim bojama koje ste gledali? Recimo da je to plavi kvadrat na bijelom zidu:

Nakon nekog vremena, stanice u vašem oku koje obrađuju plavo svjetlo postat će umorne, što će signal koji šalju u vaš mozak učiniti nešto slabijim. Budući da je taj dio vizualnog spektra blago potisnut, kada pogledate bijeli zid nakon zurenja u plavi kvadrat, vidjet ćete slabu narančastu sliku. Ono što vidite je bijeli spektar svjetlosti sa zida, minus malo plave boje, koju vaš mozak obrađuje kao narančastu.

Teorija boja 101: Neka komplementarne boje rade za vas

Ako se taj umor ne bi dogodio, naše oči i mozak ne moraju toliko naporno protumačiti više talasnih dužina (npr. Boja) koje vide.

Vizualni šum nasuprot harmoniji

Napravimo analogiju zvuka naspram boje. Da slušate različite frekvencije i jačine zvuka koji se međusobno ne dopunjuju, pomislili biste buka. Ovo se ne razlikuje od boje, gdje mogu biti i osvjetljenje, kontrast i boja Vizuelno bučan ili komplementaran. U bilo kojem vizuelnom medijumu želimo raditi na harmoniji.

Zbog toga u pozadini filma ne vidite dodatka koji nosi jarko crvenu košulju. Zbog toga se dekorateri interijera trude pronaći komplementarne boje na zidovima, namještaju, umjetnosti i drugim karakteristikama prostorije koju dizajniraju. Boja je presudna u stvaranju raspoloženja koje posjetitelj dobije kad uđe u nju na osnovu toga koliko je lako za njihov mozak protumačiti boje.

Tvoj paleta boja je ekvivalent sastavljanju benda u prekrasnoj harmoniji. I kao što se glasovi i instrumenti sastavljeni usko poklapaju u jačini zvuka i frekvenciji ... tako se dopunjuju i boje vaše palete boja. Dizajn palete boja zaista je oblik umjetnosti za profesionalce koji su fino podesili otkrivanje boja, ali to je i apsolutno računska nauka jer se mogu izračunati besplatne frekvencije.

Uskoro više o harmonijama ... vratimo se teoriji boja.

RGB boje

Pikseli unutar digitalnog spektra su kombinacije crvene, zelene i plave boje. Crvena = 0, zelena = 0 i plava = 0 prikazana je kao bijel i crvena = 255, zelena = 255, a plava = 255 se vidi kao crn. Sve između je različite boje sastavljeno od tri. Osnove izračunavanja komplementarne boje prilično su jednostavne ... samo oduzmite RGB vrijednosti od 255 za novu RGB vrijednost. Evo primjera:

Razlika u ovoj frekvenciji svjetlosti između narančaste i plave je dovoljno udaljena da je kontrastna, ali ne toliko da je našim očima teško protumačiti. Frekvencije boja se nadopunjuju i prijaju našim receptorima!

Izračunavanje jedne boje je jednostavno ... računanje 3 ili više komplementarnih boja zahtijeva izračunavanje ekvivalentnih veličina između svake od opcija. Zbog toga Generatori shema boja uđi tako zgodno! Uz vrlo malo potrebnih proračuna, ovi alati mogu vam pružiti nekoliko boja koje se nadopunjuju.

Kolo u boji

Razumijevanje odnosa između boja najbolje je vizualizirati pomoću kotačića u boji. Boje su poredane u krug ne na osnovu njihove relativne učestalosti. Radijalna udaljenost je zasićenost boje i azimutni položaj na krugu kao nijansa boje.

Kolo u boji

Zanimljiva činjenica: Sir Isaac Newton prvi je put razvio Točak u boji 1665. godine, osnovu za svoje eksperimente s prizmama. Njegovi eksperimenti doveli su do teorije da su crvena, žuta i plava primarne boje iz kojih se izvode sve ostale boje. Sporedna nota ... čak je primijenio i glazbene "note" na svaku boju.

Naoružaj me Harmony ...

Njutnov krug u boji

Vrste harmonija u boji

Odnosi između i kako se izračunava svaki skup besplatnih boja poznati su kao harmonije. Evo sjajnog preglednog videa:

Uz svaki tip su povezane različite karakteristike:

  • Analogno - grupe boja koje se nalaze jedna pored druge na kolu s bojama. 
  • Jednobojna - grupe izvedene iz jedne osnovne nijanse i proširene upotrebom njegovih nijansi, tonova i nijansi.
  • Triad - grupe boja koje su ravnomjerno raspoređene oko boja točak
  • Komplementarno - grupe boja koje su jedna nasuprot druge na kolu s bojama.
  • Split komplementaran - varijacija komplementarne kada se koriste dvije boje uz komplement.
  • Pravokutnik (Tetradic) - koristi četiri boje složene u dva komplementarna para
  • trg - slično pravokutniku, ali sa sve četiri boje raspoređene ravnomjerno oko kruga boja
  • spoj - boja i dvije boje susjedne njenoj komplementarnoj boji
  • Shades - podešavanje nijanse (povećanje svjetlosti) ili sjene (tame) za primarnu boju.

To nisu subjektivne teme, to su stvarni matematički proračuni s lijepim imenima koji nam pomažu da bolje razumijemo izračune.

Generatori shema boja

Korištenjem generatora shema paleta boja možete dobiti lijepe, komplementarne kombinacije boja poput ove:

Često koristim generatore shema paleta boja kada radim na klijentskim web lokacijama. Budući da nisam stručnjak za boje, ovi alati pomažu mi da bolje odaberem stvari kao što su pozadine, obrubi, pozadine podnožja, primarne i sekundarne boje dugmeta. Rezultat je web stranica koja je oku ugodnija! Suptilna je, nevjerovatno moćna strategija primijeniti na svoj dizajn bilo čega - od reklame do cijele web stranice.

Evo nekoliko izvrsnih generatora shema paleta boja na mreži:

  • čerpić - fantastičan alat s do 5 boja u kojem možete testirati različite vrste, podesiti, pa čak i spremiti svoju temu u bilo koji Adobe proizvod.
  • BrandColors - najveća kolekcija zvaničnih kodova boja oko marke.
  • Canva - učitajte fotografiju i oni će je koristiti kao temelj za vašu paletu!
  • Colllor - generirajte dosljednu web paletu boja sa samo nekoliko klikova. 
  • Dizajner boja - Jednostavno odaberite boju ili koristite unaprijed odabrane boje, a aplikacija će učiniti sve ostalo. 
  • Hunt u boji - besplatna i otvorena platforma za inspiraciju boja sa hiljadama trendovskih ručno odabranih paleta boja
  • Colorkuler - generirajte paletu boja za Instagram kako bi bio estetski ugodniji.
  • Colormind - generator shema boja koji koristi duboko učenje. Stilove boja može naučiti na fotografijama, filmovima i popularnoj umjetnosti.
  • Colorspace - samo unesite jednu do tri boje i generirajte neke šeme!
  • Kôd boje - zaista cool iskustvo na cijelom ekranu za stvaranje vaše palete boja s nizom harmoničnih stilova s ​​lijeve strane.
  • BOJELjubavnici - kreativna zajednica u kojoj ljudi iz cijelog svijeta stvaraju i dijele boje, palete i uzorke, raspravljaju o najnovijim trendovima i istražuju živopisne članke.
  • hladnjaci - stvorite savršenu paletu ili se nadahnite hiljadama predivnih šema boja.
  • Birač boja podataka - Pomoću birača paleta stvorite niz boja koje jesu vizuelno jednako udaljeni
  • Khroma - koristi AI da nauči koje boje volite i kreira palete koje ćete moći otkriti, pretraživati ​​i spremati.
  • Material Design - kreirajte, delite i primenite šeme boja za svoj korisnički interfejs. Dolazi čak i sa izvozom za vašu aplikaciju!
  • Muzli Colours - dodajte ime ili kod boje i napravite prekrasnu paletu.
  • Paletton - odaberite osnovnu boju i nadahnite se.
  • veranda - nadahnite se tonama neverovatnih paleta boja. 

Boja i pristupačnost

Imajte na umu dok odlučujete dizajnirati svoju sljedeću shemu palete da postoji značajna količina ljudi s oštećenjima vida i nedostatkom boje koji trebaju komunicirati s vašim iskustvima.

  • kontrast - Svaka nezavisna boja ima osvetljenost. Boje prekrivača i susjednih predmeta moraju imati relativni omjer osvijetljenosti 4.5: 1 kako bi ih osobe s oštećenjima vida mogle razlikovati. Ne bih prolazio kroz probleme pokušavajući sami izračunati omjere, možete testirati svoje omjere u dvije boje Obojivo, kontrast, ili Colorsafe.
  • Ikonografija - Označavanje polja crvenom bojom ne pomaže nekome ko ima nedostatak boje. Obavezno primijenite neku vrstu poruke ili ikone kako biste ih obavijestili da postoji i problem.
  • fokus - Mnogi ljudi se kreću pomoću tastatura ili čitača zaslona. Budite sigurni da je vaše korisničko sučelje pravilno dizajnirano sa svim oznakama pristupačnosti kako bi mogli iskoristiti vašu web lokaciju. Za ljude s oštećenjima vida presudno je korištenje praznog prostora i mogućnost povećanja ili smanjenja veličine fonta tamo gdje to ne uništava izgled.

Da li ste stručnjak za oči? Stručnjak za boje? Stručnjak za pristupačnost? Slobodno mi dajte bilo kakve smjernice za poboljšanje ovog članka!

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.