Цвет побуждающий к действию: Какую цветовую гамму выбрать для сайта – База знаний Timeweb Community

Содержание

Какую цветовую гамму выбрать для сайта – База знаний Timeweb Community

Влияние цвета

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

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

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

Психология целевой аудитории

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

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

  • оранжевый;
  • желтый;
  • коричневый.

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

Любимые оттенки у обоих полов:

  • синий;
  • зеленый;
  • красный.

Женщинам — как уже было замечено выше — еще нравится фиолетовый цвет.

Хорошие оттенки для сайта

Синий

Самый любимый цвет у обоих полов. Это оттенок, который часто ассоциируется с техникой, технологиями и вебом в целом. У многих компаний и веб-сервисов (Facebook, Вконтакте, Skype, Twitter, LinkedIn и других) логотипы именно в сине-голубой гамме. Этот цвет вызывает доверие, ощущение комфорта и защищенности. Это корпоративный цвет, серьезный и спокойный. Идеальный для бизнеса.

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

Белый

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

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

Зеленый

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

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

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

Красный

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

Фиолетовый

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

Черный

Черный цвет у многих ассоциируется с оригинальностью, изысканностью и авторитетом. Безусловно, сайт в черной гамме выделяется из ряда остальных, он запоминается и вызывает интерес. Этот цвет часто выбирают люксовые марки, например, так оформлен сайт у Mercedes-Benz:

Спорные цвета для сайта

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

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

Это же касается и коричневого цвета — «облачать» весь сайт в эту гамму не стоит, но отдельные коричневые элементы сделать можно, особенно если речь идет, например, о шоколаде:

А какой цвет вы выбрали для своего сайта и почему?

Грамотное использование цветовой гаммы | Веб-студия «Мульти сайт»

Один из самых быстрых способов вызвать у человека эмоции — это цветовое воздействие! Известно, что человеческий мозг обрабатывает изображение (а уж тем более цветное) в 60 раз быстрее, нежели воспринимает слова.

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

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

». Helpscout

 

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

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

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

Основные фирменные цвета и их значения

1. Отлично подходят для привлечения внимания и побуждения к действию

Красный

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

 

Зеленый

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

 

Оранжевый

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

 

 

2. Плохо справляются с задачей — привлечь внимание и побудить к действию!

Коричневый

Этот цвет — цвет земли. Обычно этот цвет ассоциируется с прочностью, твердостью и уверенностью.

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

 

Черный

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

 

Белый

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

 

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

Фиолетовый — творческий, мудрый, духовный

Синий — надежность, могущество

Желтый — позитивный, теплый, оптимистичный

Серый — уравновешиный, спокойный

Сложно определиться с цветом, дизайном и прочими нюансами? Не можете создать современный сайт? Обратитесь в наше диджитал-агентство —  мы вам обязательно поможем!

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

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

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

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

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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пол и цвет

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

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

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

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

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

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

В приложении Virgin America для iOS нет даже намека на голубые оттенки.

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

Цвет и оптимизация уровня конверсии

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

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

A/B тестирование – наиболее эффективный и часто используемый метод маркетингового исследования.

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

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

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

Веб-сервис Evernote. Их кнопка призыва к действию «It’s Free» просто похоронена, потому что по цвету сливается с фоном. Она теряется на странице, и пользователи ее не замечают.

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

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

Цвет и юзабилити

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

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

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

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

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

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

Формула 60% + 30% + 10% – это залог сбалансированности используемых цветов.
Доступность цветовосприятия

Люди воспринимают цвета по-разному. Примерно 8% всех мужчин и 0,5% всех женщин страдают дальтонизмом в той или иной степени. От нарушения цветовосприятия больше всего страдает сочетание красного цвета с зеленым. Единственный способ избежать проблем – стараться не использовать эту цветовую комбинацию.

Многим дальтоникам трудно отличить красный цвет от зеленого.

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

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

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

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

Есть несколько способов, которые помогут протестировать ваш пользовательский интерфейс на доступность?

  • Сервис WebAIM поможет с проверкой цветовых сочетаний.
  • Использование графического редактора Adobe Photoshop поможет откорректировать изображения с помощью Color Universal Design. Это обеспечит доступность графической информации для людей с нарушением цветовосприятия, в том числе и цветовой слепотой.

Заключение

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

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

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

Понравилась статья? Подписывайтесь на нас ВКонтакте:

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

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

Эмоциональный дизайн с примерами

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

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

Умение использовать цвета можно прокачивать до бесконечности. Это настоящая бездна возможностей для воздействия на человека.

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

Теория цвета

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

Можно разбить теорию цвета на три части:

Контраст

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

Дополнение

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

Резонанс

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

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

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

Эмоциональное восприятие цвета

Никто не будет отрицать тесное взаимодействие цвета и эмоций. И, разумеется, любой веб-дизайнер хочет использовать это влияние, чтобы создавать верную атмосферу для каждого сайта.  На основе нескольких исследований – анализа, опубликованного на сайте Vandelay Design, и поста о цветах в Smash Magazine – мы объясним, как цвета влияют на эмоции и помогают создавать UX-дизайн.

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

Красный

Эмоции и ассоциации: власть, важность, молодость, страсть, любовь, действие, агрессия.

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

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

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

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

Оранжевый

Эмоции и ассоциации: дружелюбие, энергия, уникальность, солнечность, оптимизм.

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

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

Жёлтый

Эмоции и ассоциации: счастье, креатив, оптимизм, энтузиазм, архаичность (более тёмные тона).

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

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

Зелёный цвет

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

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

Синий цвет

Эмоции и ассоциации: спокойствие, безопасность, прохлада, открытость (более светлые оттенки), надёжность (более тёмные оттенки).

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

Социальные сети вроде Twitter и Facebook используют более лёгкие и средние оттенки синего, а корпоративные сайты предпочитают более тёмные оттенки силы и надёжности. Отличный пример – агентство событийного дизайна Van Vliet & Trap. Используя синие цветы в качестве фона, они визуально намекнули на свои знания и умения во флористике, а также создали ощущение надёжности и доверия.  Это имеет большое значение, поскольку они работают с событиями, для которых очень важна визуальная часть, например со свадьбами.

Фиолетовый

Эмоции и ассоциации: роскошь, креатив, романтика (светлые оттенки), мистика и тайна (тёмные оттенки).

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

Чёрный

Эмоции и ассоциации: власть, изысканность, нервозность.

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

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

Белый

Эмоции и ассоциации: чистота, простота, добродетель.

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

Серый цвет

Эмоции и ассоциации: нейтральность, формальность, меланхолия.

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

Бежевый

Эмоции и ассоциации: передаёт характер остальных цветов.

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

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

Цвет слоновой кости

Эмоции и ассоциации: комфорт, элегантность, простота.

Цвет слоновой кости, а также кремовый вызывают практически те же эмоции, что и белый. Однако цвет слоновой кости более тёплый (или менее стерильный), чем белый, что создаёт большее ощущение комфорта, сохраняя при этом минимализм. Можно использовать цвет слоновой кости вместо белого, чтобы смягчить контраст между ним и более тёмными цветами. Например, на сайте Art in My Coffee коричнево-оранжевые элементы размещены на фоне цвета слоновой кости (который выглядит сероватым), что сохраняет ощущение теплоты.

Цветовая гамма

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

Триада (тройная гармония, треугольник)

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

Двойная комплиментарная система

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

Аналоги (последовательная система)

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

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

Инструменты-помощники для выбора цвета

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

  1. Adobe Color CC, ранее известный как Adobe Kuler. Это один из самых надёжных инструментов в выборе цвета.
  2. Paletton. Если вам нужен простой инструмент для максимально быстрого выбора цвета, Paletton отлично подойдёт.
  3. Flat UI Color Picker. Прекрасный инструмент для выбора цвета пользовательского интерфейса.

А если эти инструменты вам не подходят, вот ещё 28 сайтов с палитрами и разными инструментами для выбора цвета.

Прямая зависимость между цветом и эмоциями

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

© Ия Зорина, Лайфхакер

Как мы себя чувствуем благодаря цвету — Отчет о цвете и эмоциях

Опубликовано: 2021-07-06

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

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

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

Цвета и эмоции

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

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

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

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

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

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

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

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

Как цвета заставляют вас чувствовать

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

Изображение Терри Влисдис | через: Unsplash

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

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

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

Изображение Томаса Милло | через Unsplash

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

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

На изображении ниже прекрасно показано использование желтого с эстетикой черного и привлекает внимание пользователя r.

Изображение Блейка Хантера | через: Unsplash

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

Изображение Мартина Виденка | через — Unsplash

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

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

Изображение Зейна Ли | через — Unsplash

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

Изображение Кристины В. | через — Unsplash

Фиолетовая проекция на логотипе Freedom. Он предлагает эстетичный вид на темном фоне.

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

Изображение предоставлено Social Cut | через — Unsplash

Кофе — это всегда хорошая идея. Написанный с использованием шрифта Proxima Nova на розовом фоне, этот логотип мгновенно привлекает внимание и одновременно является лучшим логотипом.

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

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

Изображение Натана Думлао | через — Unsplash

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

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

Изображение Молли Блэкберд | через — Unsplash

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

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

Изображение Скотта Уэбба | через — Unsplash

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

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

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

Изображение Иммануэля Джебараджа | через — Unsplash

Я очень твердо верю, что когда дело доходит до желания, когда дело доходит до привлекательности, вещи никогда не бывают черными и белыми, а все — в оттенках серого — Брайан Молко

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

Квартира оформленная в красных тонах

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

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

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


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

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

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

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

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

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

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

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


Создаем логотип хорошего настроения — CMS Magazine

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

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

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

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

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

Бытует мнение, что первое впечатление — самое правильное: установить правильные связи позволяют знания особенностей восприятия цвета, накопленные физиологией и психологией:

Белый цвет создает чувство безупречности, простоты и чистоты.

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

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

Коричневый цвет вызывает ощущение стабильности.

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

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

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

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

Черный — цвет глубокого самопознания и символ изящества.

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

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

Насыщенность цвета логотипа определяет силу эмоционального воздействия.

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

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

Правда о лучших и худших цветах кнопок с призывом к действию

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

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

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

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

3 лучших цвета для кнопок призыва к действию:

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

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

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

3 худших цвета кнопок призыва к действию:

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

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

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

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

Написано в соавторстве с Питером Гейшекером и Аланной Моникаль и изначально размещено в Маркетинговом блоге The Geisheker Group.

Другие бизнес-статьи от Business 2 Community:

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

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

Что говорят эксперты по конверсии?

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

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

Но цвет? Это непростой вопрос.

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

  1. Генерализаторы. Оптимизатор коэффициента конверсии этого типа будет строго придерживаться общих передовых практик. Однако они не будут углубляться в психологию своих клиентов, чтобы настроить свои кампании.
  2. Голубиные охотники. Этот второй тип придерживается очень специфических стратегий. Они скажут вам, что есть определенные «секреты», которые гарантированно увеличат вашу конверсию. Они скажут вам, что определенный цвет, шрифт или макет — залог вашего успеха.
  3. Бесконечные тестеры. Третий тип не придерживается какой-либо стратегии. Эти оптимизаторы достаточно экспериментировали, чтобы понять, что некоторые стратегии не обязательно работают для всех. Вместо этого они скажут вам проверять разные вещи, почти наугад, пока вы не найдете что-то, что работает.

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

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

Ясно, что не все могут быть правы.

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

Имеет ли значение цвет CTA?

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

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

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

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

И многие маркетологи действительно пытались это сделать.

На самом деле, вы, вероятно, видели раньше хотя бы одну подобную инфографику:

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

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

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

Например, действительно ли красный цвет стимулирует аппетит? Фактические исследования показывают, что красный цвет на самом деле подавляет аппетит у людей и имеет тенденцию подавлять поведение в целом, что-то вроде знака «стоп».Однако красный действительно стимулирует кормление рыб нильской тилапии.

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

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

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

Этот контекст становится только более сложным, если вы посмотрите на культурные значения, связанные с цветом…

Возьмем, к примеру, черный и белый цвета.

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

Но в Китае все наоборот: белый цвет — символ смерти и траура. Черный цвет для мальчиков.

Даже если учесть в уравнении нечто столь же произвольное, как пол, все становится более сложным…

В исследовании Джо Хэллока было установлено, что мужчины и женщины предпочитают разные цвета следующим образом:

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

Создание контекста

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

Проблема в том, что нет четкого способа это доказать.

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

Не обязательно.

Видите ли, здесь дело не только в цвете самой кнопки.

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

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

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

Что мы знаем о цвете кнопки с призывом к действию

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

Итак, вместо того, чтобы сосредотачиваться на том, чего мы не знаем, давайте сосредоточимся на том, что мы делаем знаем…

Ваш CTA-цвет должен стать популярным

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

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

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

Не требуется понимание контекста или психологического обоснования.

Вот пример отличной кнопки CTA с высокой контрастностью:


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

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

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

Другой высококонтрастный цвет — это триадный цвет : цвет, который находится на трети расстояния вокруг цветового круга от вашего доминирующего цвета.

Цвета должны соответствовать марке

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

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

Например, допустим, ваш бренд жесткий, суровый и мужественный… как Harley Davidson. А теперь представьте, если бы они использовали розовые кнопки с призывом к действию вместо большой оранжевой кнопки. Это не совсем сработает, не так ли?

Полный ответ, конечно, таков, что это зависит от вашей целевой аудитории. ?

Цвета должны быть одинаковыми

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

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

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

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

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

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

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

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

Итог по цвету

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

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

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

Итак, какой цвет кнопки призыва к действию вам больше всего подходит? Вы пробовали использовать разные цвета на своем сайте? Дайте нам знать об этом в комментариях!

Опубликовано Мэри Фернандес

Мэри Фернандес — профессиональный блоггер. Когда ее нет за столом, Мэри обычно исследует солнечный Сан-Диего, штат Калифорния, со своим ноутбуком, мужем и тремя детьми на буксире.

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

Цвет — неотъемлемая часть нашего восприятия мира.Но действительно ли цвета имеют значение для оптимизации конверсии? Может ли цвет кнопки гарантировать лучшую эффективность призыва к действию (CTA)?

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

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

Курс оптимизации конверсии

Автор: Пип Лаха

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

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

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

В разных культурах разные цвета означают противоречивые вещи. Например, белый цвет является цветом траура и смерти в китайской культуре, а цвет смерти в Бразилии — пурпурный. Желтый символизирует счастье и мир в индуизме, но представляет печаль в Греции и ревность во Франции.

Жители тропических стран благосклонно отзываются о теплых тонах; люди из северного климата предпочитают более прохладные цвета и так далее.

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

В этих интерпретациях есть или истины, но можем ли мы превратить эти предполагаемые ассоциации в лифты обращения?

Эксперименты с использованием цвета

Красный может сделать вас победителем…

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

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

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

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

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

… или проигравший

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

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

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

Цвет и вкус горячего шоколада Что делает этот горячий шоколад таким вкусным? Это может быть цвет емкости, из которой вы его пьете. (Изображение предоставлено)

Оказывается, цвет контейнера , в котором подаются еда и напитки, способствует восприятию вкуса. По крайней мере, это справедливо для горячего шоколада, — объясняет исследователь Бетина Пикерас-Фисман.

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

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

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

Если цвет может повлиять на наши спортивные результаты, успеваемость и восприятие вкуса, может ли он также повлиять на наше решение щелкнуть мышью?

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

Красный может увеличить ваши шансы на победу в спорте. Ваш следующий горячий шоколад может быть вкуснее в апельсиновой чашке. Но какое это имеет отношение к конверсиям в Интернете? Действительно ли красный дает вам преимущество для кнопки CTA?

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

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

Существует также ряд интересных примеров тестирования A / B, в которых оранжевая или в основном красная кнопка тестировалась на фоне других цветов, часто зеленых.

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

Так что вы думаете? Какой цвет кнопки выиграл? Вот что говорится в тематических исследованиях.

Пример из практики 1

Dmix писал про тест зеленого и красного цветов кнопок. В своем тестировании с 600 испытуемыми они обнаружили, что конверсий увеличились на 34% при использовании красной кнопки.

Пример из практики 2

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

Их результат? Красная кнопка превзошла зеленую на 21%.

Пример из практики 3 (Изображение предоставлено)

Третий тест предоставлен VWO. Их клиентом был сайт электронной коммерции по продаже мобильных телефонов и аксессуаров. Они протестировали на сайте цвета кнопки «Купить». Конкурс включал белую кнопку с зеленым текстом, зеленую кнопку с белым текстом и красную (темно-оранжевую) кнопку с белым текстом.

И победил: , как вы уже догадались, красная кнопка, на этот раз с 5% -ным ростом конверсии.

Пример из практики 4

В этом исследовании вместо сравнения красноватых и зеленых кнопок рассматривались оранжевые и синие кнопки. В их тестах синяя кнопка выиграла, увеличив подъем на 9%.

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

И все же не Пип написал в этом посте о цветах в веб-дизайне следующее:

Мне понравился этот твит Наоми Найлс:

Я не могу с этим согласиться. Такое повествование дает людям неправильное представление о том, что такое тестирование. Да, конечно — иногда цвет влияет на результаты — особенно когда он влияет на визуальную иерархию, заставляет призыв к действию выделяться лучше и так далее. Но «зеленый против оранжевого» — это не суть A / B-тестирования. Речь идет о понимании целевой аудитории.Проведение исследования и анализа может быть утомительным и, безусловно, тяжелым трудом, но это то, что вам нужно делать.

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

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

Почему следует скептически относиться к тематическим исследованиям цвета кнопок

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

Это оригинальная версия:

А это была новая кнопка:

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

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

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

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

Monetate, который провел тест синей и оранжевой кнопок, сказал следующее:

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

В случае с RIPT Apparel они протестировали одну финальную версию с желтой кнопкой:

Конверсия выросла еще на 6,3%. Итак, желтый лучше зеленого? Нет нет нет.

Цвет кнопки CTA сам по себе не имеет большого значения

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

Это также зависит от того, что мы привыкли видеть. Bing увеличил свой доход на 80 миллионов долларов, найдя для своих ссылок точный синего цвета. Люди привыкли видеть синие ссылки. Когда впервые появилась всемирная паутина, синим цветом были ссылки. (Инженеры Microsoft, работающие над этим, также признали, что «… это был оттенок синего, очень похожий на тот, который используется в Google.”)

Нет лучшего цвета для преобразования. В случае с желтой кнопкой они также добавили срочность («10 долларов только на 24 часа»), что неоднократно демонстрировалось для увеличения конверсии. В случае с Bing и синим — это сила условностей в действии.

Вернуться к HubSpot

То же самое можно сказать и о примере HubSpot. Взгляните еще раз:

Заметили ли вы что-нибудь, что могло бы способствовать лучшему выбору красной кнопки? Что-то в общем оформлении страницы?

Зеленый — один из основных цветов сайта! А что будет, если добавить в микс зеленую кнопку? Ничего особенного.Они могли бы сравнить зеленый почти с любым другим ярким цветом и получить такие же «потрясающие» результаты.

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

Заключение

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

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

Кредит избранного изображения

Есть ли лучший цвет кнопки с призывом к действию?

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

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

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

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

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

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

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

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

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

Но цвет кнопки с призывом к действию не обязательно должен ассоциироваться с чем-то, что побуждает пользователей щелкнуть по ней. Вот простой пример. Раньше мы думали, что зеленый цвет означает «Иди», побуждает к действию и указывает на «правильность», а красный означает «Стоп» и подразумевает опасность. Однако исследование HubSpot показало, что красная кнопка с призывом к действию принесла на 21% больше конверсий, чем зеленая, в абсолютно идентичных условиях. Итак, где же соотношение между цветом и его «смыслом»? Для кнопок CTA это не так важно.

Слишком много шума вызывают цвета кнопок CTA?

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

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

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

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

Что делает кнопку с призывом к действию хорошей?

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

  • Расположение на странице : кнопка CTA всегда должна находиться в поле зрения пользователя, рядом с описанием предложения. Кнопка не будет давать правильных результатов, если пользователям придется искать ее.Люди не задумаются о вашем предложении, если сразу не увидят подсказку, говорящую им, что делать дальше.
  • Размер кнопки : вы можете поместить кнопку прямо перед глазами пользователя, но если она не достаточно большая, большинство людей, скорее всего, даже не заметят ее.
  • Форма кнопки : Некоторые думают, что создание кнопки с призывом к действию уникальной или оригинальной формы увеличивает конверсию. Но это неправда. На самом деле люди привыкли к обычной форме кнопок (прямоугольной, с квадратными или закругленными углами).Если они столкнутся с чем-то другим, они могут принять это за еще один элемент дизайна на странице.
  • Цвет : Хотя не обязательно «лучший цвет кнопки CTA», цвета по-прежнему играют важную роль в определении эффективности кнопки с призывом к действию. Наиболее популярные цвета для CTA — это красный, зеленый, желтый и оранжевый , потому что они яркие и выделяются на фоне. Наименее распространенные цвета, используемые с кнопками CTA, — это черный, белый, коричневый и серый .Поскольку эти цвета нейтральные, они легко сочетаются с фоном.
  • Контрастность : это, пожалуй, самый важный фактор, который позволяет вашей кнопке с призывом к действию выделяться и привлекать внимание пользователей. Цвет кнопки CTA обычно выбирается в зависимости от цвета фона и других элементов дизайна. Если они хорошо контрастируют, у пользователей не будет проблем с поиском вашего CTA на странице. Таким образом, если ваш веб-сайт выполнен в основном в зеленом цвете, использование зеленых кнопок будет менее эффективным, чем использование красных кнопок, и наоборот.Тем не менее, одна из последних тенденций в дизайне — сделать кнопки CTA прозрачными. Это так называемые «кнопки-призраки».
  • Копия кнопки : И последнее, но не менее важное: содержание вашей кнопки CTA имеет такое же значение, как и ее дизайн. Если ваш призыв к действию будет кратким, последовательным, описательным и соблазнительным, он принесет отличные результаты. Помните, что хороший призыв к действию способен описать ценность предложения всего в двух словах.

Дело не только в цвете

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


Грегори Маунт

Грегори Маунт — специалист по SMM в Нин.

Понимание критерия успеха 1.4.1 | Понимание WCAG 2.0

1.4.1 Использование цвета: Цвет не используется как единственное визуальное средство передачи информации, указания действия, побуждения к ответу или выделения визуального элемента. (Уровень А)

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

Цель этого критерия успеха

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

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

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

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

Конкретные преимущества успеха Критерий 1.4.1:

  • Пользователи с частичным зрением часто имеют ограниченное цветовое зрение.

  • Некоторые пожилые пользователи могут плохо видеть цвета.

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

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

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

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

Примеры критерия успеха 1.4.1

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

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

  • Обследование.

    Учащиеся просматривают SVG-изображение химического соединения и определяют присутствующие химические элементы на основе цветов и чисел, используемых на диаграмме. Альтернативы текста, связанные с каждым элементом, называют цвет элемента и указывают положение элемента на диаграмме.Студенты, которые не могут воспринимать цвет, имеют ту же информацию о соединении, что и их одноклассники. (Этот метод также соответствует требованиям Руководства 1.1, уровень A.)

  • Отключенные элементы формы.

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

Связанные ресурсы

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

Методы и неудачи для критерия успеха 1.4.1 — Использование цвета

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

Достаточные методы

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

Дополнительные методы (рекомендации) для 1.4.1

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

Общие ошибки для

SC 1.4.1

Ниже приведены распространенные ошибки, которые рабочая группа WCAG считает ошибками Критерия успеха 1.4.1.

Цвет // Письменная лаборатория Purdue

Визуальная риторика: Цвет

Резюме:

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

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

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

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

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

Вы можете это прочитать? Не комфортно! Представьте себе целый экран с таким текстом. Отчасти причина того, что эта цветовая комбинация (которая появляется в Интернете чаще, чем вы можете себе представить) так тяжела для глаз, связана с тем, как экраны компьютеров обрабатывают цветовую информацию. Если вы поднесете лицо достаточно близко к экрану, вы заметите почти черный контур слева от символов и странное, почти белое свечение справа.Почему? Компьютерные экраны состоят из крошечных коробочек света, называемых пикселями. Каждый пиксель содержит красный элемент, зеленый элемент и синий элемент (вы можете увидеть это еще лучше на стандартном телевизоре). Но в этом случае происходит то, что красный элемент красных областей экрана полностью включен (оставляя зеленый и синий темными), а синий элемент синих областей полностью светится (оставляя красный и зеленый темными). Результатом является буквальная «черная дыра» с левой стороны (помните, КРАСНЫЙ ЗЕЛЕНЫЙ СИНИЙ) и свечение справа (поскольку оба крайних правых СИНИХ элемента горят полностью, как и крайний левый КРАСНЫЙ).

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

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

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

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

И, наконец, совет, который мы вам оставим (помимо «пойдите и возьмите несколько десятков книг по теории цвета»), таков: точно так же, как у нас есть определенные культурные особенности, когда дело доходит до выбора шрифта, часто верно то же самое. для цвета.Подумайте, например, о разнице в цветовых схемах между рекламой Best Buy (темно-синий, ярко-желтый) и осенним каталогом для J. Crew (глубокие древесные тона, четкие сине-серые). Каждый из них передает уровень возбуждения (или нет) и степень изысканности. Наблюдайте за цветами вокруг вас — посмотрите, что они делают и какое влияние они оказывают на вас. Возьмите эти идеи с собой, создавая цвет. И помните: не грех позаимствовать и поэкспериментировать с найденной цветовой схемой.

Обзор цветов: вопросы для рассмотрения

При выборе цвета

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

Важность цветов в рекламе по сбору средств | Small Business

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

Рекламные стратегии по сбору средств

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

Color Emotions

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

Теплые цвета

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

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

Холодные цвета

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

Цветовые контексты

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *