Зошто на нашите очи им требаат дополнителни шеми на палети на бои… и каде можете да ги направите

Комплементарни шеми на палета на бои

Дали знаевте дека всушност постои биолошка наука како две или повеќе бои се надополнуваат една со друга? Јас не сум офталмолог, ниту оптометрист, но ќе се обидам да ја преведам науката тука за едноставни луѓе како мене. Да почнеме со бојата воопшто.

Боите се фреквенции

Јаболко е црвено… нели? Па, не навистина. Фреквенцијата за тоа како светлината се рефлектира и се прекршува од површината на јаболкото, ја прави откривачка, претворена од очите како сигнали, испратена до нашиот мозок каде што ја идентификуваме како „црвена“. Уф ... тоа ме боли главата само размислувајќи за тоа. Вистина е сепак боја е едноставно фреквенција на светлина. Еве преглед на електромагнетниот спектар и фреквенциите на секоја боја:

Боја и електромагнетски спектар

Токму затоа белата светлина насочена кон призма произведува виножито. Она што навистина се случува е дека кристалот ја менува фреквенцијата на брановата должина додека светлината се прекршува:

Призма
Кристалната призма ја растера белата светлина во многу бои.

Вашите очи се детектори на фреквенција

Вашето око е навистина само детектор за фреквенција за опсегот на фреквенции на бои на електромагнетниот спектар. Вашата способност да откриете бои се случува преку различни видови конуси на wallидот на вашето око, кои потоа се поврзани со вашите оптички нерви. Секој опсег на фреквенција е откриен од некои од овие конуси, потоа преведен во сигнал до вашиот оптички нерв, испратен до вашиот мозок, каде што е идентификуван.

Дали некогаш сте забележале дека можете долго да зјапате во нешто со навистина висок контраст, да погледнете настрана и да продолжите да гледате некоја слика што не одговара на оригиналните бои што ги гледавте? Да речеме дека е син квадрат на бел wallид:

По некое време, клетките во твоето око кои ја обработуваат сината светлина ќе се заморат, со што сигналот што ќе го испратат до вашиот мозок е малку послаб. Бидејќи тој дел од визуелниот спектар е малку потиснат, кога ќе погледнете во бел wallид откако ќе загледате во синиот плоштад, ќе видите слаба портокалова позадина. Она што го гледате е белиот спектар на светлина од идот, минус малку сино, што вашиот мозок го обработува како портокал.

Теорија на бои 101: Правење комплементарни бои да работат за вас

Доколку тој замор не се случел, нашите очи и мозоци не треба да работат толку напорно за да ги протолкуваат повеќекратните бранови должини (на пр., Боите) што ги гледаат.

Визуелна бучава наспроти хармонија

Ајде да направиме аналогија на звук наспроти боја. Ако слушавте различни фреквенции и волумени што не беа комплементарни едни на други, ќе помислите на тоа како бучава. Ова не е за разлика од бојата, каде што може да биде откриената осветленост, контраст и боја визуелно бучни или комплементарни. Во рамките на кој било визуелен медиум, ние сакаме да работиме кон хармонија.

Затоа не гледате дополнителни во позадината на филмот што носи светло црвена кошула. И затоа, внатрешните декоратори напорно работат за да најдат комплементарни бои низ wallsидовите, мебелот, уметноста и другите карактеристики на просторијата што ја дизајнираат. Бојата е критична при создавањето на расположение што го добива посетителот кога ќе влезе во неа, врз основа на тоа колку е лесен за нивниот мозок да ги интерпретира боите.

вашиот палета на бои е еквивалентно на составување бенд во прекрасна хармонија. И, исто како што гласовите и инструментите собрани тесно се усогласуваат во обемот и фреквенцијата… така прават и комплементарните бои на вашата палета на бои. Дизајнот на палета на бои е навистина уметничка форма за професионалците кои фино го наместија откривањето на бојата, но тоа е апсолутно компјутерска наука, бидејќи дополнителните фреквенции можат да се пресметаат.

Повеќе за хармониите наскоро ... ајде да се вратиме на теоријата на бои.

RGB бои

Пикселите во рамките на дигиталниот спектар се комбинации на црвена, зелена и сина боја. Црвена = 0, зелена = 0 и сина = 0 се прикажува како бело и црвена = 255, зелена = 255 и сина = 255 се гледа како црна. Сè што е помеѓу е различна боја составена од трите. Самите основи на пресметување на комплементарна боја се прилично едноставни… само одземете ги RGB вредностите од 255 за новата RGB вредност. Еве еден пример:

Разликата во оваа светлосна фреквенција помеѓу портокаловата и сината е доволно далеку што е контрастна, но не толку далеку што е тешко за нашите очи да ја протолкуваат. Фреквенциите на боите се комплементарни и пријатни за нашите рецептори!

Пресметувањето на една боја е лесно uting за пресметување на 3 или повеќе комплементарни бои се бара да пресметате еквивалентни количини помеѓу секоја од опциите. Затоа генератори на палета на бои дојди во рака! Со многу малку потребни пресметки, овие алатки можат да ви овозможат неколку бои кои се надополнуваат една со друга.

Тркало во боја

Разбирањето на односот помеѓу боите најдобро се визуелизира со помош на тркало во боја. Боите се распоредени во круг, а не врз основа на нивната релативна фреквенција. Радијалното растојание е заситеноста на бојата и азимуталната позиција на кругот како нијанса на бојата.

Тркало во боја

Забава факт: Сер Исак tonутн првпат го развил тркалото во боја во 1665 година, основа за неговите експерименти со призми. Неговите експерименти доведоа до теорија дека црвената, жолтата и сината се основните бои од кои се добиени сите други бои. Странична нота… тој дури применуваше музички „ноти“ на секоја боја.

Вооружи ме со Хармонија

круг на боја на newутн

Видови хармонии во боја

Познати се односите помеѓу и како се пресметува секој сет на дополнителни бои хармонии. Еве одлично видео за преглед:

Различни карактеристики се поврзани со секој тип:

  • Аналогно - групи на бои кои се една до друга на тркалото во боја. 
  • Монохроматски - групи добиени од една основа на нијанса и проширени со употреба на неговите нијанси, тонови и нијанси.
  • Тријада - групи на бои кои се рамномерно распоредени околу боја тркала
  • Комплементарна - групи на бои кои се спротивни едни на други на тркалото во боја.
  • Сплит комплементарни - варијација на комплементарност каде што се користат две бои во непосредна близина на комплементот.
  • Правоаголник (тетрадиски) - користи четири бои распоредени во два комплементарни парови
  • Плоштад - слично на правоаголникот, но со сите четири бои рамномерно распоредени околу кругот на бојата
  • Сложените - боја и двете бои во непосредна близина на нејзината комплементарна боја
  • Нијанси - прилагодување на нијансата (зголемување на светлината), или сенката (темнината) за основната боја.

Овие не се субјективни теми, тие се вистински математички пресметки со применети убави имиња кои ни помагаат подобро да ги разбереме пресметките.

Генератори на палета на бои

Користејќи генератор за шема на бои, можете да добиете прекрасни, комплементарни комбинации на бои како оваа:

Јас често користам генератори на шеми за палети на бои кога работам на страници на клиенти. Бидејќи не сум експерт за бои, овие алатки ми помагаат подобро да изберам работи како позадини, граници, позадини во подножјето, примарни и секундарни бои на копчињата. Резултатот е веб-страница која е далеку попријатна за окото! Тоа е суптилна, неверојатно моќна стратегија да се примени на вашиот дизајн на што било - од реклама до цела веб-страница.

Еве неколку одлични генератори на шеми за палети на бои преку Интернет:

  • Adobe - фантастична алатка со најмногу 5 бои каде што можете да тестирате различни видови, да направите прилагодувања, па дури и да ја зачувате вашата тема во кој било производ на Adobe.
  • Бренд Бои - најголемата колекција на официјални ознаки за боја на брендот наоколу.
  • Canva - поставете фотографија и тие ќе ја користат како основа за вашата палета!
  • Коллор - генерирајте постојана палета на веб-бои со само неколку кликања. 
  • Дизајнер на бои - Само изберете боја или користете ги избраните бои, а апликацијата го прави останатото. 
  • Боја лов - бесплатна и отворена платформа за инспирација во боја со илјадници трендовски рачно избрани палети на бои
  • Колукулер - генерирајте палета на бои за Instagram за да ја направите естетски попријатна.
  • Colormind - генератор на шема на бои кој користи длабоко учење. Може да научи стилови на бои од фотографии, филмови и популарна уметност.
  • Боен простор - само внесете една до три бои и генерирајте неколку шеми!
  • Боен-код - навистина кул искуство низ целиот екран за создавање на вашата палета на бои со голем број стилови на хармонија лево.
  • БОЈАlубеници - креативна заедница каде што луѓето од целиот свет создаваат и споделуваат бои, палети и дезени, разговараат за најновите трендови и истражуваат шарени статии.
  • ладилници - создадете совршена палета или инспирирајте се од илјадници прекрасни шеми на бои.
  • Избирач на бои на податоци - Користете го избирачот на палета за да креирате низа бои што се визуелно еднакво оддалечено
  • Хрома - користи АИ за да научи кои бои ви се допаѓаат и создава палети за откривање, пребарување и зачувување.
  • материјал дизајн - креирајте, споделувајте и применувајте шеми на бои за вашиот кориснички интерфејс. Доаѓа дури и со извоз за вашата апликација!
  • Музли бои - додадете име на боја или код и произведете прекрасна палета.
  • Paletton - изберете основна боја и бидете инспирирани.
  • Веранда - инспирирајте се од тони неверојатни палети на бои. 

Боја и пристапност

Имајте на ум додека одлучувате да ја дизајнирате вашата следна шема на палета дека има значителен број луѓе со оштетен вид и недостаток на боја што треба да комуницираат со вашите искуства.

  • Спротивно - Секоја независна боја има осветленост. Боите на преклопувањата и соседните предмети мора да имаат релативен сооднос на осветленост од 4.5: 1 со цел луѓето со оштетен вид да можат да ги разликуваат. Не би минал низ мака да се обидам сами да ги пресметам односите, можете да ги тестирате односите на две бои со Шарени, Сооднос на контрастот, или Колосафе.
  • Иконографија - Означувањето на полето со црвена боја не му помага на некој што има недостаток на боја. Бидете сигурни да примените некаква порака или икона за да им дадете до знаење дека има и проблем.
  • Фокус - Многу луѓе се движат со тастатури или читачи на екран. Бидете сигурни дека вашиот кориснички интерфејс е правилно дизајниран со обележување на целата достапност за да можат да ја искористат вашата страница. За луѓето со оштетен вид, критично е користењето на бел простор и можноста за зголемување или намалување на големината на фонтот, каде што не го уништува распоредот.

Дали сте експерт за око? Експерт за боја? Експерт за пристапност? Ве молиме слободно да ми дадете какво било упатство за подобрување на овој напис!

Откривање: Јас користам придружни врски во оваа статија.

Што мислите?

Оваа страница користи Akismet за намалување на спам. Научете како се обработува вашиот коментар.