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

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

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

Заключение

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

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

Если у вас есть, что добавить по теме, не стесняйтесь. Оставляйте комментарии!

“Черный цвет – слишком траурно, – говорил Остап, – зеленый тоже не подходит: это цвет рухнувшей надежды. Розовый – пошло, голубой – банально, красный – слишком верноподданно. Придется выкрасить “Антилопу” в желтый цвет. Будет ярковато, но красиво”. “Золотой теленок”, И.Ильф и Е.Петров.

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

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

Наш глаз распознает 1,5 млн. оттенков, а цвета воспринимаются даже кожей. Мы не просто видим цвет, мы его чувствуем. Если верить психологам, то 80% цвета мы “поглощаем” нервной системой и только 20% – зрением.

Ученые в Вене провели любопытное исследование: участники эксперимента с завязанными глазами поочередно входили в комнаты, стены которых были выкрашены в разные цвета. В комнате с красными стенами их пульс участился; в помещении с желтыми стенами их пульс резко нормализовался, а в комнате с синими стенами заметно понизился. М. Купер, А. Мэтьюз “Язык цвета” .

Активация цветом

Настроение и атмосфера в интерьере во многом зависят от того, какая цветовая гамма (теплая или холодная) выбрана для его оформления. Теплые цвета (оттенки красного, оранжевого и желтого) несут энергию и стимулируют, поэтому их используют для “разогрева” покупателей в магазине и повышения работоспособности в офисе.

Магазин Holt-Renfrew, Канада

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

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

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

Кондитерская The Sweeterie, США

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

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

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

Магазин органической пищи EarthBar, США

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

Яркие и теплые цвета привлекают людей среднего достатка. А сочетание желтого и красного цветов покупатели связывают с доступными ценами. Поэтому такое цветовое решение часто используют магазины-дискаунтеры и заведения быстрого питания.

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

Офис архитектурного бюро Selgas Cano Architecture, Испания

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

Влияние теплых цветов таково, что в помещении, окрашенном в теплые тона, температура воспринимается на 3-5 градусов выше, чем в том, где используется холодная гамма.

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

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

Магазин для детей Fantasy World, Кувейт

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

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

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

Релаксация цветом

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

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

Магазин-салон Fort Lauderdale, США

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

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

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

Офис компании Google, Швейцария

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

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

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

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

White Gallery, Рим

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

Офис креативного агентства Red Keds, Россия

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

Оксана Гафаити,
автор сайт и Trades.сайт

Понравился👍 пост? Оставьте свой комментарий ниже👇.
Получайте мои идеи по рынку в Telegram📣:

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

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

В каких элементах использовать цвет?

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

Для того, чтобы правильно выбрать цветовую схему, вы должны следовать следующими принципам:

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

1. Женщины не любят серый, оранжевый и коричневый. Они любят синий, фиолетовый и зеленый.

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

В проведенном им опросе 35% женщин сказали, что синий – их любимый цвет, затем идет фиолетовый (23%) и зеленый (14%). 33% женщин признались, что оранжевый и коричневый их самые нелюбимые цвета, кроме этого к самым нелюбимым женщины отнесли еще и серый (17%).

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

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

2. Мужчины не любят фиолетовый, оранжевый и коричневый. Им ближе синий, зеленый и черный.

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

3. Используйте синий, если хотите вызвать доверие у пользователей.

Синий является самым распространенным цветом. Не удивительно, ведь именно он является наиболее предпочтительным, как для мужчин, так и для женщин. Вот еще какие ассоциации вызывает синий цвет:
  • Он является цветом доверия, мира и порядка;
  • Синий - главный корпоративный цвет в США (Intel, Dell, HP, IBM и т.д.);
  • Он вызывает в памяти чувства спокойствия и безмятежности.
Большинство научного сообщества склоняется к мнению, что синий цвет вызывает доверие и спокойствие. И не удивительно, почему самая большая социальная сеть в мире использует именно синий в качестве основного.

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

Синий цвет очень часто используют банки и кредитные организации. Так например ВТБ24 использует его в качестве основного цвета.

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

4. Желтый - цвет предупреждения.

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

Кажется странным, ведь известно, что желтый цвет – цвет счастья. Business Insider сообщает, что «бренды используют желтый, чтобы показать, что они интересны и доброжелательны.» Согласно этой гипотезе, желтый вызывает чувство игривости. Однако, скорее всего желтый стимулирует возбуждение центральной части мозга, и игривость является просто последствием состояния повышенной эмоциональности, а не чистой радости.

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

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

5. Зеленый идеально подходит для оформления.

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

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

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

6. Оранжевый – это весело.

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

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

Оранжевый означает удовольствие и единение. Иногда, оранжевый интерпретируется как «дешевый». Достаточно сравнить оранжевый с цветом роскоши - черным. Поэтому, если вы продаете товар в дешевом ценовом сегменте, то рекомендуется использовать данный цвет при оформлении элементов сайта.

7. Черный добавляет ощущение роскоши.

Чем темнее фон, тем больше люкса. Статья из Lifescript описывает черный, как «элегантный, изысканный, сильный». Поэтому большинство дизайнеров высокого классса используют черный цвет для сайтов электронной коммерции. Также черный описывается как «вечный, классический». Это помогает объяснить использование черного в продуктах с высокой добавленной стоимостью.

Черный также может рассматриваться в качестве роскошного цвета. Черный – это также гламур, изысканность, эксклюзивность.

Достаточно открыть сайт D&G все встанет на свои места.

Черный цвет активно используют автопроизводители. Вот например сайт Lamborghini.

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

8. Используйте яркие цвета для призыва к действию.

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

Россйиский ebay использует красный для всплывающий окон.

Aliexpress использует оранжевый на основных кнопках.

Оранжевый ассоциируется с “дешевезной”, однако если вы хотите захватить внимание пользователей, то используйте именно этот цвет.

9. Не пренебрегайте белым.

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

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

Заключение.

Если использовать цвет в правильном направлении, в нужное время, для нужной аудитории, и для правильной цели, можно добиться очень высоких результатов. Чем больше свободы у вас в цветовой гамме, тем лучше. Вот некоторые советы, которые позволят сделать ваш сайт лучше:
  • Тестируйте цвета . Не нужно останавливаться на одном конкретном цвете. Проверяйте различные сочетания цветов, чтобы узнать какой цвет больше любит ваша целевая аудитория.
  • Не загоняйте в “цветовую рамку” своего дизайнера . Когда работаете с дизайнером, не ставьте ему жесткие условия на использование одного цвета.
  • Следите за цветовым исполнением . Не забывайте, что ваша цель не создать дизайн, который будет круто выглядеть на дрибле. Красота это конечно хорошо, но главная задача сайта - это продавать. Не забывайте об этом.
  • Избегайте перегрузки цвета . Не старайтесь использовать все цвета сразу в одном дизайне. Это может привести к печальным последствиям. Слишком много цветов можно создать ощущение беспорядка.
Материал основан на статье из

Цвет может оказывать неожиданное влияние на людей. Он способен:

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

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

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

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

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

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

Синий: доброта, честность, авторитет, ясность, интеллигентность;
Фиолетовый: величие, качество, индивидуальность, духовность, креативность;
Красный: желание, действие, страсть, энергия, воодушевление;
Оранжевый: веселье, дружелюбие, омоложение, эмоциональный подъем, оптимизм;
Желтый: счастье, энтузиазм, дружелюбие, оптимизм, уверенность;
Зеленый: надежда, рост, обновление, баланс, успокоение.

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

1. Красный

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

Как красный цвет влияет на продажи?

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

Где можно увидеть красные призывы к действию?

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

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

2. Синий

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

Как синий цвет влияет на продажи?

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

На каких сайтах используют синий цвет?

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

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

Где следует использовать синий цвет?

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

3. Зеленый

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

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

Как зеленый цвет влияет на продажи?

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

В 2010 году компания RIPT Apparel решила , сделав кнопку целевого действия зеленой:

В результате этих изменений, конверсия увеличилась на 6,3%.

Где используют зеленый цвет?

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

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

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

4. Фиолетовый

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

Цвета, которые женщины любят больше всего: синий, фиолетовый, зеленый;
Цвета, которые женщины ненавидят: оранжевый, коричневый, серый.

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

Цвета, которые мужчины любят больше всего: синий, зеленый, черный;
Цвета, которые ненавидят мужчины: коричневый, оранжевый, фиолетовый.

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

Как фиолетовый цвет влияет на продажи?

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

Где используется фиолетовый цвет?

На сайте стриминговой компании Roku можно увидеть много фиолетового. Он используется для оформления элементов меню:

Где следует использовать фиолетовый цвет?

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

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

5. Черный

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

Использование черного имеет хороший эффект, когда дело касается дорогостоящих товаров, целевой аудиторией которых являются в основном мужчины. Приверженцами данного цвета являются такие компании, как Rolls-Royce, Lamborghini и Rutgers University.

Как черный цвет влияет на продажи?

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

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

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

Где используется черный цвет?

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

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

Где следует использовать черный цвет?

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

6. Оранжевый

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

Как оранжевый цвет влияет на продажи?

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

На каких сайтах можно увидеть оранжевый цвет?

На сайте Penguin можно увидеть кнопку «Подписаться» оранжевого цвета:

Кнопка «Создать аккаунт» по-прежнему остается оранжевой. Она выглядит ярко и отлично выделяется на общем фоне.

Когда следует использовать оранжевый цвет?

Ниже представлен удачный пример использования оранжевого цвета от компании Harley Davidson:

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

Заключение

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

Какие же оттенки следует использовать?

Очень важно определить те цвета, которые вы будете применять, чтобы выделить свой бренд на фоне других. Если ваш бизнес связан с яркими эмоциями, силой и свободой, то вам подойдут оттенки, которые использовала, например, компания Harley Davidson. Victoria’s Secret применяют разные цветовые схемы, так как сфера деятельности этой организации очень разнообразна.

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

Яркие цвета привлекают покупателей

Как привлечь покупателей с помощью цвета?

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

Статистика показывает, что восприятие ухудшается в следующей последовательности:

  • черные буквы на желтом фоне
  • черные буквы на белом фоне
  • желтые буквы на черном фоне
  • белые буквы на черном фоне
  • синие буквы на белом фоне
  • белые буквы на синем фоне
  • синие буквы на желтом фоне
  • желтые буквы на синем фоне
  • зеленые буквы на белом фоне
  • белые буквы на зеленом фоне
  • коричневые буквы на белом фоне
  • белые буквы на коричневом фоне
  • коричневые буквы на желтом фоне
  • желтые буквы на коричневом фоне
  • красные буквы на белом фоне
  • белые буквы на красном фоне
  • красные буквы на желтом фоне
  • желтые буквы на красном фоне

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

А для оформления магазина применяют не столь вызывающие сочетания.

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

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

Теплая гамма: покупайте, не задумываясь!

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

Скидочные акции


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

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

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

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

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

Холодная гамма: получайте удовольствие от спокойного выбора

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

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

 


Читайте:



Завершился вывод войск ссср из афганистана

Завершился вывод войск ссср из афганистана

В 1987 году в Афганистане начала осуществляться политика национального примирения, принятая и одобренная на Пленуме ЦК НДПА в декабре 1986 года....

Новое направление: инноватика Сложно ли учиться на инноватике

Новое направление: инноватика Сложно ли учиться на инноватике

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

К чему снится племянница

К чему снится племянница

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

Репейник: толкование сновидения

Репейник: толкование сновидения

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

feed-image RSS