Цвет – одно из самых мощных средств в инструментарии дизайнера. С его помощью можно привлечь внимание, создать определенное настроение, повлиять на эмоции, восприятие и поведение.
Знаете ли вы, что среди причин, побуждающих покупателей приобретать определенный товар, 90% приходится на долю цвета? Или что на цветную рекламу в журналах обращают внимание на 26% чаще, чем на черно-белую?
Вывод очевиден: использование правильного цвета поможет достичь успеха. Но тут же возникает естественный вопрос: как подобрать правильный цвет? Для ответа на него придется проанализировать несколько важных аспектов:
- цветовые ассоциации
- различия в восприятии цвета у мужчин и женщин
- проблемы, связанные с нарушением цветовосприятия.
Психология Цвета
Цвет не только помогает получить более объективную информацию о продукте, он также способен оказывать мощное психологическое воздействие. Одни и те же цвета могут действовать по-разному – в частности, это зависит от национальности и места проживания человека. Остановимся на цветовых ассоциациях у людей западного мира.
Красный цвет в психологии: опасность, важность, страсть
Красный – это цвет огня и крови. Один из самых мощных цветов по силе воздействия, который ассоциируется одновременно с любовью и войной. Известное выражение to see red (в дословном переводе с англ. «смотреть на красное») означает прийти в ярость, выходить из себя.
Этот цвет обладает сильным эмоциональным воздействием. От него может подниматься давление или увеличиваться частота дыхания.
Красный цвет – энергичный и импульсивный. Он ассоциируется со скоростью и силой. Именно поэтому Netflix и YouTube используют его в качестве доминирующего цвета.
Хорошо известно о способности красного цвета привлекать внимание. В дизайне он часто используется как мощный цветовой акцент. Подобно красным ковровым дорожкам на церемонии вручения наград, можно использовать красный цвет для выделения особо важных деталей на странице сайта.
Оранжевый цвет в психологии: уверенность, энергия, оптимизм
Оранжевый очень энергичный цвет – подобно красному, он возбуждает, но в меньшей степени. Обладает энергетической аурой, но без агрессивности, присущей красному. Может создавать радостную атмосферу.
На главной странице сайта Hipmunk – поисковой системы авиарейсов – оранжевая кнопка поиска сразу же привлекает внимание.
Как и красный цвет, оранжевый способен привлекать внимание, поэтому его можно использовать для акцента важных деталей, таких, как кнопка призыва к действию (CTA). Некоторые считают это слишком простым решением, однако многие приложения и сайты часто пользуются этим «дешевым» в хорошем смысле приемом.
Желтый цвет в психологии: солнце, счастье, внимание
Как ни странно, желтый цвет ассоциируется одновременно и с радостью, и с тревогой. Он часто используется для фокусировки внимания. Примером могут служить предупреждающие знаки. Желтый цвет может ассоциироваться с опасностью, но в меньшей степени, чем красный.
Желтый цвет сразу обращает на себя внимание при контрастном сочетании с черным. Торговая марка часов Breitling использовала это свойство при разработке своего официального сайта.
Особенно эффективно работает сочетание желтого цвета с черным. Яркий тому пример – нью-йоркское такси.
Зеленый цвет в психологии: природа, развитие, успех
Зеленый цвет естественным образом связан с природой. Он ассоциируется с жизнеспособностью и ростом, поскольку большинство растений на земле зеленого цвета.
Зеленая кнопка призыва к действию.
В дизайне этот цвет часто используется для создания баланса и гармонии. Однако, чтобы добиться сбалансированности, дизайнерам следует учитывать насыщенность цвета.
Насыщенные зеленые оттенки привлекают к себе внимание, благодаря энергичному возбуждающему воздействию. Именно поэтому их часто используют для кнопки призыва к действию.
Синий цвет в психологии: комфорт, расслабление, доверие
Синий – это цвет моря и неба. Один из наиболее значимых и часто используемых цветов при разработке пользовательского интерфейса. При этом от правильного выбора оттенка будет во многом зависеть визуальное восприятие дизайнерских разработок:
- Светло-синий оттенок ассоциируется с прохладой, свободой и спокойствием. Спокойствие может перерастать в доверие, именно поэтому этот оттенок часто используется в банках.
- Темно-синие оттенки отлично подходят для проектов, где очень важна стабильность и надежность.
Синий цвет часто ассоциируется со стабильностью.
Фиолетовый цвет в психологии: роскошь, одухотворенность, креативность
Естественный фиолетовый цвет редко встречается в природе, поэтому для него отводится особая роль в дизайне.
Исторически связанный с королевской властью, фиолетовый цвет и сегодня ассоциируется с роскошью. Он тонко намекает на высокое качество продукта или сайта (даже если это не так).
Фиолетовый цвет большинство молодых людей считают цветом счастья.
Интересно, что 75% детей предпочитают фиолетовый цвет всем остальным оттенкам.
Черный цвет в психологии: сила, изящество, утонченность
Черный – самый сильный из всех цветов. Он сразу привлекает к себе внимание, именно поэтому он наиболее часто используется для текстов и акцентов.
Черная кнопка «Get started» одной из первых бросается в глаза, когда заходишь на сайт Squarespace.
При использовании в качестве доминирующего цвета – например, для создания фона – черный может вызывать оригинальные ассоциации. С его помощью легче добиться ощущения изысканности и загадочности в дизайне.
Белый цвет в психологии: здоровье, чистота, целомудрие
Белый цвет часто связывают с непорочностью, чистотой и добродетелью. Используя ассоциации белого цвета со здоровьем или разработкой инноваций, можно подчеркнуть безопасность продвигаемого продукта из области медицины или высоких технологий.
Белые участки создают пространство вокруг элементов дизайна, помогая подчеркнуть их или отделить друг от друга.
В дизайне белый превосходно оттеняет соседствующие с ним цвета, что делает его популярным в качестве вторичного цвета. Правильное использование белого поля – это мощный дизайнерский инструмент. Вспомним, к примеру, страницу поиска Google. Белый цвет придает больше выразительности другим оттенкам.
Серый: официальность, нейтральность, профессионализм
Серый – это символ нейтральности. Он легко сочетается с другими цветами. В качестве основного фона серый цвет создает ощущение официальности, что не всегда плохо. Подобно белому, серый фон хорошо оттеняет другие цвета.
Серый обычно сочетается с более яркими цветовыми акцентами. На сайте Dropbox серый цвет используется для выделения кнопок призыва к действию.
Пол и цвет
Пока не существует определенных норм, какие цвета считать сугубо женскими, а какие мужскими. Есть лишь результаты исследований, проведенных за последние восемь десятилетий, которые позволяют сделать некоторые обобщения. И хотя данные неоднозначны, один вывод неоспорим: у мужчин и женщин разные цветовые пристрастия.
Самые любимые цвета
Наименее любимые цвета
- Синий – самый популярный цвет как среди мужчин, так и среди женщин. При этом мужчины значительно чаще, чем женщины, используют вариации на тему синего цвета.
- Самые непопулярные цвета у мужчин и женщин – коричневый, оранжевый и желтый. Серый – наименее любимый цвет для женщин, а фиолетовый – для мужчин.
- Что касается оттенков и тонов, то мужчины обычно предпочитают смелые цвета, в то время как женщины чаще выбирают более мягкие оттенки.
- Большинство людей считает, что розовый – это цвет, обожаемый всеми женщинами, но это не так. Число его поклонниц составляет небольшой процент. Таким образом, хотя в психологии цвета розовый ассоциируется с женственностью, он вовсе не является привлекательным для всех женщин.
Желтый
Ниже представлен набор логотипов всемирных брендов, в основе которых лежит желтый цвет. Что можно сказать о нем с точки зрения психологии цвета?
Положительные характеристики, которые могут возникнуть под влиянием желтого: оптимизм, тепло, счастье, желание творить креатив, повышение умственных способностей. Среди негативных: иррациональность, страх, фрустрация, трусость.
- Желтый цвет является символом молодости, счастья, радости и солнца.
- Cтойкие позитивные эмоции могут компенсировать какие-то психологические проблемы.
- Оттенки желтого могут казаться грязными при определенном освещении.
- Часто имеет большее влияние в соседстве с более темным цветом.
Несколько характеристик личности относительно желтого: независимость, целеустремленность, импульсивность.
57% опрошенных мужчин сказали, что желтый их любимый цвет, и всего 1% — наоборот. 35% женщин отмечают желтый как любимый цвет, и 0% относятся к нему отрицательно.
22% считают желтый цвет символом бедности.
Цвет в маркетинге и бизнесе
Роль цвета при создании фирменного стиля
При разработке философии бренда цвет занимает центральное место среди остальных факторов. Каждый цвет, который мы видим, прямо или косвенно что-то подразумевает, и это помогает повлиять на восприятие той или иной торговой марки. Некоторые цвета выходят за рамки отдельных брендов, символизируя целые отрасли, например, голубой для туристического бизнеса, зеленый для здорового питания, красный для фаст-фуда.
Нет никаких четких правил для выбора цветовой гаммы при разработке фирменного стиля. Некоторые используют привычные для своей отрасли цветовые оттенки, а другие, напротив, предпочитают идти против традиций, считая, что это помогает более эффективно привлекать внимание. Например, Virgin America решила изменить традиционную концепцию при разработке своего сайта и приложения. И хотя, возможно, это не совсем то, что ожидают пользователи от сайта авиакомпании, он, тем не менее, привлекает к себе внимание.
В приложении Virgin America для iOS нет даже намека на голубые оттенки.
Таким образом, неожиданный выбор цвета может стать эффективным приемом, который поможет привлечь внимание пользователей к вашей компании.
Цвет и оптимизация уровня конверсии
Как можно использовать знания в области теории цвета и психологии, чтобы побудить людей нажимать на кнопку? Выбор цвета для кнопки призыва к действию (CTA) – один из старейших аспектов спора относительно конверсии и оптимизации. На каждого утверждающего, что лучшим для кнопки является красный цвет, так как привлекает наибольшее внимание, найдется оппонент, уверенный в том, что лучший выбор – зеленый цвет, потому что он ассоциируется с безопасностью и побуждает к действию.
Сервис HubSpot представил результаты проведенного маркетингового исследования (A/B теста), которые показывают, как выбор цвета для кнопки призыва к действию влияет на количество зарегистрировавшихся пользователей.
A/B тестирование – наиболее эффективный и часто используемый метод маркетингового исследования.
Хотя изначально предполагалось, что зеленая кнопка будет работать эффективнее, результаты тестов показали, что у красной кнопки на 21% больше кликов. При этом HubSpot предупредил своих пользователей, что результаты теста в некоторой степени субъективны – возможно, аудитория предпочла красный, потому что это был единственный насыщенный цвет на странице сайта.
Сам по себе цвет кнопки не влияет на ее абсолютную эффективность – то, что хорошо работает на одном сайте, может быть малоэффективным на другом. Утверждение, что один цвет конвертирует лучше другого – ошибочное, потому что не существует универсального наилучшего цвета. Однако при этом все же существуют некие правила, основанные на практическом опыте, которые помогают эффективно использовать цвет в своих интересах. Одно из них – использование психологического принципа, известного как «эффект изоляции». Согласно этому принципу, люди лучше запоминают объект, который выделяется на фоне остальных «как бельмо на глазу».
Например, если в оформлении вашего сайта или приложения много зеленого, пользователи, скорее всего, не будут обращать внимание на зеленую кнопку, несмотря на то, что данные A/B теста подтвердили ее эффективность в другой компании.
Веб-сервис Evernote. Их кнопка призыва к действию «It’s Free» просто похоронена, потому что по цвету сливается с фоном. Она теряется на странице, и пользователи ее не замечают.
Иногда следует менять визуальную иерархию цветовой гаммы на странице, чтобы выделить кнопку призыва к действию. Очень важную роль играет контраст – если цвет кнопки не привлекает внимание потенциального клиента, значит, не будет регистраций/продаж.
Кнопка призыва к действию (CTA), действительно, привлекает внимание пользователей в том случае, когда контрастирует по цвету с остальными элементами страницы.
Цвет и юзабилити
Дизайн подразумевает не только красивое оформление, но и функциональность и юзабилити – пожалуй, два наиболее важных принципа для работы любого UX-дизайнера.
Цвет – это инструмент, который помогает направлять взгляд на нужные объекты. Правильный выбор цвета при разработке интерфейса не только привлекает пользователей, но и повышает эффективность работы пользовательского интерфейса.
Ограничение количества цветов
Применяя разные цвета в дизайне, следует стремиться к балансу. Чем больше цветов вы используете, тем труднее добиться сбалансированности. Использование слишком большого количества цветов – это распространенная ошибка разработчиков. Возможно, они стараются таким способом оказать максимальное влияние на пользователей и донести до них как можно больше информации, однако это может сильно запутать людей, заходящих на сайт.
Какие бы цветовые оттенки вы ни использовали, слишком большое количество цветов создает неудачный визуальный эффект.
Дизайнеры интерьеров придерживаются простого правила 60–30–10, которое хорошо работает и при разработке сайтов. Этот прием, неподвластный времени, поможет подобрать сбалансированную цветовую гамму: 60% должно приходиться на доминирующий цвет, 30% на вторичный цвет и 10% на цветовой акцент. Такое соотношение гарантирует цветовое равновесия и комфортный переход взгляда от одного объекта к другому.
Формула 60% + 30% + 10% – это залог сбалансированности используемых цветов.
Доступность цветовосприятия
Люди воспринимают цвета по-разному. Примерно 8% всех мужчин и 0,5% всех женщин страдают дальтонизмом в той или иной степени. От нарушения цветовосприятия больше всего страдает сочетание красного цвета с зеленым. Единственный способ избежать проблем – стараться не использовать эту цветовую комбинацию.
Многим дальтоникам трудно отличить красный цвет от зеленого.
Возьмем для примера распространенную ситуацию. Вы когда-нибудь получали сообщение о неправильном заполнении формы – что-то вроде «Поля, отмеченные красным, обязательны для заполнения»? Хотя для пользователей с нормальным зрением в этом нет большой проблемы, людей, страдающих дальтонизмом, такое сообщение может расстроить.
Разработчики сайтов для операции заполнения форм используют только два цвета: красный и зеленый. Но дальтоники не различают поля, выделенные этими цветами.
Как сказано в рекомендациях организации W3C, цвета не должны использоваться в качестве единственного визуального инструмента для следующих целей: передачи информации, побуждения к действию и ответной реакции, выделения визуального элемента. Следуя этим рекомендациям, разработчики сайтов должны обратить внимание на некоторые моменты: ответное сообщение об ошибках должно быть более информативным, например, таким: «Адрес электронной почты, который вы ввели, недоступен»; или, возможно, следует добавить иконку рядом с полем для заполнения, чтобы привлечь внимание пользователя.
Дополнительные визуальные подсказки и встроенная проверка ошибок помогают выделить неверно заполненное поле.
Есть несколько способов, которые помогут протестировать ваш пользовательский интерфейс на доступность?
- Сервис WebAIM поможет с проверкой цветовых сочетаний.
- Использование графического редактора Adobe Photoshop поможет откорректировать изображения с помощью Color Universal Design. Это обеспечит доступность графической информации для людей с нарушением цветовосприятия, в том числе и цветовой слепотой.
Зеленый
Ниже представлено несколько «зеленых» логотипов, которые известны миллионам. Согласно психологии цвета, зеленый является символом здоровья, свежести, природы, чистоты и роста. Среди негативных психологических ассоциаций о зеленом — скука, заторможенность, жертвенность, слабость.
Вот несколько тезисов о зеленом с точки зрения психологии:
- цвет расслабляет глаза и является символом здоровья;
- у зеленого есть четкая ассоциация со свежестью и возвращением к жизни;
- очень распространенный цвет среди эко-брендов, фармацевтических компаний;
- также этот цвет полюбился сфере бизнеса: банкам, биржам, финансам и военным.
Люди, которые предпочитают зеленый, с точки зрения психологии являются открытыми, дружелюбными.
14% мужчин и столько же женщин выбирают зеленый как свой любимый цвет. 2% мужчин его не любят и такие же эмоции испытывают целых 16% женщин. 6% опрошенных считают цвет «дешевым».
Розовый
Лучшим цветом в маркетинге, который по праву можно считать одним из продающих, является розовый. Этот оттенок используется практически на всей уходовой продукции, которая предназначена для женщин. Розовая упаковка привлекает всех девушек от мала до велика. Популярный оттенок ассоциируется у людей не только с кремами и косметикой, но еще и с гламуром. Если маркетологу нужно показать роскошную жизнь женщины, он нарядит барышню в розовое одеяние. Благодаря яркому оттенку получится легко привлечь внимание зрителей, а также получить их симпатию.
Даже в рекламе для мужчин маркетологи используют розовый оттенок. Чтобы сделать продукцию для сильной половины человечества более привлекательной, рекламируют ее девушки, которых одевают в яркие мини-юбки и топики розового цвета.
Розовый оттенок у многих людей ассоциируется с детством и сказкой. Мультики для девочек оформляются в этом оттенке. А также множество игрушек, которыми наполнены детские магазины, выполнены из ткани и пластика розового цвета.
Оранжевый: энергия!
Этот цвет вобрал в себя активность красного и жизнерадостность жёлтого. Получился насыщенный цвет, по энергетике сравнимый со стаканом витаминного апельсинового сока. Реклама детских товаров и любой продукции, связанной со здоровьем и фармацевтикой, спортом, а также сфера праздничных услуг дружат с оранжевым цветом, и правильно делают. Когда оранжевому нужно точно отказать? — Рекламируя элитные и престижные товары — оранжевые оттенки не обеспечат нужного эффекта статусности.
Серебряный: само благородство
Если золотой солиден, то серебряный аристократичен. Он сдержанный и лаконичный, как серый, но его не обвинишь в невзрачности и занудстве за счёт его холодного блеска. Благородный цвет металла, символизирующий надежность и прочность, любят в рекламе автомобилей и техники. Он знает себе цену, но всегда рад соседству с красным, синим, зелёным.
В современных типографиях знают, как важно для клиента получить именно тот или иной оттенок, потому что каждый из них — не случайность, а осознанный выбор. Не по секрету скажем, что мы сами часто находимся под впечатлением, печатая рекламную продукцию. Трудно оторвать взгляд от прекрасных цветовых сочетаний. И добавим, что у нас есть всё для того, чтобы реклама заиграла нужными красками.
Ошибки
Существует бесконечное множество способов запороть дизайн макета. Найти такие примеры целенаправленно — тяжелая затея, но всё же мы смогли отобрать для вас несколько. Увидев их, сразу понимаешь, что это ужасное сочетание цветов.
Самые очевидные ошибки, это:
- делать яркий фон;
- использовать графические элементы одного тона с фоном;
- использовать слишком контрастные оттенки: например, красный с синим.
Черный
Черный – это еще один очень универсальный цвет. Он может быть современным или традиционным, захватывающим или расслабляющим. Но если вы используете черный как контрастный цвет, то есть в соотношении 1:6, 1:8 к основному — вы рискуете привнести драму, печаль в восприятие визуальных рекламных материалов вашими клиентами.
Вот пример хорошо продуманного по цветам лендинга — с чем у вас ассоциируются данные цвета? — https://cashflow-igra.ru
Фиолетовый
Milka, Hallmark, Yahoo! и другие известные бренды, логотипы которых мы видим ниже, выбрали в основе своего логотипа фиолетовый цвет. Согласно психологии цвета, фиолетовый ассоциируется со следующими чувствами: свобода, утонченность, фантазийность, богатство. Негативные эмоции, которые также может вызвать фиолетовый — упадническое настроение, удрученность, подавленность.
Ниже несколько основных тезисов о фиолетовом цвете, которые пригодятся, если вы его рассматриваете для маркетинговой кампании:
- исторически сложилось, что фиолетовый цвет ассоциируется с превосходством, богатством;
- подходит для брендов, которым нужно позиционировать себя как престижные марки;
- считается достаточно экстравагантным, поэтому нужно использовать с осторожностью;
- темные оттенки успокаивают, могут использоваться для «женских» брендов.
Персонализированные характеристики фиолетового: чувственность, величественность, понимание.
1% мужчин выбрали фиолетовый любимым цветом, 23% женщин того же мнения. Нелюбимым его посчитали 22% мужчин и 8% женщин. 4% посчитали его «дешевым».
Голубой
Влияние цвета в маркетинге должен знать любой специалист, который хочет преуспеть в продажах. В чем заключается преимущество голубого оттенка? Голубой – цвет умиротворения и спокойствия. В отличие от насыщенного синего, разбеленная версия кажется более приятной и притягательной. Голубым цветом часто обозначают игрушки для мальчиков, места отдыха и салоны красоты. Значение спокойствия и умиротворения также подходит для мест, в которые человек приходит расслабиться: бассейн, баня или сауна.
В печатной продукции голубые оттенки используются в комплекте с черным или белым. Такие сочетания считаются броскими и классическими. Голубой — малоактивный оттенок, однако он может привлечь к себе внимание и дополнить более насыщенные тона. На нюансе голубой используется редко. Мало кто хочет создавать исключительно синие этикетки и визитки.
Изучая психологию цветов в маркетинге, человек понимает, что чем менее насыщенный тон у цвета, тем больше он импонирует человеку. Поэтому голубой оттенок вы не встретите в магазине в качестве баннера. А вот на этикетках пищевых продуктов можно найти много голубого. Он показывает клиенту, что продукт натуральный и в нем содержится какая-то частичка моря. Чаще всего в подобные упаковки фасуют рыбу, морепродукты, водоросли и морскую соль.
Что говорят исследования
Восприятие цвета зависит от личных предпочтений, воспитания и культурных особенностей человека, но когда дело касается покупок и взаимодействия с брендом, прослеживаются и универсальные моменты:
- для 80% пользователей цвет влияет на узнаваемость бренда;
- 90% клиентов решаются на покупку исходя только из цвета товара.
Цвет помогает бренду выделиться и запомниться на фоне конкурентов. Он пробуждает воспоминания и влияет на эмоциональное состояние человека. Причем каждый по-своему. Давайте разбираться, что с этим делать email-маркетологам.
Белый
Рассказывая про психологию цвета в маркетинге и брендинге, нельзя не упомянуть о белом оттенке. Он является одним из дополнительных цветов, без которого сложно обойтись. В чем состоит преимущество белого? Оттенок ассоциируется с доверием и чистотой намерений. Подобный цвет могут использовать свадебные салоны, банки и многочисленные сайты. Также белый оттенок ассоциируется с больницей и со стерильностью. Он широко используется в медицине и в рекламе больниц и поликлиник.
Технические новинки маркетологи любят представлять покупателям на белом фоне. Делается это для того, чтобы внимание клиентов было приковано к технологиям, а не к окружающему фону. По этой причине большинство товаров в интернет-магазине тоже предоставляется вниманию зрителя совместно с белым фоном.
Белый цвет сегодня популярен, так как в моде графичность. Люди предпочитают классическое сочетание черного и белого всей остальной цветовой палитре. Реклама, выполненная в стиле минимализма, привлечет внимание клиентов не хуже, чем цветной баннер. А на контрасте с остальными рекламными плакатами монохромный баннер будет выглядеть аскетично и приятно.
Зелёный: гармония от природы
Зелёный — сама природа, растущие деревья, распускающиеся листья. Мы соотносим зелёный с ростом, здоровьем и жизнью. Лёгкий и ненавязчивый, он интересен своей палитрой, где у каждого оттенка свой характер. Возьмите насыщенный зелёный — получите зазывающий эффект и привлечете внимание. Разбавите тон до мятного или фисташкового — выйдет умиротворяющий оттенок для рекламы косметики по уходу за лицом и телом, медикаментов, здорового питания и любых других товаров природного происхождения. Зелёный в сознании многих людей — цвет денег, поэтому его выбирают для оформления партнёрских программ, банков, курсов для повышения благосостояния и всего, что связано с деньгами. Кстати, вы не задумывались, почему сукно для бильярдного стола в казино именно зеленого цвета? Психологи доказали, что он лучше всех концентрирует внимание. Еще одно очко в пользу зеленого.
Синий
Ниже несколько брендов, в основе которых лежит синий цвет. Согласно психологии цвета, синий ассоциируется со следующими чувствами: доверие, лояльность, логичность, безмятежность, безопасность. Среди негативных ассоциаций — холодность, черствость, замкнутость, непривлекательность.
- Синий цвет обладает выраженным успокаивающим эффектом.
- Это цвет силы и свободы, который используется многими брендами.
- В природе не существует натуральной еды синего цвета.
- Синий цвет — это символ спокойствия.
Вот несколько личностных качеств людей, по мнению психологов, которые выбирают синий: лояльность, социальность, вежливость.
57% мужчин признают синий цвет любимым, такого же мнения 35% женщин. Всего лишь 1% этот цвет не любят и ни одна из опрошенных женщин в этом не призналась. Такое же количество, 1%, считают синий цвет «дешевым».
