Использование Color Emotion для более тесного взаимодействия с аудиторией

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

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

Давай приступим к работе!

Связь между цветами и эмоциями

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

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

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

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

4 способа использовать цвета, чтобы привлечь внимание аудитории

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

1. Составьте цветовую палитру с учетом конкретных эмоций в уме.

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

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

• Возбуждение
• Возможность
• Доверять
• Страх упустить

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

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

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

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

2. Создайте заголовок своего веб-сайта вокруг определенного цвета.

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

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

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

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

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

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

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

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

• Красные. Они часто ассоциируются со страстью и агрессивным маркетингом.
• Апельсины. Как мы упоминали ранее, апельсины можно использовать, чтобы проявить импульсивность.
• Блюз. Многие веб-сайты используют синие цветовые палитры из-за их успокаивающей ассоциации. Это может сыграть вам на руку, если вы хотите создавать более привлекательные и приветливые призывы к действию.
• Фиолетовый. На протяжении всей истории фиолетовый ассоциировался с роскошью. Это может сделать его интересным вариантом для CTA.

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

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

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

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

4. Не бойтесь использовать менее популярные цвета.

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

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

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

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

Вы также можете использовать цвета более экономно, если не хотите так откровенно выражать эмоции, которые пытаетесь вызвать. Например, Sweet Cecily's - это пастельные тона, и нам очень нравится использование в нем розового. Поскольку этот цвет ассоциируется с молодостью и женственностью, он идеально подходит для целевой аудитории:

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

Заключение

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

Давайте рассмотрим четыре способа использования цвета в веб-дизайне, чтобы привлечь внимание посетителей:

1. Составьте цветовую палитру с учетом конкретных эмоций.
2. Создайте заголовок своего веб-сайта вокруг определенного оттенка.
3. Используйте правильные цвета для ваших призывов к действию.
4. Не бойтесь использовать менее популярные оттенки.

У вас есть вопросы о том, как использовать цвета для передачи эмоций в веб-дизайне? Давайте поговорим о них в разделе комментариев ниже!

Миниатюра статьи: Hardyguardy / shutterstock.com