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

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

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

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

Чтобы вывеска запомнилась, она должна:

• иметь яркий цвет шрифта
• должна легко читаться
• быть оригинальной
• выделяться на общем фоне

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

Очень сильное влияние оказывает на психологию будущего потенциального клиента сочетание цвета букв и основного фона плаката.

В качестве примера:

• фон плаката зеленого цвета, а буквы – белые;
• желтый фон и зеленые буквы;
• желтые буквы на черном фоне.

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

• черный фон и синие или фиолетовые буквы;
• синий или фиолетовый фон и черные буквы.

Нейтральными считаются сочетания цветов:

• белый фон, синие буквы;
• синий фон и голубые буквы;
• голубой фон и фиолетовые буквы.

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

• черные буквы на желтом фоне
• черные буквы на белом фоне
• желтые буквы на черном фоне
• белые буквы на черном фоне
• синие буквы на белом фоне
• белые буквы на синем фоне
• синие буквы на желтом фоне
• желтые буквы на синем фоне
• зеленые буквы на белом фоне
• белые буквы на зеленом фоне
• коричневые буквы на белом фоне
• белые буквы на коричневом фоне
• коричневые буквы на желтом фоне
• желтые буквы на коричневом фоне
• красные буквы на белом фоне
• белые буквы на красном фоне
• красные буквы на желтом фоне
• желтые буквы на красном фоне

Агрессивные и неагрессивные» сочетания цветов

По мнению психологов, существуют «агрессивные» и «неагрессивные» сочетания цветов.

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

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

К «агрессивным» сочетаниям относятся: красный, черный, фиолетовый, коричневый.
Нейтральные цвета: голубой и белый.

Всегда замеряйте результаты

Хочется обратить ваше внимание на то, что обязательно надо тестировать результаты от каждого рекламного материала.
Может прозвучать банальностью, но в большинстве случаев наружная реклама НЕ РАБОТАЕТ!
Прежде чем заказать растяжку, билборд или другую рекламу подумайте как вы будете анализировать ее эффективность.
Всегда считайте затраты на рекламу и какие результаты она принесла.
Банально делаем замеры, сколько было посетителей в ваш магазин или офис до и сколько после. Какой процент из них конвертировался в покупатели.
Вводите элементы дедлайна, это очень сильно повышает отдачу, например.

Яркие цвета привлекают покупателей

Как привлечь покупателей с помощью цвета?

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

Статистика показывает, что восприятие ухудшается в следующей последовательности:

• черные буквы на желтом фоне
• черные буквы на белом фоне
• желтые буквы на черном фоне
• белые буквы на черном фоне
• синие буквы на белом фоне
• белые буквы на синем фоне
• синие буквы на желтом фоне
• желтые буквы на синем фоне
• зеленые буквы на белом фоне
• белые буквы на зеленом фоне
• коричневые буквы на белом фоне
• белые буквы на коричневом фоне
• коричневые буквы на желтом фоне
• желтые буквы на коричневом фоне
• красные буквы на белом фоне
• белые буквы на красном фоне
• красные буквы на желтом фоне
• желтые буквы на красном фоне

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

А для оформления магазина применяют не столь вызывающие сочетания.

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

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

Теплая гамма: покупайте, не задумываясь!

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

Скидочные акции

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

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

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

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

Холодная гамма: получайте удовольствие от спокойного выбора

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

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

Цвет может оказывать неожиданное влияние на людей. Он способен:

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

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

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

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

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

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

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

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

1. Красный

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

Как красный цвет влияет на продажи?

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

Где можно увидеть красные призывы к действию?

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

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

2. Синий

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

Как синий цвет влияет на продажи?

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

На каких сайтах используют синий цвет?

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

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

Где следует использовать синий цвет?

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

3. Зеленый

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

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

Как зеленый цвет влияет на продажи?

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

В 2010 году компания RIPT Apparel решила , сделав кнопку целевого действия зеленой:

В результате этих изменений, конверсия увеличилась на 6,3%.

Где используют зеленый цвет?

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

Если же прокрутить страницу вниз, то можно увидеть элементы конверсии, оформленные с использованием зеленого цвета:

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

4. Фиолетовый

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

Цвета, которые женщины любят больше всего: синий, фиолетовый, зеленый;
Цвета, которые женщины ненавидят: оранжевый, коричневый, серый.

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

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

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

Как фиолетовый цвет влияет на продажи?

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

Где используется фиолетовый цвет?

На сайте стриминговой компании Roku можно увидеть много фиолетового. Он используется для оформления элементов меню:

Где следует использовать фиолетовый цвет?

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

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

5. Черный

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

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

Как черный цвет влияет на продажи?

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

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

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

Где используется черный цвет?

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

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

Где следует использовать черный цвет?

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

6. Оранжевый

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

Как оранжевый цвет влияет на продажи?

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

На каких сайтах можно увидеть оранжевый цвет?

На сайте Penguin можно увидеть кнопку «Подписаться» оранжевого цвета:

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

Когда следует использовать оранжевый цвет?

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

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

Заключение

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

Какие же оттенки следует использовать?

Очень важно определить те цвета, которые вы будете применять, чтобы выделить свой бренд на фоне других. Если ваш бизнес связан с яркими эмоциями, силой и свободой, то вам подойдут оттенки, которые использовала, например, компания Harley Davidson. Victoria’s Secret применяют разные цветовые схемы, так как сфера деятельности этой организации очень разнообразна.

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

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

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

Белый - открытость и нейтральность

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

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

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

Желтый - общительность, коммуникабельность и открытость

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

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

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

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

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

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