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 znanosti stoji zapravo kako se dvije ili više boja nadopunjuju? Nisam oftalmolog niti optometrist, ali pokušat ću ovdje prevesti nauku za jednostavne ljude poput mene. Krenimo s bojom općenito.

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 je u naš mozak gdje je prepoznajemo kao "crvenu". Uf ... to me boli u glavi kad samo razmišljam o tome. Istina je ipak ... 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 jest da kristal mijenja frekvenciju valne duljine dok se svjetlost lomi:

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

Oči su vam detektori frekvencije

Vaše je oko uistinu samo detektor frekvencije 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 ikad primijetili da dugo možete buljiti u nešto s vrlo visokim kontrastom, skrenuti pogled i nastaviti viđati ostatke slike koji 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 toliko naporno 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čan ili komplementaran. 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 je vizualizirati pomoću kotačića u boji. Boje su poredane u krug ne na temelju njihove relativne učestalosti. Radijalna udaljenost zasićenje je boje i azimutni položaj na krugu kao nijansa boje.

Kotačić u boji

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 ...

newton krug u boji

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 boja 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, oni 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.
  • BrandColors - 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.
  • Trijem - nadahnite se tonama nevjerojatnih paleta boja. 

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 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 okušati svoje omjere u dvije boje pomoću Obojivo, Odnos kontrasta, ili Colorsafe.
  • 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 ljudi navigiraju pomoću tipkovnica 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še web mjesto. Za osobe s oštećenjima vida presudna je upotreba praznog prostora i mogućnost povećanja ili smanjenja veličine fonta tamo 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!

Što vi mislite?

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.