Содержание

Какое Сочетание Цветов Привлечет Толпы Клиентов в Ваше Заведение и Повысит Лояльность к Бренду? — статьи 1РК

25.02.2019

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

Рекламу не зря зовут двигателем торговли. Ее важность в условиях рыночной экономики и современного бизнеса сложно переоценить. Наружная реклама — один из наиболее эффективных инструментов продвижения и популяризации услуг и товаров. Она делает бренд узнаваемым, а его товары — более востребованными. А наружная вывеска является лицом Вашего заведения, которая просто обязана привлекать своим внешним видом!

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

Есть несколько приемов, которые идут в ход при составлении цветосхемы рекламного продукта:

• контрастность;

• умеренность количества оттенков;

• композиция.

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

Лучшие цвета для рекламы

Красный

Это яркий оттенок, который привлекает к себе внимание. Подсознательно он придает решительности и как бы побуждает к действию. Правда, если красного слишком много, то он может иметь раздражающий эффект, у некоторых подобное, даже вызывает агрессию или злость. Внешняя реклама с красными элементами быстро запомнится, вероятно, она станет ориентиром для жителей того микрорайона, где будет расположен рекламный носитель. Можно использовать для любого бизнеса.

Нежелательное использование:

Медицинское учреждение (ассоциация с кровью и ЧП).

Синий

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

Используют для:

• гостиниц;

• туристического агентства;

• медицинского учреждения.

Желтый

Это один из самых привлекательных оттенков, вызывающий подсознательные ассоциации с солнцем, теплом и позитивом. Многие наиболее удачные, словом, лучшие сочетания цветов не обходятся без него. Еще одна ассоциация желтого — это золото, которое, в свою очередь, является символом богатства. Те, кто увлекаются восточным течением Фен Шуй, знают, что это оттенок радости, богатства и благосостояния. Следовательно, он — один из лучших цветов для рекламных носителей.

Используют для:

• туристического агентства;

• цветочного магазина;

• магазина сладостей;

• магазина детских товаров.

Зеленый

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

Используют для:

• магазина эко продуктов;

• садового магазина;

• медицинского учреждения;

• салона красоты.

Белый

Данный тон символизирует чистоту и спокойствие. Он часто служит фоном для основной композиции рекламного носителя, поскольку универсально сочетается с любой оттеночной гаммой.

Используют для:

• свадебного салона;

• медицинского учреждения;

• салона-магазина сантехники;

• химчистки;

• клининговой компании.

Интересно, правда?

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

Идеальные сочетания цветов в наружной рекламе

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

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

Согласно кругу естественных цветов Гете идеальными считаются сочетания:

• фиолетового и желтого;

• синего и оранжевого;

• красного и зеленого;

• красного и желтого;

Менее удачливыми считаются сочетания таких цветов:

• синий/желтый;

• красный/синий;

• зеленый/оранжевый;

• оранжевый/фиолетовый;

• фиолетовый/зеленый.

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

• красный/темно-синий/зеленый;

• оранжевый/голубой/фиолетовый;

• желтый/пурпурный/синий;

• зеленый/фиолетовый;

• фиолетовый/оранжевый.

Данные этих исследований актуальны и по сей день.

Ошибки при выборе сочетания цветов

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

Максимум цветов в рекламе — 3 штуки. Яркие оттенки не дают сфокусировать взгляд и понять информацию с рекламного носителя.

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

Красную надпись не стоит размещать на зеленом, синем, желтом, черном и белом фоне.

Желтой надписи не подходит белый фон — он плохо читается.

Чтобы глаза не раздражались, не выбирайте красный фон для зеленого цвета.

Также важно помнить об особенностях контраста:

1. Рядом с темным, светлый цвет будет казаться еще светлее, а черный наоборот — темнее возле светлого;

2. Зеленый цвет придаст красному более насыщенного оттенка;

3. Квадрат серого цвета, размещенный на красном цвете, будет казаться зеленым, на желтом фоне будет выглядеть синем, на зеленом — розовым, а на фоне синего цвета — желтым. Это эффект хроматического контраста.

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

[form3]

«Первая Рекламная Компания» посоветует идеальное решение в каждом конкретном случае. Обращайтесь прямо сейчас за своей идеальной рекламой!

Подписывайтесь на наши страницы в социальных сетях Facebook и Instagram!

 

Психология цвета в маркетинге, рекламе и бизнесе

Цвет – одно из самых мощных средств в инструментарии дизайнера. С его помощью можно привлечь внимание, создать определенное настроение, повлиять на эмоции, восприятие и поведение.

Знаете ли вы, что среди причин, побуждающих покупателей приобретать определенный товар, 90% приходится на долю цвета? Или что на цветную рекламу в журналах обращают внимание на 26% чаще, чем на черно-белую?

Вывод очевиден: использование правильного цвета поможет достичь успеха. Но тут же возникает естественный вопрос: как подобрать правильный цвет? Для ответа на него придется проанализировать несколько важных аспектов:

  • цветовые ассоциации
  • различия в восприятии цвета у мужчин и женщин
  • проблемы, связанные с нарушением цветовосприятия.

Содержание

  • Психология Цвета
    • Красный цвет в психологии: опасность, важность, страсть
    • Оранжевый цвет в психологии: уверенность, энергия, оптимизм
    • Желтый цвет в психологии: солнце, счастье, внимание
    • Зеленый цвет в психологии: природа, развитие, успех
    • Синий цвет в психологии: комфорт, расслабление, доверие
    • Фиолетовый цвет в психологии: роскошь, одухотворенность, креативность
    • Черный цвет в психологии: сила, изящество, утонченность
    • Белый цвет в психологии: здоровье, чистота, целомудрие
    • Серый: официальность, нейтральность, профессионализм
    • Пол и цвет
  • Цвет в маркетинге и бизнесе
    • Роль цвета при создании фирменного стиля
    • Цвет и оптимизация уровня конверсии
    • Цвет и юзабилити
  • Заключение

Психология Цвета

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

Красный цвет в психологии: опасность, важность, страсть

Красный – это цвет огня и крови. Один из самых мощных цветов по силе воздействия, который ассоциируется одновременно с любовью и войной. Известное выражение to see red (в дословном переводе с англ. «смотреть на красное») означает прийти в ярость, выходить из себя.

Этот цвет обладает сильным эмоциональным воздействием. От него может подниматься давление или увеличиваться частота дыхания.

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

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

Оранжевый цвет в психологии: уверенность, энергия, оптимизм

Оранжевый очень энергичный цвет – подобно красному, он возбуждает, но в меньшей степени. Обладает энергетической аурой, но без агрессивности, присущей красному. Может создавать радостную атмосферу.

На главной странице сайта Hipmunk – поисковой системы авиарейсов – оранжевая кнопка поиска сразу же привлекает внимание.

Как и красный цвет, оранжевый способен привлекать внимание, поэтому его можно использовать для акцента важных деталей, таких, как кнопка призыва к действию (CTA). Некоторые считают это слишком простым решением, однако многие приложения и сайты часто пользуются этим «дешевым» в хорошем смысле приемом.

Желтый цвет в психологии: солнце, счастье, внимание

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

Желтый цвет сразу обращает на себя внимание при контрастном сочетании с черным. Торговая марка часов Breitling использовала это свойство при разработке своего официального сайта.

Особенно эффективно работает сочетание желтого цвета с черным. Яркий тому пример – нью-йоркское такси.

Зеленый цвет в психологии: природа, развитие, успех

Зеленый цвет естественным образом связан с природой. Он ассоциируется с жизнеспособностью и ростом, поскольку большинство растений на земле зеленого цвета.

Зеленая кнопка призыва к действию.

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

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

Синий цвет в психологии: комфорт, расслабление, доверие

Синий – это цвет моря и неба. Один из наиболее значимых и часто используемых цветов при разработке пользовательского интерфейса. При этом от правильного выбора оттенка будет во многом зависеть визуальное восприятие дизайнерских разработок:

  • Светло-синий оттенок ассоциируется с прохладой, свободой и спокойствием. Спокойствие может перерастать в доверие, именно поэтому этот оттенок часто используется в банках.
  • Темно-синие оттенки отлично подходят для проектов, где очень важна стабильность и надежность.
Синий цвет часто ассоциируется со стабильностью.

Фиолетовый цвет в психологии: роскошь, одухотворенность, креативность

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

Исторически связанный с королевской властью, фиолетовый цвет и сегодня ассоциируется с роскошью. Он тонко намекает на высокое качество продукта или сайта (даже если это не так).

Фиолетовый цвет большинство молодых людей считают цветом счастья.

Интересно, что 75% детей предпочитают фиолетовый цвет всем остальным оттенкам.

Черный цвет в психологии: сила, изящество, утонченность

Черный – самый сильный из всех цветов. Он сразу привлекает к себе внимание, именно поэтому он наиболее часто используется для текстов и акцентов.

Черная кнопка «Get started» одной из первых бросается в глаза, когда заходишь на сайт Squarespace.

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

Белый цвет в психологии: здоровье, чистота, целомудрие

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

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

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

Серый: официальность, нейтральность, профессионализм

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

Серый обычно сочетается с более яркими цветовыми акцентами. На сайте Dropbox серый цвет используется для выделения кнопок  призыва к действию.

Пол и цвет

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

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

Цвет в маркетинге и бизнесе

Роль цвета при создании фирменного стиля

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

Нет никаких четких правил для выбора цветовой гаммы при разработке фирменного стиля. Некоторые используют привычные для своей отрасли цветовые оттенки, а другие, напротив, предпочитают идти против традиций, считая, что это помогает более эффективно привлекать внимание. Например, 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. Это обеспечит доступность графической информации для людей с нарушением цветовосприятия, в том числе и цветовой слепотой.

Заключение

Мы рассмотрели несколько факторов, связанных с цветом, которые могут повлиять на работу пользовательского интерфейса вашего сайта или приложения. Но нам так и не удалось ответить на вопрос: «Как найти правильный цвет?». Но вы, возможно, уже догадались, что «лучшего» для конверсии цвета вообще не существует. Один цвет способен не на многое. Самое важное: какие вы выбираете цвета и как сочетаете их между собой.

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

Оригинал статьи: The Impact of Color on Conversion Rates.

Основное руководство по использованию цвета в маркетинге и брендинге

814423752, Prostock-Studio

День за днем ​​мы сталкиваемся с невероятным разнообразием цветов. Но кто из нас на самом деле много знает о теории, лежащей в основе работы цветов? Или что они значат для зрителей на эмоциональном уровне? Психология цвета — это далеко идущая область исследований, и она имеет большее значение, чем вы думаете, имея дело с брендингом и маркетинговыми усилиями. На самом деле, по данным Forbes, цвет повышает узнаваемость бренда на невероятные 80%, а последовательное представление бренда на разных платформах может увеличить доход почти на четверть.

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

Что такое теория цвета?

525330939, Thoth_Adan

Начнем с основ. Первоначально созданный Исааком Ньютоном в 1666 году, цветовой круг является отличным справочником, с помощью которого можно понять, как цвета соотносятся друг с другом. Основные цвета — красный, синий и желтый — это три основных цвета, на которых основаны все остальные. А вторичные цвета — оранжевый, зеленый и фиолетовый — получаются путем смешивания двух основных цветов (красного и желтого для оранжевого, красного и синего для фиолетового и синего и желтого для зеленого). Соответственно, третичные цвета идут дальше посередине, давая нам желто-зеленый, сине-зеленый, сине-фиолетовый, красно-фиолетовый, красно-оранжевый и желто-оранжевый.

Цветовая гармония: цвета, которые хорошо сочетаются друг с другом

1142252426, oleksii arseniuk

Успешная маркетинговая цветовая схема состоит из цветов, которые хорошо сочетаются друг с другом и которые говорят о самом бренде.

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

  • Аналогичные цветовые схемы используют три соседних цвета для плавной связи между ними.
  • Дополнительные схемы используют цвета с двух противоположных сторон колеса, создавая сильный контраст.
  • Триады используют три равномерно расположенных цвета, которые создают эффектный эффект.
  • Монохроматические схемы состоят из трех разных значений одного цвета; тонкий, но утонченный вид.
  • Разделение В дополнительных схемах используется цвет и два цвета, смежные с его дополнением, для еще одной смелой комбинации.
  • Квадрат , или тетрада, схемы становятся более сложными с двумя дополнительными парами цветов.

Красный, желтый и оранжевый считаются теплыми цветами, которые стимулируют зрителя, а синий, зеленый и фиолетовый считаются прохладными и успокаивающими.

Эти концепции начинают влиять на то, как цвета воздействуют на эмоции.

Как психология цвета влияет на маркетинг?

470865818, mustafahacalaki

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

Для общего обзора, вот список цветов и их общих ассоциаций:

  • Красный
    : Волнение и действие
  • Оранжевый : Доверие и дружелюбие
  • Желтый : Теплота и оптимизм
  • Зеленый : Мир, здоровье и рост
  • Синий : Сила и доверие
  • Фиолетовый : Знание и воображение
  • Черный : Изящная современность
  • Белый : Безмятежный минимализм

По данным HubSpot, цвет играет огромную роль в восприятии бренда. Взгляните на их исчерпывающую разбивку, а также на нашу электронную книгу «Визуальная идентификация 101: как создать звездный образ для вашего бренда», чтобы узнать больше о том, почему красный цвет создает ощущение срочности, а оранжевый — признак оптимизма, а фиолетовый означает престиж, а зеленый и синий ассоциируются с безопасностью и надежностью.

Использование цветовых комбинаций в маркетинге

808812624, LisaAlisa_ill

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

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

Где искать Imagery Inspiration

1080567710, efetova

Благодаря расширенным параметрам поиска iStock вы можете просматривать изображения по оттенку, легко выбирая прямо из цветового круга. Это означает, что вы можете ввести любую тему — например, «пляж», «мальчики» или «барбекю» — и назначить любой цвет, независимо от того, насколько он специфичен, для результатов, адаптированных к вашим конкретным визуальным потребностям. Совершенно новая функция также позволяет вам выбрать параметр «Похожие изображения» для любого результата, чтобы мгновенно увидеть более широкий выбор изображений с той же цветовой схемой или темой. А с помощью досок вы можете создавать и делиться любым количеством досок настроения, упорядоченных по цвету, теме или тому, что имеет для вас наибольшее значение.

Готовы создать маркетинговый шедевр? Начните с iStock.

Как привлекательные цвета привлекают внимание пользователей

После того, как вы столкнулись с задачей цифрового визуального дизайна, вы должны начать с ее цвета.

Чтобы привлечь внимание пользователей яркими цветами, сначала нужно получить ответы на следующие вопросы:

Какой цвет будет продавать ваш продукт? Какой цвет создаст настроение? Какие цвета пригласят вас больше изучить свою страницу?

Нужно ли быть одаренным, чтобы чувствовать, какие цвета привлекательны? Существуют ли какие-то правила и принципы, помогающие каждому в выборе цвета?

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

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

В этой статье мы рассмотрим:

Содержание

Понимание цвета

Природа цвета

Видимый свет представляет собой совокупность электромагнитных волн различных частот.

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

Ученые Академии Хана обнаружили, что самая короткая длина волны и самая высокая частота , улавливаемый и распознаваемый человеческим глазом, — это фиолетовый — нижний и самый плотный цвет радуги.

Ультрафиолетовые рентгеновские лучи и гамма-лучи короче и чаще встречаются, поэтому не воспринимаются человеческим глазом и не воспринимаются как цвет. Эти самые высокие частоты могут легко повредить клетки человека.

Самая длинная длина волны и самая низкая частота , улавливаемые и распознаваемые человеческим глазом, это красный –  верхний и самый тонкий цвет радуги.

Инфракрасные лучи, микроволны и радиоволны длиннее и медленнее ниже этой линии способности. Они не воспринимаются как цвета и служат другим целям.

Мы обнаружили, что чем выше частота цвета, тем больше энергии требуется для его излучения, и тем больше энергии мы получаем при взгляде на него.

Интересно, что мы воспринимаем красный и оранжевый цвета как самые интенсивные цвета, но это не относится к их частоте.

Человек глаза ловят цвета RGB. D o цвета существуют?

Цвет не является неотъемлемой чертой вещей. Цвет — это всего лишь явление, воспринимаемое нашим глазом и производимое в мозгу.

В наших глазах есть особые колбочки, которые позволяют нам видеть и различать цвета. Существует три типа колбочек: те, которые различают частоты красного, синего и зеленого света (RGB) .

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

Что видят дальтоники? На изображении ниже, сделанном Enchroma, показаны различия между нормальным цветовым зрением и цветовой слепотой.

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

Цветовая модель RGB в веб-дизайне

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

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

Каждый цветной монитор или экран сделан из трехцветного люминофора, который подсвечивается красным, зеленым и синим цветом при попадании фотона. В результате RGB означает три цвета, которые соответствуют зрительным конусам человеческого глаза: красный, зеленый и синий конусы.

Итак, когда вы видите красное яблоко на экране, это означает, что частота красного цвета генерируется и излучается в ваш глаз.

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

Цвет черный на экране или мониторе означает, что никакие люминофоры RGB не горят, что делает цифровое выражение черного цвета следующим: RGB (0, 0, 0).

Цвет белый – это наличие полного спектра видимого света. Когда что-то кажется вам белым, например, снег, это означает, что объект просто не поглощает частоты и отражает их обратно в ваш глаз. Таким образом, получается белый цвет, смешивая все цвета света в один.

Мы видим белый на экране, когда все люминофоры полностью освещены в RGB (255,255,255) .

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

На экране или мониторе, серый цвет означает, что красный, зеленый и синий люминофоры одинаково полуосвещены , т. е. RGB (128,128,128) . Разве это не сногсшибательно?

Проверка ваших концепций на предмет производительности во время проектирования сцена с ИИ-аналитикой внимания

Значение цвета и психология

Привлекающие внимание цвета имеют интуитивные ассоциации, происходящие от Природы.

Красный цвет привлечет ваше внимание, как спелый съедобный фрукт в листве.

Черно-желтые полосы привлекут ваше внимание, предупреждая о ядовитости осы.

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

Красный, желтый и оранжевый цвета можно назвать теплыми из-за их ассоциации с Солнцем и огнем, тогда как синий, фиолетовый и различные темные оттенки напоминают холод и тяжесть.

Цвета имеют культурные ассоциации, происходящие из исторических фактов и человеческих привычек.

Розовый цвет в настоящее время предназначен для девочек, а синий для мальчиков. Красный и зеленый цвета, как известно, означают «остановись и иди». Белый — это цвет свадебного платья и сопутствующих аксессуаров, тогда как красный и черный вместе создают нечто страстное и смелое.

Цвета также имеют символическое значение и становятся традиционными.

Красный обычно используется для обозначения опасности, пробуждения эротических чувств и побуждения людей к быстрому принятию решений; это идеальный цвет для кнопок «Купить сейчас» или «Нажмите здесь» на интернет-баннерах и веб-сайтах. Красный означает кровь на флагах и радость в костюме Санты. Вы думаете о красном в первую очередь, когда он ассоциируется со спортивными автомобилями и женственной помадой.

Как видите, красный цвет может иметь почти все значения. Все остальные цвета тоже могут иметь множество значений.  

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

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

Изображение предоставлено TheLogoCompany

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

Используйте привлекающие внимание цвета с этими принципами дизайна, чтобы повысить конверсию

Теперь, когда у вас есть базовые знания о цветах, вы можете применить их в работе.

Например, вы можете изучить свою целевую аудиторию и провести интервью о цветах, привлекающих внимание к вашему бренду.

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

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

Использование выделения цвета для создания фокуса

Визуальная деталь бросается в глаза и бросается в глаза, когда ее цвет значительно отличается от фона.

Заметность – это качество, привлекающее внимание людей. Это делает деталь визуально выдающейся и превращает ее в фокус, привлекая внимание посетителя страницы.

Люди склонны полагаться на визуально пересекающиеся наборы пространственных и контрастных характеристик. Редко используемый «акцентный» цвет, скорее всего, привлечет визуальное внимание как потому, что его немного, так и потому, что он вызывает высокое значение визуального контраста.

Заметность через насыщенность: чем интенсивнее и насыщеннее цвет элемента, тем больше он выделяется по сравнению с окружением. Таким образом, каждый цвет является дополнительным к белому фону, за исключением цветов, которые слишком тонкие и слишком мало насыщенные, чтобы быть заметными на белом фоне.

Кроме того, контраст и баланс в ваших цветовых палитрах создадут желаемый привлекательный эффект.

Баланс цветов по правилу 60-30-10

Баланс — это распределение визуального веса элементов между обеими сторонами дизайна для создания единства, удовлетворения и удовлетворения.

Без визуального баланса зрители могут не видеть и не проводить время в областях с меньшим визуальным весом.

Изображение предоставлено: Whitneyhomes

Вы легко сбалансируете визуальную иерархию страницы с правилом 60-30-10 , которое просто, но гениально. Правило гласит, что 60% цветовой палитры должно быть основным цветом (нейтральным), 30% вторичным цветом (между нейтральным и ярким) и 10% ярким акцентным цветом.

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

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

Привлеките внимание пользователей с помощью контраста

Цветовой контраст — один из самых эффективных инструментов для улучшения дизайна и выделения отдельных элементов.

По словам Дженнифер Флеминг, автора книги «Веб-навигация: проектирование взаимодействия с пользователем»:

«Цвет и контрастность показывают взаимосвязь между элементами, устанавливают их важность и, самое главное, привлекают внимание».

Прежде всего, выберите правильный коэффициент контрастности.

Рекомендации по обеспечению доступности веб-контента (WCAG 2.1) требуют, чтобы визуальное представление текста и изображений текста имело коэффициент контрастности не менее 4,5:1.

Принимая во внимание, что коэффициент контрастности для крупномасштабного текста (14pt жирный/18pt обычный и выше), графики и компонентов пользовательского интерфейса (таких как всплывающие подсказки, границы ввода или флажки) ожидается как минимум 3 :1.

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

Заметность за счет дополнительных цветов цветового круга обеспечивает максимальную контрастность.

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

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

Вы можете поэкспериментировать и выбрать лучший вариант, но цветовой круг является отличным ориентиром для выбора цвета, который привлекает внимание к вашему доминирующему цвету.

Цвет белый — королева

Tabula rasa (лат. чистая доска ) или белый лист бумаги всегда обещает свежие новые начинания и идеально контрастирует с черным текстом, цветами логотипа и общим содержанием. вашего дизайна.

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

Лучший способ привлечь внимание к наиболее важным элементам:

  • Создайте сбалансированный контраст между пустым пространством и точками перехода.
  • Избегайте перегрузки белого более чем четырьмя другими цветами (и более чем четырьмя разными размерами и формами).
  • Используйте белый, чтобы дополнить цвет вашего бренда, или просто используйте классический черный на белом.

Шанель ввела в моду вездесущую теперь монохромную черно-белую схему в 1920 с.

Многие модные сайты следуют преимущественно монохромной тенденции (с вкраплениями цвета), чтобы подчеркнуть свой стиль.

Монохромная среда также является отличным контекстом для использования контрастных цветов для привлечения внимания.

Только взгляните на стратегическое использование красного цвета ASOS, чтобы привлечь внимание к своим товарам.

Тепловая карта внимания, сгенерированная искусственным интеллектом, показывает, что, хотя этот пункт меню не является самым доминирующим фокусом в дизайне, он явно является второстепенным и привлекает достаточно внимания.

Как вы думаете, было бы дело, если бы он был того же цвета, что и другие пункты в меню?

Всегда тестируйте

Джошуа Портер провел эксперимент «Цвет кнопки A/B-тест», где он создал две идентичные целевые страницы с разными кнопками CTA — в одной версии она была зеленой, в другой — красной.

Несмотря на предсказание Джошуа, красная кнопка больше привлекала внимание и приносила на 21 % больше конверсии.

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

Следовательно, не выходите и не переключайте свои зеленые кнопки на красные вслепую, предварительно не проверив это.