Науката зад теорията на дизайна на цветовете
Теорията на цветовете е обект на интерес от години в изкуството. Правилата и указанията важат, когато работите върху дигитални проекти точно толкова, колкото физическите елементи.
Има много неща за научаване по темата за цвета, така че ще разгледам само някои от основните моменти. Терминологията е нещо, с което много дизайнери се хващат, което наистина не бива да ви плаши или задържа. Науката зад теорията на цветовете е блестяща, но елегантна. Тя трябва да бъде тема, интересна за всеки дигитален художник.
Разгледайте дизайнерските ресурси
Цветна терминология
Условията са много важни, когато става въпрос за работа като дизайнер. В крайна сметка, как ще предадете знанията си на вашите съотборници или клиент (и), ако сами не го разберете? По-долу ще разгледам описания на няколко термина, които всеки дизайнер трябва да знае.
Hue е този, за който съм сигурен, че повечето от тях са чували поне преди. Казано просто оттенък е цветът, използван във всеки пиксел в дизайна. Те могат да включват референтни имена като „Червено“ или „Лилаво“, но обикновено описваме нюансите по друг начин.
Повечето уеб разработчици са запознати с RGB стойности за нюанси. Двата начина по подразбиране за изписване на цветовете ще бъдат в двойки RGB стойности (като „255, 0, 0“ за чисто червено) или шестнадесетичен код (# FF0000). Ако някога сте работили с макет на дизайн в Adobe Photoshop или Illustrator, вероятно сте работили с цветното колело и сте задали цветна стойност. Това е същото нещо като задаване на оттенък, просто обичаме да усложняваме нещата.
Наситеността е поредната неясна дума, която дизайнерите вероятно са чували, но никога не са дефинирани наистина. Ние наричаме наситеността като интензивността, която цветът показва, много ярък или слаб. Можете също така да видите наситеността като колко интензивен е оттенъкът на всеки един цвят - колкото по-наситен е по-чистият цвят.
Цветовете с по-малко наситеност работят най-добре като фонови елементи в уебсайт. Това е така, защото като цяло те са по-близо до чисто бялото, отколкото оригиналния им оттенък, което ги кара да паднат обратно зад дълбоко наситени елементи. Един такъв пример може да се намери в стария дизайн на Digg (на снимката по-долу).
Светлосиният им фон е идеалното ниво на насищане, за да се впише във фонов режим. Това е вярно само в сравнение с останалите функции на сайта, а именно интензивните зелени и сини, намиращи се в съдържанието на заглавката и страниците.
Тонът или стойността е термин, за който повечето не съм чувал. Отнася се за количеството лекота в цвят, разположен по спектър от черно (без тон) до бяло (най-висок тон). Това е различно от насищането, тъй като не се занимаваме с добавяне / изваждане на повече от базовия оттенък, а вместо това работим с добавяне на стойности на черно или бяло в цвят.
Като пример ще намерите повече тон в ярко жълто или червено, отколкото в тъмносиньо. Само като изобразите всеки от тези цветове, можете да разберете как светлото слънчогледово жълто е по-богато на оригиналния си оттенък (първично жълто) в сравнение с тъмносиньото, което е по-дълбоко и по-тъмно от първоначалния си оттенък (първично синьо).
Нюансите и нюансите са полярни противоположности един на друг и се вписват в подобни на тонове. Нюансите са създадени чрез оттенък и добавяне на чисто черно, за да създадете нов по-дълбок цвят. Нюансите са подобни, само ако добавите чисто бяло, за да създадете нов цвят. Много дизайнери объркват тези термини и ги смятат за същите като изсветляването / потъмняването на набор от цветове.
Основната разлика, която виждаме тук, е създаването на напълно уникални цветови комплекти. Например, чистите нюанси с добавка на бели нюанси могат да създадат цветове, наричани пастели. Те често се използват за добавяне на женственост и мекота в цветова схема (често ще намерите пастели на детски играчки и детски уебсайтове).
Връзки за теорията на цветовете
Науката зад цветовите отношения е пряко свързана с цветното колело. Сигурен съм, че повечето от нас могат да си спомнят да чуем за това още в гимназиалния клас по изобразително изкуство, но оттогава го избутахме настрана. Връзките, демонстрирани в цветно колело, всъщност са много важни, когато става въпрос за проектиране на схеми.
Цветовете могат да бъдат разделени на 3 съдържащи групи първични, вторични и третични. Основните цветове се състоят от червено, синьо и жълто. Това са 3-те най-основни цвята, които могат да се комбинират, за да създадат (съвсем буквално) всеки друг цвят в нашия спектър. Когато смесите тези цветове заедно, получавате нашия набор от вторични цветове. А именно това са оранжево, зелено и лилаво.
Третичните цветове са направени чрез смесване на първични и вторични цветове за създаване на изцяло нови комплекти. Пример може да бъде създаване на оранжево, като комбинирате червено и жълто заедно. Можете също така да получите наистина уникални миксове, като разцветяващи синьо-зелени или дълбоки кафяви.
Наред с взаимоотношенията за формиране на цветове можем да ги групираме и в разположения въз основа на техните емоционални връзки. Групите цветове са разделени на 3 подобни категории за това: топло, хладно и неутрално.
Както съм сигурен, че можете да се досетите, топлите цветове съдържат всички огнено възбудими нюанси. Те предизвикват топлина и енергия и могат да бъдат намерени към върха на всяко цветно колело. Най-известните примери са червено, жълто и оранжево.
Готините цветове са точно обратното. Те предизвикват спокойна връзка и насърчават лекота, спокойствие и разхлабено напрежение. Примерите тук включват синьо, зелено и лилаво.
Неутралите са неемоционални цветове, използвани за поставяне в цветни пропуски. Те са зададени с нюанси на черно, бяло, сиво, а понякога и наситено кафяво. Въпреки че тези форми на цветове не предизвикват емоционална връзка, те могат да бъдат полезни за очертаване на елементи на страница или раздел. Обикновено ще използваме неутрални цветове за нашите параграфи и съдържанието на страниците.
Теория на цветовете на практика
Целият смисъл на използването на теорията на цветовете е да предизвикате набор от емоции от всеки набор от перспективни цветове. Разработването на схема може да бъде трудно в началото, но това е важна част от процеса на проектиране (това е особено вярно при уеб дизайна и дизайна на марката).
Мнозина ще твърдят, че цветовете не проникват в никакъв вид психическа бариера и пренасят емоция. Това се оказва неверно за повечето акаунти и при правилна употреба определени цветови схеми всъщност могат да помогнат на вашия уебсайт интерфейс с повече регистрации и поръчки.
Като цяло по-топлите цветове ще създадат усещане за щастие и енергия. Тези цветове често се използват за показване на призив за действие за вашите посетители. Можете да дарите усещане за вълнение и сензорни изисквания само като поставите по-топли цветове около региони, с които очаквате посетителите да взаимодействат.
По-хладните цветове ви носят усещане за спокойствие и прилика. Често пъти по-хладни схеми се използват в блогове или дигитални корпорации, за да се улесни погледа на читателите им и да ги задържат по-дълго на страницата си. Дълбоките блуси и лилави поддържат емоциите спокойно и задават тип пасивност, когато става дума за усвояване на съдържанието.
Освен това ще откриете, че хладните цветове представляват потенциална сила и авторитет. Ще видите тези цветове, използвани на преден план в много корпоративни предприятия и банки, за да повишат надеждността на своите клиенти. Например и Microsoft, и Blackberry използват дълбоко блус и зелени, за да запазят спокойно, уважавано и корпоративно усещане на своите страници.
заключение
Това са само няколко от концепциите, полезни за дизайнерите, когато става дума за теория на цветовете. Цветовете са навсякъде и когато се използват правилно, могат да популяризират всякакъв вид емоция или действие, което искате от посетителите си. В интернет има много статии, свързани с теорията на цветовете и управлението на цветовете. Проверете Google, ако се интересувате от задълбочаването на науката.
Имайте предвид, че цветовете може да са важна част от дизайна, но те не са единственият ключ към перфектното оформление. Теорията на цветовете е просто инструмент в гамата на безброй инструменти, които използваме като уеб дизайнери. Да се измъкнеш от нормата и да играеш с нови правила за цвят може да ти помогне само да растеш като цифров и релационен модерен художник.
