Продает ли контент на вашем сайте?

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

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

Цвет меняет наше восприятие веса

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

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

Иллюзия «более темного и тяжелого» называется кажущимся весом. Американские психологи Карл Дж. Уорден и Эллен Л. Флинн описали результаты своих тестов в статье «Влияние цвета на кажущийся размер и вес». В прозрачную стеклянную тару кладут 8 коробок одинакового размера. Затем участников попросили расположить эти коробки в соответствии с их предполагаемым весом. Самым светлым, по мнению испытуемых, был белый прямоугольник, за ним следовали светлые прямоугольники и черный прямоугольник в конце списка. Он был почти 2 кг, как показалось участникам эксперимента, тяжелее белого.

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

Цвет может влиять на вкус

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

Безалкогольный напиток Dr Pepper компании Snapple Group рекламировался как лечебный напиток. Цвет фона банок с этим напитком был изменен с бежевого на синий, и люди начали говорить, что теперь он похож на старое доброе «свекольное пиво». Хотя рецепт остался прежним.

Цвет может не только привлечь внимание, но и изменить вкусовое восприятие продукта.

Цветовые предпочтения потребителей

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

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

Цвет

Предпочтение (ниже = менее популярно)

Синий

один

Красный

2

Зеленый

3

Альт

4

Апельсин

5

Желтый

6

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

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

Цветовые предпочтения меняются с возрастом

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

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

Итак, чем дальше, тем синее? Это объясняет физиология. Это связано с возрастными процессами, происходящими в глазу человека. Глаз ребенка поглощает только 10% синего цвета, а глаз взрослого — уже 85%. Поэтому «сине-зеленый» (напоминающий старый советский фильм) со временем становится синим.

Наиболее предпочитаемые цветовые комбинации

Посмотрим, есть ли более предпочтительные для потребителя цветовые сочетания.

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

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

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

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

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

Пары цветов

Степень наилучшего соответствия (1 — наименее контрастные цвета, 10 — наиболее)

Потребительские предпочтения (1 — наиболее предпочтительная комбинация, 10 — наименьшая)

Сине-желтый

2

один

Красно синий

10

2

Фиолетовый — Желтый

5

3

Красный зеленый

один

4

Фиолетовый — Зеленый

3

5

Красный желтый

7

6

Синий — Оранжевый

восемь

7

Красный апельсин

девять

восемь

Желто-зеленый

4

девять

Фиолетовый — Оранжевый

6

10

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

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

ИКЕА
Walmart

Логотип Warner Bros
Логотип GAP
Пепси
НАСА
Google

Как цвет влияет на читаемость текста

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

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

Подводные камни выворотной печати

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

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

Есть ли исключения из этого правила? Обратная печать может быть эффективной в случае заголовков, когда шрифт большой и в них мало слов (например: «Выиграй iPhone!»), И даже если ваше объявление буквально перегружено другой рекламой в Интернете.

  • Обратная печать делает текст менее разборчивым. В статье «Сравнительная читаемость черно-белого текста», опубликованной в Journal of Applied Psychology в 1931 году, исследователь Г. Холмс по результатам проведенных тестов пришел к следующему выводу: слова, напечатанные черным цветом на белом фоне можно читать с расстояния 66 дюймов, а испытуемые читают белые буквы, на черном фоне — всего 55 дюймов.
  • Обратная печать снижает скорость чтения. В результате эксперимента Дэниел Старч обнаружил, что участники читают простой текст со скоростью более 6 слов в секунду. Перевёрнутый текст читался со скоростью 4 слова в секунду.
  • Тексты с обратной печатью не полностью читаются пользователями. Психологи М.А. Тинкер и Д.Г. Патерсон попросили испытуемых прочитать обычный текст, а затем перевернутый текст. Второй текст оказался на 4% менее разборчивым. Когда участникам был показан только перевернутый текст, его читабельность снизилась на 16%.

Психология шрифта

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

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

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

Вы знаете разницу между шрифтами с засечками и без них?

У шрифта с засечками есть небольшая основа вверху и внизу букв и украшения вверху. Примеры шрифтов с засечками: Times New Roman, Palatino, Schoolbook, Georgia.

Шрифты без засечек (sans serif) не имеют засечек вверху и внизу букв или украшений. Примеры шрифтов без засечек: Arial, Verdana, Helvetica.

READ  Брендинг, айдентика и логотипы: в чем разница?

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

Какие шрифты использовать в интернете?

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

В 2002 году Лаборатория юзабилити программного обеспечения опубликовала исследование под названием «Сравнение популярных онлайн-шрифтов: какой размер и тип лучше?» Выводы: наиболее читабельны Arial, Courier и Verdana.

При размере шрифта 10 пунктов участники эксперимента предпочли шрифт Verdana, на последнем месте Times New Roman. На 12 баллов больше всего предпочел Arial, тогда как Times New Roman снова получил наименьшую оценку.

Маркетолог Дрю Эрик Уитман рекомендует для максимально быстрого и понятного онлайн-чтения:

  • Если вам нужно меньше, то Verdana, но лучше избегать мелкого шрифта.
  • Arial с высотой 12 точек и более.
  • Если у вас более старая целевая аудитория, лучше всего использовать 14 контактов.
  • Для формального и корпоративного тестирования используйте Грузию.

Картинки в рекламе

В 1991 году Roper Starch Worldwide провела исследование 2000 потребителей в 10 американских городах, которые откликнулись на 650 рекламных объявлений различных потребительских товаров. Результаты научно подтвердили, как наличие изображений влияет на скорость отклика рекламы, независимо от продукта. Вот результаты этого исследования:

  • Рекламу с 4–9 визуальными элементами замечают на 30% чаще, чем рекламу без визуальных элементов или с меньшим их количеством.
  • В самой читаемой категории те же самые объявления показывали 60.
  • Объявления с 50% изображений будут замечены на 50% чаще, чем объявления с меньшим количеством изображений или без них.
  • Рекламу с более чем 10 визуальными элементами заметят на 55% больше людей, чем рекламу без визуальных элементов или с меньшим их количеством.
  • Фотографии — самый удачный вид графики.
  • Популярной рекламой с рейтингом до 70% можно считать рекламу с более чем 10 визуальными элементами.
  • Визуальная демонстрация продукта привлекает читателей на 13% чаще.

7 лучших тем для изображений

  1. Дети и младенцыКартинки
  2. Матери и детиИзображение в рекламе
  3. Группы для взрослыхИзображения в рекламе
  4. ЖивотныеФото в рекламе
  5. Спортивная тематикаСпортивное фото
  6. ЗнаменитостиФотографии
  7. ЕдаИзображение еды

Почему эти образы так привлекательны для нас? Потому что они отражают основные потребности человека. Дети, семья, друзья, признание, потребность в пище — вечные темы.

Изображение продукта в рекламе

Фотография продукта в объявлении привлекает на 13% больше читателей.

Фотография продукта в объявлении привлекает на 13% больше читателей

Фотографии продукта в употреблении увеличивают интерес к нему еще 13.

Изображения продуктов

Рекламу с фотографиями людей и товара замечают на 25% больше потребителей.

Продукт и люди

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

Фото результата, до и после

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

Рекламная фотография

В рекламе есть изображение человека, смотрящего на вас?

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

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

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

Фотографическая нейронная сеть

Знаменитый принцип Дэвида Огилви по размещению картинки и текста

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

Принцип 2/3 –1/3 Дэвида Огилви по схеме размещения текста

Первые две трети объявления — это большая фотография.

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

Логотип вашей компании идеально помещается в правом нижнем углу.

2/3

Первые две трети объявления взяты с большой фотографии

1/3

Заголовок сразу под фото

Продажа текста с заглавной буквы

Логотип компании
в правом нижнем углу

Обратный принцип 1/3 –2/3 Дэвида Огилви по схеме размещения текста

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

Как и раньше, разместите логотип компании в правом нижнем углу.

1/3

Верхнюю треть объявления занимает фотография

2/3

Заголовок сразу под фото

Продажа текста с заглавной буквы

Логотип компании
в правом нижнем углу

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

«Большинство людей читают подписи под иллюстрациями, а не основной текст, поэтому никогда не используйте изображения без подписей ниже». — Дэвид Огилви

«Разместите заголовок под изображением, потому что взгляд сначала падает на него, а затем движется вниз». — Исследования крахмала

Таким образом, подпись под изображением одновременно является заголовком вашего текста. Это очень хитрый прием, который выдержал испытание временем и помог многим крупным компаниям стать лидерами в своей отрасли. Если этот метод подойдет «человеку в рубашке Хэтэуэй» и «Роллс-Ройсу», то, видимо, этот метод сработает и для вас, и для меня.

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

Использование цвета на вашем сайте

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

Какого цвета лучший сайт
Какого цвета лучший сайт

Например:

  • Регистрация, заполнение формы;
  • Номер телефона;
  • Логотип;
  • Вкладки меню;
  • Кнопки.
  • Кнопка вызова»;
  • Важная информация;
  • Заголовки и заголовки;

Программа для выбора цветовых акцентов

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

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

Какого цвета лучший сайт
Логотип Adobe Color CC

Какого цвета сайт лучше: на основе преобладающего цвета

Шаг 1

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

Скопировав код с ColorPicker.com, вставьте его в HEX-поле инструмента Adobe Color. Затем проверьте позицию кода, он должен быть вписан в столбец по центру:

Какого цвета лучший сайт
Доминирующий цветовой код

Вставьте код доминирующего цвета вашего сайта в ЦЕНТРАЛЬНЫЙ прямоугольник.

Разместив заказ на определенный цвет, Adobe Color отобразит его на экране вместе с другими дополнительными цветами.

Шаг 2

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

  • Монохромный;
  • Треугольная;
  • Последовательный;
  • Дополнительные;
  • Нюансы.
  • Композитный;

Какого цвета лучший сайт
Цветовые сочетания

На основе понравившейся фотографии

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

Шаг 1

Загрузить фото:

Щелкните значок камеры, чтобы загрузить изображение.

Шаг 2

Выберите цветовое настроение:

  • Свет;
  • Цветной;
  • Приглушенный;
  • Насыщенный;
  • Темный.

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

Какого цвета лучший сайт
Выберите цветовое настроение.

Выберите цветовое настроение.

Шаг 3

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

Какого цвета лучший сайт
Подробный подбор дополнительных цветов

Шаг 4

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

  • для просмотра цветовых кодов (HEX) щелкните цветовое колесо в правом верхнем углу
  • нажмите на цветовое колесо, чтобы увидеть цветовые коды
READ  Разработка фирменного стиля

Какого цвета лучший сайт
Цветовые коды (HEX) для вашей цветовой схемы

  • Скопируйте цветовые коды (HEX) для своей цветовой схемы.

Синий

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

Синий выражает уверенность, порядок, вызывает чувство спокойствия, безмятежности. Поэтому синюю цветовую схему выбирают для сайтов, связанных с деньгами, личной информацией или юридическими документами. Обычно это страховые компании, финансовые организации, агентства недвижимости или билетные компании. Наиболее очевидные примеры — Booking, Ozon, Cyan, Domofond. В этих оттенках также интерфейсы популярных социальных сетей и мессенджеров: ВКонтакте, Telegram, Twitter, Facebook.

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

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

Есть два основных способа применения теории цвета для создания эффективных торговых страниц:

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

Как использовать психологию цвета

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

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

Пример дизайна сайта и цветовой палитры для свадебного салона

Дизайн сайта свадебного салона: мягкие пастельные тона низкой насыщенности на преимущественно белом фоне

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

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

Дизайн сайта женского журнала

Редакция женского журнала Cosmopolitan знает, что их читательницы любят насыщенные теплые цвета

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

Дизайн сайта магазина мужской одежды и аксессуаров

Дизайн сайта магазина мужской одежды и аксессуаров: сдержанное сочетание базовых оттенков

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

Как подбирать комбинации оттенков для повышения удобства восприятия информации

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

Например, ColoRotate имеет целую библиотеку цветовых схем, которые можно выбирать, сохранять и редактировать с помощью современного инструмента 3D-цвета).

Ресурс Pictaculous подберет готовую палитру, соответствующую загруженной вами фотографии, а ColorSchemer — удобная платформа для создания собственных цветовых схем.

При выборе цветовой палитры не используйте более трех или четырех цветов на странице. Яркий дизайн производит плохое впечатление, помогает отвлечь внимание пользователей, отвлекает от ключевой информации на сайте и «уводит» от кнопок CTA.

Обычно для сайта выбирают три цвета: основной оттенок (фон), второстепенный для выделения крупных элементов и яркий акцентный цвет.

На странице продаж есть специальная формула актуального соотношения базовых цветов: 60/30/10. Это означает, что фон страницы занимает 60% площади, второстепенный оттенок — около 30%, цвет акцента — оставшиеся 10%.

формула базового соотношения цветов на странице продаж

Формула актуального соотношения основных цветов на странице продаж. Источник — lpgenerator.ru

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

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

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

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

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

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

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

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

Цветовое взаимодействие и преобразование

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

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

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

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

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

Давайте посмотрим на один из распространенных примеров: увеличение конверсии за счет изменения цвета кнопки.

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

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

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

Как вы думаете, какой вариант наиболее трансформируемый? ПервыйВторойТретийЧетвертыйПятыйПятыйСедьмойСедьмой ВосьмойДевятый10-й Одиннадцатый ДвенадцатыйПоказать результаты ПовернутьПроголосовать

Результаты исследования:

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

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

Каким цветом привлечь ребенка?

А наши дети? Ведь они тоже полноправные участники процесса покупки товаров. То и дело слышишь знакомое: «Покупай!».

READ  Бренд менеджер кто это, какие у него обязанности и зарплата?

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

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

Психология цвета в маркетинге и рекламе +примеры

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

Красный

Красный в плане эмоций:

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

— цвет опасности, безотлагательности, может спровоцировать гнев.

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

Красный в рекламе и маркетинге

Характеристики красного в рекламе:

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

Бренды, которые используют красный в качестве основного цвета: Youtube, Netflix, Coca-Cola, MTS, Opera, MyTarget.

Черный

Черный по эмоциям:

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

— цвет желания, смерти.

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

Черный в рекламе и маркетинге

Влияние черного цвета:

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

Бренды, которые используют черный в качестве основного цвета: Jack Daniel’s, Puma, Chanel, WWF.

Белый

Белый с точки зрения эмоций:

+ цвет чистоты, свежести, простоты, чистоты, здоровья, минимализма;

— цвет безразличия, примитивности, замкнутости.

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

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

Белый в маркетинге и рекламе

Характеристики белого в маркетинге:

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

Бренды, которые используют белый цвет в качестве основного цвета: Adidas, Sony, Zara, Cartier.

Статья по теме: Как правильно оформить профиль в Instagram

Синий

Синий по эмоциям:

+ цвет защищенности, спокойствия, уверенности, свежести, последовательности, консервативности;

— отрицательно может восприниматься как цвет замкнутости, непривлекательности.

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

Синий в рекламе и маркетинге

Значение синего цвета в рекламе:

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

Бренды, которые используют синий в качестве основного цвета: Facebook, PayPal, Samsung, Nivea, Ford, Visa, American Express, Pepsi, Intel, Skype, Twitter.

Зеленый

Зеленый в плане эмоций:

+ цвет экологии, природы, здоровья, чистоты, молодости, спокойствия, денег, открытости, радушия;

— может ассоциироваться с завистью, жадностью, чувством вины.

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

Экологичность в маркетинге и рекламе

Характеристики зеленого цвета:

  • связанные с развитием, ростом, здоровьем и деньгами;
  • расслабьте глаза;
  • привлекает внимание и работает как призыв к действию;

Бренды, которые используют зеленый в качестве основного цвета: Animal Planet, Starbucks, Lacoste, Xbox, Spotify, Heineken, Android.

Желтый

Желтый с точки зрения эмоций:

+ цвет позитива, энергии, счастья, лета, солнца, игривости, импульсивности;

— цвет нестабильности, безответственности, беспокойства, экономии.

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

Желтый в рекламе и маркетинге

Желтый цвет для рекламы:

  • желтые логотипы легко запомнить;
  • желтый внушает оптимизм;
  • хорошо привлекает внимание в сочетании с черным;

Бренды, которые используют желтый в качестве основного цвета: Tinkoff, Snapchat, McDonald’s, Nikon, Lipton, Burger King, Rostix, Chupa Chups, Uber, Renault.

Оранжевый

Апельсин для эмоций:

+ цвет смелости, дерзости, уверенности, успеха, энергии, веселья;

— цвет нестабильности и незрелости.

Этот цвет используется в рекламных целях реже, чем все остальные. Подходит для развлекательных товаров и массового производства. Неудивительно, что оранжевый — основной цвет крупнейших торговых площадок Amazon и Aliexpress. Он также подходит для кнопок CTA и работает не хуже зеленого. Оранжевый можно увидеть в рекламе бытовой техники, напитков, игрушек, фруктов.

Апельсин в рекламе и маркетинге

Апельсин в маркетинге:

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

Бренды, которые используют оранжевый в качестве основного цвета: Amazon, Aliexpress, Payoneer, Fanta, Mastercard, Harley Davidson, Firefox.

Фиолетовый

Фиолетовый в плане эмоций:

+ цвет духовности, таинственности, благородства, роскоши, торжественности, цвет фантазии.

— иногда вызывает грусть и депрессию.

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

Фиолетовый в рекламе и маркетинге

Характеристики фиолетового:

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

Бренды, которые используют фиолетовый в качестве основного цвета: Milka, Viber, Yahoo.

Это интересно: чем занимается веб-дизайнер и сколько ему платят?

Розовый

Розовый с точки зрения эмоций:

+ невинность, сладость, сладость, счастье, женственность, воображение, творчество;

— инфантильность, бунтарство, импульсивность.

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

Розовый в рекламе и маркетинге

Розовый в рекламе и маркетинге:

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

Бренды, которые используют розовый в качестве основного цвета: Cosmopolitan, Barbie, Victoria’s Secret.

Коричневый

Коричневый с точки зрения эмоций:

+ цвет стабильности, долголетия, природы, земли, комфорта, безопасности, простоты;

— может ассоциироваться с увяданием, старостью, консерватизмом.

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

Особенности коричневого цвета

Характеристики коричневого цвета:

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

Бренды, которые используют коричневый в качестве основного цвета: Coffee House, Nespresso, UPS.

Источники

  • https://MoneyMaster.site/vybiraem-cvet-sajta-professionalno/
  • https://mindspace.ru/353-tsvetoterapiya_dlya_biznesa_psihologiya_tsveta_v_prodazhah_i_biznese/
  • https://timeweb.com/ru/community/articles/prodayut-li-kartinki-cvet-shrift-na-vashem-sayte
  • https://vc.ru/flood/38948-cveta-kotorye-pomogayut-prodavat
  • https://postium.ru/psixologiya-cveta-v-marketinge-reklame/
  • https://bolsheprodag.ru/privlechenie-pokupatelej/kakie-cveta-privlekayut-pokupatelej
  • https://www.unisender.com/ru/support/about/glossary/teoriya-cveta/
  • https://tjournal.ru/art/95803-psihologiya-cveta-v-marketinge-i-brendinge
  • http://www.mpzp.ru/art/43865550.html

[свернуть]

Related Posts