Мы разберем, как функционирует цвет. Почему от кислотного неона у нас болят глаза, мягкий полупрозрачный синий успокаивает, а цветовая радуга не всегда ассоциируется с атмосферным явлением. И как со всем этим работать в дизайне.

Два разных красных в двух парах глаз

Цвет и композиция - основа информационного продукта. Это может быть сайт, приложение, макет печатного издания или портфолио в PDF. Цвет в дизайне формирует настроение и несет посыл. Например, чистый красный, может читаться агрессивно и вызывающе, черный и темно-синий - говорить о строгости, неон - о футуристичности, современности.

“Когда я прошу 50 человек представить красный цвет, то не находится и двух, которые представят один и тот же красный. Каждый в воображении имеет другой оттенок”. Иоганнес Иттен

Кстати, “Искусство цвета” Иттена - базовая книга для дизайнера. Так что если еще не читал/а - скорее читай. И погугли теорию цвета Кандинского.

Почему мы ассоциируем цвета именно так

Разные люди воспринимают одни и те же цветовые сочетания по-разному. Наши мамы воспримут радугу как радугу, подумают, вероятно, о дожде, а 20-летние люди могут считать ее символом поддержки ЛГБТ-сообщества. А уже в Западной Европе и Америке и люди возраста наших мам считают именно так.

Восприятие цветов зависит от возраста, среды, культурных особенностей и вкуса, традиций. При выборе цвета важен контекст - кому адресован продукт, тематика - суть продукта, среда, в которой используется. Цвет - это послание и тебе нужно знать, как послание будет считано аудиторией.

Как работает цвет

Представь яркую светоотражающую кислотно-салатовую куртку велосипедиста. Увидишь такую на улице - и больно смотреть. Кроме ассоциаций цвет имеет физическое воздействие. Температура, насыщенность и оттенок могут сделать дизайн интенсивным, агрессивным или наоборот, спокойным и невыразительным.

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

На этом вебинаре мы расскажем тебе, как создавать крутой дизайн и брать заказы на фрилансе. Бесплатно.

Круг Иттена, пропорции и контраст

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

  • Монохроматические - 3 цвета один за другим
  • Комплиментарные - 2 противоположных цвета
  • Триадические - 3 противоположных с интервалом в 3 цвета

В общем, смотри схему ниже.

Контраст и правило 60-30-10

Хорошо работают контрастные цветовые схемы: холодный и теплый, насыщенный и бледный.

60-30-10 - это соотношение цветов в твоем проекте, где 60 - основной, 30 - второстепенный и 10 - акцент.

Второстепенный цвет и акцент легко выбрать, когда у тебя есть основной. Выбирая основной, ответь на вопросы:

  • Почему именно с этим цветом ты хочешь ассоциировать бренд
  • Какие ассоциации ты хочешь вызвать цветом у аудитории
  • Выполнит ли цвет твои задачи с твоей аудиторией

Для сильного, интенсивного послания используй теплые цвета. Для спокойного, располагающего - холодные.

После выбора цветов тебе пригодятся знания о пустом пространстве в дизайне. Когда white space делает композицию более читабельной и удобной для восприятия.

Вдохновляйся природой

С цветом происходит еще такая штука: его трудно высчитывать в голове. Перебирать бекграунд, вкусы, культурные особенности аудитории и визуализировать эти данные в форме цвета. Иногда мы хотим увидеть пример, картинку и сказать: вот, это то что мне нужно. И часто именно в картинке все составляющие сходятся.

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

Хочешь научиться работать с цветом и композицией? Научиться подбирать комбинировать, рисовать, работать с Photoshop и Illustrator? Уметь делать иконки, логотипы, иллюстрации? Регистрируйся на коучинг «Графический дизайнер: вектор бренда».

Зарегистрироваться