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

Jeste li znali da zapravo postoji biološka znanost koja stoji iza toga kako se dvije ili više boja međusobno nadopunjuju? Nisam oftalmolog ili optometrist, ali pokušat ću prevesti znanost ovdje za jednostavne ljude poput mene. Počnimo s bojom općenito.

Boje su frekvencije

Jabuka je crvena... zar ne? Pa, ne baš. Frekvencija kako se svjetlost reflektira i lomi od površine jabuke čini je detektabilnom, našim očima pretvara u signale i šalje u naš mozak gdje je identificiramo kao "crvenu". Uh... boli me glava od same pomisli na to. Ipak je istina... boja je jednostavno frekvencija svjetlosti. Evo prikaza elektromagnetskog spektra i frekvencija svake boje:

Upravo zbog toga bijela svjetlost uperena u prizmu stvara dugu. Ono što se stvarno događa jest da kristal mijenja frekvenciju valne duljine dok se svjetlost lomi:

Oči su vam detektori frekvencije

Vaše je oko uistinu samo detektor frekvencija za raspon frekvencija boja na elektromagnetskom spektru. Vaša sposobnost otkrivanja boja događa se kroz različite vrste čunjeva u stijenci oka koji su zatim povezani s optičkim živcima. Neki od ovih čunjeva otkrivaju svako frekvencijsko područje, 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 jako visokog kontrasta, 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, kad 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 se toliko truditi protumačiti više valnih duljina (npr. Boja) koje vide.

Vizualni šum protiv harmonije

Napravimo analogiju zvuka i 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čno ili komplementarno. Unutar bilo kojeg vizualnog medija, želimo raditi na harmoniji.

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

vaš paleta boja je ekvivalent sastavljanju benda u prekrasnoj harmoniji. I kao što se glasovi i instrumenti sastavljeni usko poravnavaju u glasnoći i frekvenciji ... tako se i komplementarne boje vaše palete boja poklapaju. Dizajn palete boja doista je umjetnička forma za profesionalce koji su fino podesili otkrivanje boja, ali to je i apsolutno računalna znanost jer se mogu izračunati besplatne frekvencije.

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

RGB boje

Pikseli unutar digitalnog spektra kombinacije su crvene, zelene i plave boje. Crvena = 0, zelena = 0, a plava = 0 prikazuje se kao bijela i crvena = 255, zelena = 255, a plava = 255 se vidi kao crno. Sve između je različite boje sastavljene 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 to protumačiti. Frekvencije boja komplementarne su i ugodne našim receptorima!

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

Kotačić u boji

Razumijevanje odnosa između boja najbolje se vizualizira pomoću kotača boja. Boje su raspoređene u krug na temelju njihove relativne učestalosti. Radijalna udaljenost je zasićenost boje, a azimutni položaj na krugu je nijansa boje.

Zabavna činjenica: Sir Isaac Newton prvi je put razvio Kotačić 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 ...

Vrste harmonija u boji

Odnosi između i kako se izračunava svaki skup besplatnih boja poznati su kao harmonija. Evo izvrsnog preglednog videozapisa:

Uz svaku su vrstu povezane različite karakteristike:

• Analogan - skupine boja koje su jedna na drugoj na kolu s bojama. 
• Monokromatski - skupine izvedene iz jedne bazne nijanse i proširene koristeći njegove nijanse, tonove i nijanse.
• trojstvo - skupine boja koje su ravnomjerno raspoređene oko u boji  kotač
• Dopunski - skupine 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 ravnomjerno raspoređenim oko kruga boja
• Spoj - boja i dvije boje uz njezinu komplementarnu boju
• nijanse - podešavanje nijanse (povećanje svjetlosti) ili sjene (tame) za primarnu boju.

To nisu subjektivne teme, to su stvarni matematički izrač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 stranicama klijenta. Budući da nisam stručnjak za boje, ovi alati pomažu mi u boljem odabiru stvari poput pozadina, obruba, pozadina podnožja, primarnih i sekundarnih boja gumba. Rezultat je web stranica koja je daleko ugodnija oku! Suptilna je, nevjerojatno moćna strategija primijeniti na svoj dizajn bilo čega - od oglasa do cijele web stranice.

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

• nepečena opeka - 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 Adobeov proizvod.
• BrandBoje - najveća kolekcija službenih 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 upotrijebite unaprijed odabrane boje, a aplikacija će učiniti sve ostalo. 
• Lov u boji - besplatna i otvorena platforma za nadahnuće boja s tisućama 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.
• Prostor boja - samo unesite jednu do tri boje i generirajte neke sheme!
• Boja koda - stvarno cool iskustvo na cijelom zaslonu za stvaranje vaše palete boja s nizom skladnih stilova s ​​lijeve strane.
• COLOURljubavnici - 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 tisućama prekrasnih shema boja.
• Alat za odabir boje podataka - Pomoću birača paleta stvorite niz boja koje jesu vizualno jednako udaljeni. 
• Khroma - koristi AI kako bi naučio koje boje volite i stvara palete koje ćete moći otkriti, pretraživati ​​i spremati.
• materijal dizajn - stvorite, podijelite i primijenite sheme boja za svoje korisničko sučelje. Dolazi čak i s izvozom za vašu aplikaciju!
• Muzli boje - dodajte ime ili kod boje i napravite prekrasnu paletu.
• Paletton - odaberite osnovnu boju i nadahnite se.

Boja i pristupačnost

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

• Kontrast - Svaka neovisna boja ima znak osvjetljenje. Boje slojeva i susjednih predmeta moraju imati relativni omjer osvjetljenja 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, svoje omjere u dvije boje možete testirati pomoću Odnos kontrasta, ili Sigurno u boji.
• Ikonografija - Označavanje polja crvenom bojom ne pomaže nekome tko ima nedostatak boje. Obavezno primijenite neku vrstu poruke ili ikone kako biste ih obavijestili da postoji i problem.
• fokus – Mnogi se ljudi kreću pomoću tipkovnica ili čitača zaslona. Provjerite je li vaše korisničko sučelje pravilno dizajnirano sa svim oznakama pristupačnosti kako bi mogli iskoristiti vašu web-lokaciju. Za osobe s oštećenjem vida ključna je uporaba bijelog prostora i mogućnost povećanja ili smanjenja veličine fonta gdje to ne uništava izgled.

Jeste li 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!

Objava: U ovom članku koristim partnerske veze.