Какие цвета привлекают внимание людей: как цвет влияет на продажи

как цвет может привлечь внимание клиентов или испортить продвижение — Дизайн на vc.ru

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

3712 просмотров

Разберемся в осознанном подходе к определению фирменных цветов и их влиянии на потребителей.

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

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

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

Цвет один — эмоции разные.

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

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

Увидели —> Сложили впечатление —> Запомнили —> Закрепили ассоциацию (при новом контакте).

Проведем небольшой тест на узнаваемость брендов? У вас будет не более 15 секунд, чтобы назвать фирменные цвета крупных российских компаний.

P.s. за логотипы можете начислить себе дополнительные 2 балла))

• МТС

• Сбербанк

• Магнит

• Газпром

• Майл

• РЖД

• Яндекс

• Роллтон

• Вконтакте
• Лада

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

Рассмотрим топ 6 наиболее распространенных цветов в брендинге и их применение для разных сфер бизнеса.

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

Каким сферам наиболее подходит: финансам, технологиям + товары для повседневного образа жизни. Светлые тона рекомендуется использовать для автоперевозок и сферы здравоохранения.

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

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

Каким сферам подходит: компаниям, специализирующимся на органических продуктах (фермерские продукты, БАД, витамины и т.д.), производящим и реализующим продукты питания; сфере сельского хозяйства, энергетики, финансов, медицины и косметологии, товаров для дома и сада.

Не рекомендуется использовать светло-зеленый цвет для сферы общепита (подавляет аппетит).

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

Каким сферам подходит: HoReCa, интернет-площадки, мода, медиа и технологии, развлечения.

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

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

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

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

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

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

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

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

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

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

Осознанный подход к выбору фирменных цветов

Внимание! Мы выступаем за обдуманный дизайн. Рекомендуем переходить к выбору фирменных цветов и проработке айдентики только после анализа конкурентов и исследования целевых аудиторий.

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

• Результаты исследований

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

• Индивидуальность бренда

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

• Сообщение бренда

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

• Соотнесение цветов

Сопоставьте цвета, которые получились у вас в каждом пункте. Найдите то, что будет на стыке. Но! обратите особое внимание на предпочтения потребителей (какие цвета самые привлекательные, а какие непривлекательные).

• Нужные оттенки

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

Выводы

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

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

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

Цвет может привлекать или отталкивать

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

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

Цвета обращаются к чувствам, а не к логике человека, а именно:

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

Как показывают специальные исследования, 80% цвета и света «поглощаются» нервной системой и только 20% — зрением.

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

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

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

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

Кофе во всех чашках был одинаковый, но дегустаторы об этом не знали. Результаты: 75% испытуемых отметили, что кофе, стоящий рядом с коричневой коробкой, по их мнению, слишком сильный. Около 85% испытуемых сочли кофе, стоящий рядом с красной коробкой, самым ароматным и вкусным. Почти все утверждали, что кофе, стоящий рядом с голубой коробкой, мягкий, а тот, что стоял рядом с желтой коробкой — слабый.

Специалисты исследовали влияние цвета на восприятие человека, ассоциации, вызываемые им в национальных средах разных стран.

Оказалось, например, что цвет означает или символизирует:

• красный: в Америке — любовь, в Китае — доброту, праздник, удачу, в России — высокую активность, агрессию, борьбу, в Индии — жизнь;
• желтый: в Америке — процветание, в России — солнечность и разлуку; в Сирии — траур, смерть, в Индии — великолепие, в Бразилии — отчаяние;
• зеленый: в Америке — надежду, в Китае — роскошную жизнь, в Индии — мир и надежду;
• голубой: в Америке — веру, в Индии — правдивость, в Китае — один из траурных цветов;
• синий: в России — ночной покой;
• фиолетовый: в Индии — печаль и утешение, в Бразилии — печаль;
• белый: в Америке — чистоту и мир, в Китае — подлость, опасность, траур; в Европе — молодость;
• черный: в Америке — символизирует сложную, чрезвычайную ситуацию, в Китае — честность.

Наиболее популярны цвета:

• красный: в России, Ираке, Мексике, Норвегии;
• оранжевый: в Голландии;
• желтый: в Китае;
• зеленый: в Австрии, Болгарии, в Мексике, Австралии, Ирландии, Египте;
• голубой: в Индии;
• белый: в Мексике;
• коричневый: в Болгарии.

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

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

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

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

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

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

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

• красный: теплый и раздражающий, стимулирует мозг, символ опасности и запрета, показывает деятельный настрой. «Уменьшает» поверхность, окрашенную в этот цвет, и создает чрезмерную напряженность. Красный выбирают люди эмоциональные, влюбчивые, сексуальные. На малых поверхностях может сочетаться с бирюзовым или серым;
• оранжевый: жизнерадостный, импульсивный, учащает пульс, создает чувство благополучия, свидетельствует о реализме. Его теплота, часто в сочетании с синим как дополнительным цветом, делает его приемлемым на небольших поверхностях, особенно для такой «холодной» по своей природе продукции, как инструменты, машинное оборудование и т.п.;
• желтый: стимулирует мозг, привлекает внимание и сохраняется в памяти дольше, чем другие цвета. Желтый, оранжевый цвета выбирают жизнерадостные, импульсивные люди. Яркость этого цвета вызывает нарушение психического равновесия, поэтому его не рекомендуется использовать на больших поверхностях и лучше применять в сочетании с зеленым;
• теплый желтый (цвет яичного желтка): дружеский, теплый, приятный;
• светло-желтый (лимонный): холодный, «кислый», отталкивающий, вызывает чувство незначительности, бесцветности;
• золотистый: олицетворяет стремление к власти и демонстрации своего превосходства;
• зеленый: успокаивает, снимает боль, усталость, уравновешивает, олицетворяет свежесть и естественность. Зеленый выбирают люди способные и уравновешенные. Сам по себе вызывает ощущение «обделенности» и создает вялую атмосферу, поэтому должен использоваться в сочетании с белым или синим;
• голубой: антисептичен, эффективен при невралгических болях;
• синий: создает внутреннюю силу и гармонию. Синий выбирают люди меланхоличные и разочарованные. Свежесть этого цвета в сочетании с его успокоительным влиянием помещает его в ряд желательных цветов, поскольку он разряжает стресс;
• фиолетовый: действует на сердце, легкие, кровеносные сосуды, увеличивает выносливость ткани, «примиряет» чувства между собой. Будучи дополнен зеленым или бирюзовым цветом, расслабляет и одновременно «провоцирует». Фиолетовый выбирают люди, в жизни которых наблюдается период неустойчивости;
• белый: символизирует чистоту. Для него характерно «самоустранение» его собственной силы, поэтому его лучше использовать в сочетании с синим, красным или зеленым;
• бежевый: олицетворяет «седину»;
• бирюзовый: холодность этого цвета делает необходимым его использование в сочетании с красным. Таким образом он становится нейтральным и приемлемым во многих случаях;
• багровый: с ним связывают полноту и насыщенность;
• коричневый: вызывает ощущение стабильности и реалистическое настроение. Коричневый выбирают люди, находящиеся в периоде стабильности, но не желающие ничего менять (консервативные). «Тяжелый» по своей природе, он может быть использован в сочетании с родственными ему оттенками или темно-голубым цветом;
• черный: символизирует изящество;
• светло-голубой: создает холодное и отталкивающее впечатление;
• розовый: ощущение слабости, пустоты, а часто и слащавости;
• светло-зеленый: придает холодность окружающей среде.

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

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

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

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

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

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

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

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

---

Несколько слов о психологии формы

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

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

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

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

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

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

Как привлекательные цвета привлекают внимание пользователей

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

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

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

Нужно ли быть одаренным, чтобы чувствовать, какие цвета привлекательны? Существуют ли какие-то правила и принципы, помогающие каждому в выборе цвета?

Как ни одна диета не подходит всем, так и не существует единой формулы цвета, отвечающей на все эти вопросы.

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

В этой статье мы рассмотрим:

Содержание

Понимание цвета

Природа цвета

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

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

Ученые Академии Хана выяснили, что самая короткая длина волны и самая высокая частота , улавливаемая и распознаваемая человеческим глазом, — это фиолетовый – самый нижний и самый плотный цвет радуги.

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

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

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

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

Интересно, что мы воспринимаем красный и оранжевый цвета как самые интенсивные цвета, но это не относится к их частоте.

Человек Глаз улавливает цвета RGB. D o цвета существуют?

Цвет не является неотъемлемой чертой вещей. Цвет — это всего лишь явление, воспринимаемое нашим глазом и производимое в мозгу.

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

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

Что видят дальтоники? На изображении ниже, сделанном Enchroma, показаны различия между нормальным цветовым зрением и цветовой слепотой.

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

Цветовая модель RGB в веб-дизайне

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

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

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

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

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

Цвет черный на экране или мониторе означает, что никакие люминофоры RGB не горят, что делает цифровое выражение черного цвета следующим: RGB (0, 0, 0).

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

Мы видим белый на экране, когда все люминофоры полностью освещены в RGB (255,255,255) .

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

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

Проверка ваших концепций на предмет производительности во время проектирования сцена с ИИ-аналитикой внимания

Значение цвета и психология

Привлекающие внимание цвета имеют интуитивные ассоциации, происходящие от Природы.

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

Черно-желтые полосы привлекут ваше внимание, предупреждая о ядовитости осы.

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

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

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

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

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

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

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

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

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

Изображение предоставлено TheLogoCompany

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

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

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

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

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

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

Использование выделения цвета для создания фокуса

Визуальная деталь бросается в глаза и бросается в глаза, когда ее цвет значительно отличается от фона.

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

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

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

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

Баланс цветов по правилу 60-30-10

Баланс — это распределение визуального веса элементов между обеими сторонами дизайна для создания единства, удовлетворения и удовлетворения.

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

Изображение предоставлено: Whitneyhomes

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

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

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

Привлеките внимание пользователей с помощью контраста

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

По словам Дженнифер Флеминг, автора книги «Веб-навигация: проектирование взаимодействия с пользователем»:

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

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

Рекомендации по доступности веб-контента (WCAG 2.1) требуют, чтобы визуальное представление текста и изображений текста имело коэффициент контрастности не менее 4,5:1.

Принимая во внимание, что коэффициент контрастности для крупномасштабного текста (14pt жирный/18pt обычный и выше), графики и компонентов пользовательского интерфейса (таких как всплывающие подсказки, границы ввода или флажки) ожидается как минимум 3:1.

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

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

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

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

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

Цвет белый — королева

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

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

Лучший способ привлечь внимание к наиболее важным элементам:

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

Шанель ввела в моду ныне повсеместную монохромную черно-белую схему в 19 веке.20 с.

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

Монохромная среда также является отличным контекстом для использования контрастных цветов для привлечения внимания.

Только взгляните на стратегическое использование красного цвета ASOS, чтобы привлечь внимание к своим товарам.

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

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

Всегда тестируйте

Джошуа Портер провел эксперимент «Цвет кнопки A/B-тест», где он создал две идентичные целевые страницы с разными кнопками CTA — в одной версии она была зеленой, в другой — красной.

Несмотря на предсказание Джошуа, красная кнопка больше привлекала внимание и приносила на 21 % больше конверсии.

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

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

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

Что делать, если у вас еще недостаточно пользователей?

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

Теперь, когда вы хорошо разбираетесь в эффектных цветах, примените их к работе и привлеките всеобщее внимание!

Основные выводы

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

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

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

Как человеческий глаз видит цвет — в двух словах

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

Синий, как правило, менее резкий для наших глаз

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

Привлеките внимание контрастом

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

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

Цвета при печати всегда менее яркие, чем на экране

Цвета при просмотре на экране ярче, чем при печати, из-за излучаемого с экрана света.