Какой цвет лучше для магазина продуктов
Цвет определяет эмоциональную реакцию пользователя на сайт, даже если сам человек этого не осознаёт. Какие цвета использовать для фона и разных элементов сайта, чтобы вызвать те или иные ощущения, и как правильно сочетать цвета в веб-дизайне, читайте ниже.
Результаты исследования С. Сингх (Satyendra Singh) показывают, что покупатель всего за 90 секунд формирует мнение о продукте, причем 62-90% этого взаимодействия определяется только цветом.
Умение использовать цвета можно прокачивать до бесконечности. Это настоящая бездна возможностей для воздействия на человека.
Для того, чтобы подобрать наиболее подходящую цветовую схему, дизайнеры ориентируются на психологию цвета, которая раскрывает эмоциональную, смысловую составляющую цвета, цветовой круг, показывающий отношения между различными цветами. Также во внимание принимаются существующие тренды, устоявшиеся для той или иной сферы деятельности цветовые решения. Решающим моментом является поставленная цель, специфика бизнеса и его аудитории.
Цветовая теория: основные принципы
Каждый видел в графической программе цветовой круг.
Немного истории: цветовой круг изобрел Исаак Ньютон. Обосновав теорию света и цветов в 1666г. Именно она легла в основу становления и развития современной оптики, малой и составной частью которой является web-дизайн. Ньютон при помощи трёхгранной стеклянной призмы разложил белый свет на семь цветов (в спектр), тем самым доказав его сложность (явление дисперсии), открыл хроматическую аберрацию.
Цветовой круг — это идеальное доказательство теории, что гениальное всегда просто. Круг позволяет вам выбрать цвета, которые гармонировали бы вместе.
Чтобы найти правильную цветовою схему, необходимо использовать любые два цвета друг напротив друга, любые три цвета на равном расстоянии при формировании треугольника или любой из четырех цветов, образующих прямоугольник (две пары цвета друг напротив друга). Цветовые схемы остаются правильными независимо от угла поворота.
Какой цвет больше подойдет для вашего бизнеса?
На основе нескольких исследований — анализа, опубликованного на сайте Vandelay Design, и поста о цветах в Smash Magazine — мы объясним, как цвета влияют на эмоции и помогают создавать UX-дизайн.
Красный и его оттенки
- Основная его функция – побуждение к действию. Подойдет, если ваш сайт посвящен продаже товаров, которые обычно люди покупают импульсивно и спонтанно (это может аксессуары, обувь, одежда, косметика, товары для дома, еда), используйте его для элементов CTA : объявления о проведении акции, скидках, призыв оформить покупку. Оформление сайта в ярких цветах будет подталкивать пользователя к действию, но главное — не перестараться, чтобы кричащие цвета не отпугнули вашего клиента.
Яркие цвета одного оттенка правильно распределяют внимание
Красные оттенки, яркий желтый, розовый привлекают внимание к новой коллекции. Кроме того, бренд Milani Cosmetics не использует нелюбимые женщинами (согласно исследованиям) оранжевый, серый и коричневый цвета.
Красный от алого до бордового подчеркивает статус бренда
Синий
Большинство научного сообщества склоняется к мнению, что синий цвет вызывает доверие и спокойствие. И не удивительно, почему самая большая социальная сеть в мире использует именно синий в качестве основного.
Синий цвет выражает доверие, порядок, вызывает чувство спокойствия, безмятежности. Поэтому синюю цветовую гамму выбирают для сайтов связанных с деньгами, личной информацией или юридическими документами. Обычно это страховые, финансовые организации, компании по продаже недвижимости или билетов. Самые очевидные примеры – сайты Booking, Ozon, Циан, Домофонд. Интерфейсы популярных соцсетей и мессенджеров также в этих оттенках — ВКонтакте, Телеграм, Твиттер, Фейсбук.
При этом синий цвет считается неудачным для сферы питания в силу того, что в природе очень мало съедобных синих продуктов.
Черный
Чем темнее фон, тем больше люкса. Статья из Lifescript описывает черный, как «элегантный, изысканный, сильный». Поэтому большинство дизайнеров высокого класса используют черный цвет для сайтов электронной коммерции. Также черный описывается как «вечный, классический». Это помогает объяснить использование черного в продуктах с высокой добавленной стоимостью. Черный также может рассматриваться в качестве роскошного цвета. Черный – это также гламур, изысканность, эксклюзивность.
Достаточно открыть сайт Vertu:
louis vuitton и Dior:
Зеленый
Считающийся самым универсальным цветов, зеленый воспринимается позитивно подавляющим большинством пользователей. Из-за того, что он ассоциируется с природой, зеленый рекомендуется для сайтов, делающих акцент на здоровье: правильное питание, здоровые образ жизни, натуральная косметика, экотовары. Позитивный эффект зеленого также можно использовать для формирования доверия, как, например, это делает Сбербанк.
В интернет-магазине роботов-пылесосов акцент сделан на чистоте и экологичности. Сочетание с белым цветом и темным деревом придает ощущение доступности и простоты:
Сочетание цветов
При выборе цветовых комбинаций основное внимание следует уделять тематике сайта и его целевой аудитории. Так, например, черный цвет неуместен на детском сайте, а коричневый – на сайте косметики.
Маркетологи и дизайнеры Victoria’s Secret знают толк в правильных сочетаниях цветов: строгая черно-белая гамма с добавлениями нежного фиолетового и ярких розовых кнопок «призыва к действию».
Заключение
Пользователи редко замечают и оценивают цвет фона, панели навигации, отдельных деталей, но это не значит, что цвет при этом не воздействует на них. Просто это происходит подсознательно. Цвет увеличивает узнаваемость бренда на 80%, что напрямую влияет на доверие потребителей.
У пользователя возникают какие-то эмоции, когда он скроллит вниз, нажимает на кнопки, побуждающие к действию, или, наоборот, не замечает их. И цвет играет во всём этом огромную роль.
Выбирая цвет для оформления, вам не обойтись без сплит-тестов: достигнутый результат будет зависеть от грамотного сочетания цветовой гаммы и вашего конкретного оффера или специфики бизнеса.
Call to Action
Лучше, если у вас будет больше свободы в выборе цветовой гаммы, однако и тут остерегайтесь перегибов — не стоит использовать на одной странице более трех-четырех цветов, включая их оттенки.
Ваш сайт должен приносить прибыль и клиентов, они не предназначены для того, чтобы радовать глаз случайно зашедшего на страницу эстета. Главная цель психологии цвета — повысить конверсию, а не создать произведение искусства.
Делитесь вашими советами в комментариях, а если понравилась статья — получайте похожие еженедельно на почту.
И снова, дорогие друзья, мы возвращаемся к теме красок в нашей жизни и в интернет-маркетинге, в частности. Эта тема пользуется большой популярностью, поскольку представляет маркетологам и веб-дизайнерам много ценной информации, которая может быть использована при выборе цветов для landing pages, сайтов, упаковок продуктов и разнообразных маркетинговых материалов.
Сегодня мы рассмотрим очередную инфографику от Kissmetrics о влиянии цветов на покупательскую активность.
Цвет как важнейший фактор
1. Результаты нескольких независимых исследований («Влияние окружения на поведение покупателей: критический обзор» от Shun Yin Lam, «Выгода от использования цвета» от Color Marketing Group, «Психология цвета в маркетинге» от June Campbell) указывают на цвет как на основную причину, по которой люди покупают конкретный товар:
85% респондентов делают выбор на основе цвета
В списке факторов, влияющих на выбор покупателей, визуальная составляющая лидирует с большим отрывом — на нее как на определяющий фактор покупки ссылается 93% опрошенных. 6% респондентов ориентируются на текстуру товара и 1% — на звук или запах.
Разумеется, три последние фактора (текстура, звук, запах) будут недоступны пользователям интернет-магазина (под звуком мы имеем в виду качество приема разговорного сигнала смартфоном, например, или качество воспроизведения музыкальной композиции портативным стереоустройством).
2. Цвет увеличивает узнаваемость бренда на 80%, что напрямую влияет на доверие потребителей.
Цветовые ассоциации
В ходе исследования влияния цветов специалисты KISSmetrics выявили следующие устойчивые ассоциации между цветами (заметим, что они подтверждены на опыте покупательской аудитории США; возможно, что у жителя Индийского полуострова или Филиппинских островов эти цвета вызовут совсем другие эмоции и ассоциации):
- желтый — устойчивая ассоциация с юностью и оптимизмом; используется для
- привлечения внимания посетителей;
- красный считается «энергичным цветом», способствующим учащению сердцебиения, служит для создания эффекта срочности, чаще всего используется на распродажах;
- синий/голубой — считается лучшим цветом для веб-дизайна, создает впечатление надежности и безопасности, используется финансовыми учреждениями и страховыми агентствами, банками и т. д.;
- зеленый цвет ассоциируется со здоровьем, естественнее всего воспринимается человеческим глазом, применяется для создания эффекта покоя и расслабленности;
- оранжевый — «агрессивный цвет», отлично подходящий для создания элементов призыва к действию (CTA, Call to Action);
- розовый — романтический и женственный цвет, используется в маркетинговых кампаниях по продвижению товаров, предназначенных для представительниц прекрасного пола;
- черный — мощный и элегантный цвет предметов роскоши (дизайнерская одежда, автомобили высшей ценовой категории и т. д);
- пурпурный цвет, считающийся «успокаивающим, спокойным цветом», используется в рекламе косметических товаров, предотвращающих старение кожи, например.
- Влияние цвета на конверсию целевых страниц
Цвет и его влияние на разные типы потребителей
Влияние цветов на целевую аудиторию также коррелирует с 3 условными группами потребителей, разделяемых по поведенческому паттерну: импульсивные покупатели (Impulse Shoppers), экономные («бюджетные») покупатели (Shoppers on a Budget) и так называемые «традиционные покупатели» (Traditional Buyers).
Триггером к конверсионному действию для импульсивных потребителей чаще всего служат красный, оранжевый, черный и ярко-синий (Royal Blue) цвета. Упомянутые цвета провоцируют импульсивных покупателей к приобретению фастфуда или участию в распродажах.
«Бюджетные» покупатели склонны подчиняться «приказам», отдаваемым темным, насыщенным оттенком синего цвета (Navy Blue, «морская синева») и другим «морским» цветом — сине-зеленым (Teal). Два этих «спокойных» благородных цвета отлично работают на сайтах банков или крупных торговых сетей.
«Традиционные покупатели» подвержены воздействию оттенков розового (Pink, Rose) и небесно-голубого цветов, применяемых обычно в дизайне интернет-магазинов, торгующих одеждой.
- 10 способов увеличения продаж, основанных на психологии клиентов
- 5 новейших психологических исследований по ценообразованию. MUST READ!
- Как использовать 6 принципов убеждения доктора Чалдини для увеличения конверсии?
И еще несколько фактов
Дизайн имеет решающее значение для 42% посетителей. Будучи недовольны дизайном сайта или лендинга, 52% опрошенных никогда не вернутся на него вновь.
64% онлайн-покупателей не купят товар, если посчитают, что сайт загружается неоправданно медленно. Согласно исследованию Amazon.com, увеличение времени загрузки на каждые 100 миллисекунд приводит к снижению продаж на 1%.
По оси Y отслеживается процент падения продаж, по оси Х — время в миллисекундах.
Не забывайте использовать и «слова силы»: 52% потребителей позитивно отреагируют на слово «распродажа», а 60% почувствуют себя спокойно и непринужденно на вашем сайте и будут склоняться к мысли о покупке, увидев слово «гарантия».
В Галерее лендингов LPgenerator вы найдете множество бесплатных готовых страниц в разнообразных цветовых решениях как для десктопа, так и мобильных устройств. Выбирайте любой понравившийся вам шаблон и настраивайте его в нашем редакторе.
Высоких вам конверсий!
По материалам: blog.kissmetrics.com
07-08-2013
ЧАСТЬ 1.
Статьи о дизайне. (Дизайн изнутри, теория и практика)
ЧАСТЬ 2. Статьи
о дизайне. (Рядом с дизайном, психология, будни)
ЧАСТЬ 3.
Статьи о дизайнерах. (Дизайнеры, интервью, биографии)
ЧАСТЬ 4. Статьи
о дизайне. (Мысли про дизайн, словари)
ЧАСТЬ 5. Скорая
помощь дизайнеру. (100 советов по дизайну)
ЧАСТЬ 6.
Информация о дизайне. (Статьи на Форуме сайта)
ЧАСТЬ 7. Необыкновенное
рядом. (Дизайн, изобретения, визуалы, рецензии к играм PC)
ЧАСТЬ 8. Живопись.
Художники. Картины мастеров живописи с комментариями
ЧАСТЬ 9. Web
дизайн. Уроки фотошопа, Уроки Photoshop
ЧАСТЬ 10.
Вебмастерам, дизайнерам, графика, seo, рецензии к компьютерным играм
ЧАСТЬ 11.
Реферат на тему дизайн. Рефераты по дизайну. Скачать бесплатно
ЧАСТЬ 12.
Про дизайн, web и seo оптимизацию
ЧАСТЬ 13.
Факты и технологии
Промышленный дизайн, графический дизайн, гламурные картинки, иконки, аватары.
Советы по дизайну. Философия, психология и трудовые будни дизайнера.
Значение цвета в оформлении магазина. Цветовое оформление
магазина
Подробнее о значении цветов смотрим —
в моей e-book таблице: «Colour
of Design. Приложение 1. Эмоциональное восприятие цвета». Text:
2007 г. (https://www.rosdesign.com/design/bookofdesign_e.htm)
Цвет воздействует на физиологические процессы человека и на его психологическое
состояние.
Свойства цвета…
Цвет обладает определенными свойствами:
1. излучение (физические свойства)
2. влияние излучения на нервные клетки глаза (физиологические свойства)
Зная особенности каждого цвета можно формировать определенный образ, вызывать
определенные эмоции и ассоциации.
В оформлении магазина цвет играет важную
роль…
В оформлении магазина цвет играет важную роль. Цветовая гамма воспринимается
на подсознательном уровне и напрямую влияет на поведение покупателя. Поэтому
к правильной колористической подготовке интерьера магазина стоит отнестись
на полном серьезе.
При разработке колористической модели помещения магазина обязательно надо
учитывать все объекты, на которые будет воздействовать выбранная цветовая
гамма. Это покупатели и персонал магазина. Покупатели проводят в помещении
магазина немного времени, персонал проводит там до 8 часов каждый день.
В зависимости от того, как долго воздействует цвет на человека формируется
отношение человека к такой цветовой гамме. Учитывая это, следует предусмотреть
в магазине «цветовые зоны отдыха» для персонала. Например, оформить
комнату отдыха или другие подсобные помещения, применив успокаивающую цветовую
гамму (мягкие пастельные спокойные тона, зеленая гамма). Сделать так, чтобы
оформление подсобных помещений выгодно контрастировало с «надоевшей»
цветовой гаммой торгового зала.
Психологический фактор…
Цветовую гамму магазина желательно подобрать психологически близкой продаваемым
товарам и услугам. Например, светлые стерильные тона лучше применять в аптеке,
а желто-охристую гамму в продовольственном магазине. При оформлении стеллажей…
При оформлении стеллажей следует избегать их визуальной однотонности с товаром.
Товар обязательно должен четко выделяться на фоне общего оформления магазина.
При оформлении витрин рекомендуется использовать не более двух цветов, но
при этом количество оттенков может быть неограниченно. Известно, что цвет влияет на восприятие пространства…
Известно, что цвет влияет на восприятие пространства. Теплые цвета приближают
объекты (следовательно сужают помещение), холодные — удаляют (визуально
расширяют помещение). Также на восприятие планировки влияет тон окрашенных
поверхностей, где для визуального удаления от посетителя стены или потолка
применяются светлые тона, для приближения — темные. Неплохо сужают помещение
большие графические мотивы в оформлении стен (например, слишком крупный
рисунок раппортного поля).Освещение играет важную роль…
Освещение играет важную роль в организации цветовой композиции магазина.
Магазин — это не бар. Не жалейте света и тщательно подобранная вами цветовая
гамма не поблекнет и будет адекватно воспринята посетителями. К тому же
хорошее освещение просто необходимо покупателям при выборе товара и продавцам
для удобства работы. Хорошо освещенное помещение повышает работоспособность,
темное помещение напротив не только снижает работоспособность, но и вредно
для здоровья персонала.
В зависимости от времени года…
В зависимости от времени года есть смысл использовать определенные цветовые
гаммы и предметы интерьера. Летом — зелень, солнце, растения. Зимой — серебристость,
прозрачность и чистота.
Есть мнение, что применение «летних» объектов в зимнее время и
наоборот способствует появлению положительных эмоций. Спорить не буду, но
не советую перебарщивать с этим.Какие цвета чаще всего встречаются в оформлении
магазинов?
В большинстве случаев все и ничего. Это могут быть какие угодно оттенки,
но толку от этого ноль, если цветовая гамма подобрана неправильно. Превалирует
белый, но от этого он всем надоел и не воспринимается адекватно.
Я не буду описывать психологические свойства конкретных цветов. Об этом
можно прочитать на
сайте в отдельной моей статье (https://www.rosdesign.com/design/kolorofdesign.htm).
Ниже следуют конкретные рекомендации по выбору цвета для магазина исходя
из специфики последнего.
Цветовая гамма…
Цветовая (полихромная) гамма делится на теплую, холодную и (монохромные)
оттенки тона. Полихромный — эмоциональное восприятие. Монохромный — рациональное
восприятие.
Холодная цветовая гамма — это фиолетовый — синий (аристократичность) — зеленый
(спокойствие, чистота, уверенная жизненная сила). Холодная гамма (в частности
синий) оказывает тормозящее действие на нервную систему, успокаивает — используется
в случае, если покупатель должен подумать, прежде чем сделать выбор, например
дорогого товара.
Теплая цветовая гамма — это пурпурный — красный — оранжевый — желтый. Теплая
цветовая гамма — это праздник, радость, возбуждение, положительные эмоции.
Тон — это белый (сложный, чистый, дисциплинирующий цвет) — серый (нейтральный
и сочетающийся с любым цветом тон, может также работать как примиряющий
разграничитель не сочетающихся цветов. Серый тон работает нейтрально и все
внимание покупателя уделяется товару) — черный (покои, постоянство).
Какие цвета и оттенки могут вызвать неоднозначную
реакцию?
Прежде всего — это яркие, кричащие раздражающие цвета. По степени раздражения
цвета располагаются примерно так: оранжевый — желтый — красный — зеленый
— темно-красный и пурпурный. На основании социологических исследований также
был получен следующий ряд цветов по мере уменьшения предпочтительности:
голубой — фиолетовый — белый — розовый — пурпурный — красный — зеленый —
желтый — оранжевый — коричневый — черный.Какие цвета и оттенки рекомендуется
использовать для магазинов?Рекомендации, а не указания к точному исполнению…
Молочный магазин — чистота, цвет продукта (белый)
Аптека — порядок, стерильность, дисциплина (белый, сиреневый светлый)
Лимонады и водка — холодные светлые, освежающие тона (кобальт зелено-голубой)
Вина — стиль и значимость (сливовый, винный)
Музыкальные магазины — возбуждающий, запоминающийся (красный, золотой,
черный, сиреневый, кобальт)
Авангардные товары — кричащие, необычные цвета (розовый, оранжевый,
лиловый, красный, сиреневый, все люминесцентные, хаки)
Оружие — практичность, консерватизм, энергия (хаки, разбеленный оливковый,
коричневый, зеленый, серый)
Канцтовары — корпоративный, профессиональный, достойный цвет (насыщенный
синий)
Драгоценности — (кадмий желтый, золотой, охра, фиолетовый, ярко-синий,
светло-серый)
Отопительные системы — тепло, цвет свойства товара (красно-коричневая
гамма)
Дорогие стильные товары — изысканность и благородство (ярко-синий
цвет, спокойные тона, фиолетовый)
Дешевые товары — легкий, несерьезный цвет (желтая, оранжевая гамма)
Спортивные товары и товары для курортного отдыха — цвета ассоциации
(небесно-голубой, кобальт, лазурь, аквамарин, насыщенный зеленый, оранжевая
гамма, травяной, морская волна)
Фильмы — профессиональный, уважаемый, достойный (темно-синий)
Детские товары — яркие локальные простые цвета в оформлении или сдержанная
фоновая гамма и яркие кричащие товары и предметы интерьера
Продукты питания — земляные и растительные природные цвета (разбеленный
малиновый, желтая гамма, земляные тона, коричневый, кирпичный, бежевый,
охра, авокадо, оливковый, кадмий желтый, насыщенный оранжевый)
Кофе, какао, шоколад — земляные цвета продукта (коричневый, бежевый,
охра)
Парфюмерия, косметика — парфюмерные ассоциации (сине-розовая гамма,
фиолетовый светлый)
Товары для дома — спокойствие, уверенность, доброжелательность (пастельная
теплая гамма, серый и белый тон)
Светильники — блеск, яркость (серо-металлическая гамма, приглушенная
мягкая гамма)
Строительные товары — рабочие, ремонтные технические цвета и тона
(черный, серый, оранжевый)
Замороженные продукты — яркие цвета или зимние цвета (серо-голубой,
синий)
Хозяйственные товары — чистота, простота, надежность (светлая холодная
цветовая гамма, белый-серый тон)
Свадебные товары — торжественное сочетание (белый, красный, золото)
Подарки — яркие цвета настроения (зеленый, синий, пурпурный, оранжевый)
Книги — (теплые тона)
Мебель — коричневая гамма натурального материала продукта (охра,
коричневый, желтый)
Одежда, обувь — важную роль при восприятии цвета играет хорошее освещение
Бытовая техника — технологичность и доверие (приглушенный синий)
Электроника — технологичность и доверие (приглушенный синий)
Женские товары — (малиновый цвет молодости и красоты)
Мужские — сила и энергия (красный цвет лидерства символ силы и энергии)
Товары для пожилых — сдержанные сложные цветовые гаммы (пастельная
теплая и холодная)
Клюев Михаил (с) 2007
(rosdesign.com)
Копирование
материала запрещено!
Подробнее о значении цветов смотрим —
в моей e-book таблице: «Colour
of Design. Приложение 1. Эмоциональное восприятие цвета». Text:
2007 г. (https://www.rosdesign.com/design/bookofdesign_e.htm)
Смотри также:
Цвет
Цвет в рекламе
Иллюзии зрительного восприятия
Психологическое воздействие
цвета
Системные и безопасные цвета
Графика
Цвет в интерьере
Колористика
Цвет и свет