Психология цвета
Цвет переживается не только визуально, но также психологически и символически, поэтому он является одним из популярных инструментов маркетологов в наши дни. Удачные сочетания цветов мгновенно привлекают внимание и располагают к себе зрителя, а также могут побудить к каким-либо действиям.
Еще с давних времен цвет используют как инструмент манипуляции и управления поведением людей. Для корпораций и компаний, фактор внимания и яркого акцента очень важен для выстраивания диалога с аудиторией. Яркие, красивые акценты привлекают больше внимания, ценный ресурс в наши дни.
Если верить исследованиям, большинство людей принимают подсознательное решение о покупке продукта в течение 90 секунд. Это решение чаще всего основывается на восприятии цветов, которые видит человек. Цвета вызывают ассоциации, тем самым влияя на наше восприятие. Определенные цвета, стимулируют отделы головного мозга, провоцируют разные эмоции: от волнения до спокойствия. Используя этот прием, бренды научились манипулировать целевой аудиторией.
Так, например красный цвет хорошо подходит для сферы питания (Coca-Cola, Макдональдс) и сферы развлечений. Он побуждает к действию, повышает аппетит и концентрацию. Отлично работает как привлечения внимания к важной теме, часто используют для скидок (красные ценники, побуждают к быстрому действию). Он будет уместно смотреться на плакате, который призывает к чему-то. Светлые оттенки красного действуют возбуждающе, темные придают солидности. Этот прием можно использовать со всеми цветами — чем менее насыщенный оттенок и чем меньше площади изображения занимает цвет, тем слабее его влияние.
В 2019 году маркетологами различных компаний было проведено исследование, в ходе которого было выявлено, что среди рекламных объявлений о продаже, на которые чаще всего реагировали пользователи было больше всего объявлений, которые имели синие оттенки. В психологии синий цвет — это цвет доверия, стабильности, открытости его часто используют в политических и социальных проектах, дабы создавать у потребителей чувство доверия и спокойствия. Наверное, вы замечали, что такие социальные сети как Вконтакте, Telegram, Facebook используют в своем оформлении синие тона, тоже не случайно.
Большинство дорогих брендов делают ставку на черный, белый и серые оттенки, цвета солидности, строгости и чистоты. За эко-марками прочно закрепился зеленый, охра и их оттенки (крафт, растения).
Цвет не только вызывает определенные ассоциации, но и влияет на наше восприятие, поэтому подбор цвета очень важен.
Как сочетать цвета?
Чтобы правильно преподносить свои продукты, необходимо знать, как привольно подбирать цвета, а самое главное, как грамотно их сочетать, чтобы не создавать отторжения в глазах потребителя и аудитории.
До этого мы говорили о числовых цветовых моделях, сейчас мы поговорим о геометрических моделях, на основе которых строят цветовые гармонии и палитры оттенков. Самым важным инструментом в данной сфере выступает цветовой круг, это алфавит гармоний.
Цветовой круг
Это геометрический порядок множества цветов. Нам известны несколько моделей цветовых кругов Ньютона, Гете, но самым популярным считается цветовой круг Иттена, который был предложен позже.
Давайте рассмотрим по порядку:
Ньютон описал модель цветового круга по аналогии музыкальной модели, разделив окружность на 7 частей, пропорциональных музыкальным тонам.
Поэт и мыслитель Гете считал, что цвет объективно существует в природе, он реален. Гёте выявил чистые цвета — которые нельзя получить путем смешивания (красный, желтый, синий) и смешанные, число которых неограниченно.
Позже Йохансен Иттен предложил двенадцатичастный цветовой круг, который принято считать классическим. Он основан на тех же 3-х цветах, названных Гёте чистыми. Затем идет вторичные цвета — полученные путем смешивания синий+красный=фиолетовый, красный+желтый получается оранжевый, синий и желтый дают зеленый — это цвета второго порядка. Остальные цвета также образуются путем смешивания.
Правила сочетания
По кругу Иттена легко выбирать правильные гармоничные сочетания из 2–4 цветов. С помощью них вы всегда сможете выбрать основную гамму для ваших фотографий, постов и работ. Контент, который мы просматриваем, содержит гораздо больше цветов и оттенков, но всегда за основу гаммы берется сочетание определенного количества цветов, которые в дальнейшем раскладывают на оттенки.
Мы разберем основные схемы, но их существует гораздо больше. Оттенки на моих примерах не в точности совпадают с цветами круга, так как у цвета есть разные характеристики:
Оттенок
Если расширить круг и сделать так чтобы каждый цвет плавно переходил в другой мы обнаружим много оттенков, перед тем как один цвет перейдет к другому.
Насыщенность
Картинки с насыщенными цветами будут более контрастными, а при низкой насыщенности мы получите спокойные, пастельные тона.
Яркость
Помогает определиться, какие фигуры будут темными, а какие — светлыми. Особенно важна разница яркости для типографики: текст всегда делают контрастным к фону.
Итак, давайте приступим. Если при создании работы вы хотите выделить определённый объект или человека, подойдет комплементарное сочетание. Это любые два противоположных цвета из круга: например, голубой с оранжевым или фиолетовый с желтым.
Для выделения не только предметов, но и деталей или конкретных областей еще используют разбитое комплементарное сочетание, по схеме напоминающее узкий треугольник. Оно выглядит так:
Сочетание триадных цветов позволяет создать на картинке несколько равнозначных пятен, которые будут в равной степени забирать на себя внимание зрителя. Часто используется в иллюстрациях и брендинге продуктов, ориентированных на молодую и подростковую аудиторию. Выходят яркие и свежие сочетания. На круге Иттена схема представляет собой равнобедренный треугольник.
Если вы хотите создать атмосферу и настроение вашей работе используйте аналогичное сочетание. Для этого берут три соседствующих цвета. С ними вся картинка будет восприниматься единым пятном. Часто используют в иллюстрациях, артах, игровых локациях, мультипликации и кино. На нашем канале мы опубликовывали пост о том, как используют цвет в различных фильмах для создания настроения картины. Недавно стали использовать в рекламных кампаниях, продукт помещают в среду схожую с ним по гамме, всегда выглядит эффектно и не так изъезжено.
Полезные ресурсы
Если все же круги вам не поддаются, то на помощь вам придут онлайн инструменты по подбору цветов:
https://color.adobe.com/ru/create
Тут можно выбрать нужное правило сочетания, варьируя оттенки на круге. Или извлечь основные цвета из изображения: сохраняйте понравившиеся иллюстрации, кадры из фильмов и изображения, и применяйте их цветовые гаммы в собственных работах. Очень удобный и незаменимый!
Продвинутый сервис для создания цветовой схемы для сайта. Онлайн-инструмент не только генерирует палитру, но и позволяет очень тонко настраивать каждый из оттенков, а также составляет подборку цветов на основе загруженного изображения.
Сервис специально был создан в помощь дизайнерам пользовательских интерфейсов. Главная особенность в том, что выбранную цветовую палитру можно сразу применить к схеме веб-страницы и оценить, насколько удачным получится результат
https://colorfulgradients.tumblr.com/
Коллекция градиентов
Цветовые палитры известных мировых компаний.
Цветовые палитры для интерфейсных решений, которые применяют UI/UX дизайнеры по всему миру основываясь на библиотеке Material Design.
Литература
Иоханнес Иттен. «Искусство цвета»
О чем
Работа Иоханнеса Иттена «Искусство цвета» исследованиее теории цвета. Книга входит в список обязательных к прочтению трудов для художников, дизайнеров и архитекторов.
Чем полезна
Поможет узнать больше о теории цвета и гармонии оттенков.
Сьюзан Уэйншенк. «100 главных принципов дизайна»
О чем
Сьюзан Уэйншенк выпустила уже две части книги «100 главных принципов дизайна». Книга посвящена приемам, которые помогают удержать внимание пользователя и подтолкнуть его к нужным действиям, также и при помощи цвета.
Чем полезна
«100 главных принципов дизайна» поможет понять, как удержать внимание пользователя.