Теория цвета для дизайнеров

Интересный случай из моей практики. В прошлом году к нам обратился инженер инфраструктуры из Южной Кореи по имени Чой и заказал айдентику для своей новой компании. Мы предложили ему пару вариантов цветовой палитры, и Чой категорически отказался от любых оттенков красного цвета. Казалось бы, красный — цвет уверенности в себе, смелости, прогрессивности. Но для Чоя красный ассоциировался исключительно с идеологией коммунизма. Мы узнали, что в Южной Корее этот цвет стараются избегать в бизнес-среде, и предложили проверенный и безопасный синий и спокойную айдентику. Результат вы можете посмотреть в нашем портфолио.


Цвет — это невероятно важный аспект культуры, и, будучи дизайнером, вам нужно уметь составлять эффективные (и эффектные) цветовые сочетания и владеть цветом, чтобы производить правильное впечатление на зрителя.


Теория цвета — очень сложная тема, которая включает в себя и психологию цвета, и физику, и математику. Поэтому я буду делиться информацией порционно, чтобы не свести вас с ума 😆


Начнем с самого простого: в этом посте я расскажу об основных терминах теории цвета, цветовом круге и базовых цветовых комбинациях.


Что такое цвет?


Очень кратко: световые волны не имеют цвета. И если мы видим предмет и думаем, что он зеленого цвета, это значит, что молекулярный состав этого предмета поглощает все световые лучи кроме зеленых.


Цвет возникает только при попадании света на поверхность предметов и при восприятии этих световых волн сетчаткой нашего глаза, откуда сигнал передается в мозг, и мы думаем: "Это зеленая кружка". Я распишу этот процесс подробнее в следующих постах.


Цветовой круг


Вот так выглядит цветовой круг, вы уже наверняка его видели. Это следствие результатов трудов Исаака Ньютона, который в 1676 году разложил белый цвет на цветовой спектр и пришел к пониманию, что белый — это комбинация всех спектральных цветов, а не отсутствие цвета, как это считалось ранее.


Существует 3 категории цветов стандартного цветового круга:

  1. Первичные: красный, синий, желтый (основные цвета);

  2. Вторичные: фиолетовый, зеленый, оранжевый (получаются при смешивании первичных цветов);

  3. Третичные: красно-оранжевый, желто-оранжевый, желто-зеленый, сине-зеленый, сине-фиолетовый и красно-фиолетовый (получаются при смешивании первичных и вторичных цветов).



Из чего состоит цвет


Каждый цвет состоит из 3 "ингредиентов":

  1. Цвет или тон (hue) — это и есть то, что мы имеем в виду, когда говорим "красный", "синий", "желтый" и т.д.;

  2. Насыщенность (saturation) — уровень интенсивности цвета;

  3. Яркость (value) — уровень "светлоты" или "темноты" цвета.



Мы можем повлиять на цвет, добавив серый, черный или белый цвет:

  • Тень (shade) – цвет, смешанный с черным;

  • Тон (tone) – цвет, смешанный с серым;

  • Светлый оттенок (tint) – цвет, смешанный с белым.



Температура цвета


Все цвета можно разделить на 3 "температуры":

  1. Теплые: красные, оранжевые и желтые цвета;

  2. Холодные: фиолетовые, зеленые и синие цвета;

  3. Нейтральные: черный, белый и серые цвета.



В теории теплые цвета несут в себе радостную, яркую эмоциональную окраску, а холодные — серьезную, грустную или таинственную. Но на практике все зависит от того, в каком контексте вы используете цвета, как их сочетаете друг с другом, с текстом и графическими элементами.


Базовые цветовые схемы


Монохромная цветовая схема — это сочетание теней, тонов и светлых оттенков одного и того же цвета.



Комплементарная цветовая схема — это сочетание цветов, располагающихся напротив друг друга на цветовом круге.



Аналоговая цветовая схема — это сочетание 2, 3 или 4 цветов, находящихся рядом друг с другом на цветовом круге.



Троичная цветовая схема — это сочетание 3 цветов, расположенных на одинаковом расстоянии друг от друга на цветовом круге.


Расщепленная комплементарная схема — сочетание любого цвета и двух цветов, расположенных по бокам от комплементарного цвета.


Тетраидная цветовая схема — сочетание двух пар комплементарных цветов.



Все это — выжимка самых основных терминов теории цвета. Цветовые сочетания в примерах выше очень яркие и режут глаз, поэтому на практике все немного сложнее.


В следующих постах я поделюсь лайфхаками, как создать свою цветовую палитру и где брать готовые палитры для вдохновения. А пока усвойте фундамент.

______________________________________________________________

Хочешь больше пользы? Подписывайся на мой Telegram-канал: @Live_by_Design