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

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

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

Теперь немного теории о сочетаниях цветов фона и шрифта.

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

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

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

Голубой — нежность и мягкость

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

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

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

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

Зеленый — снятие нервного напряжения и остроты переживания

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

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

Коричневый — стабильность, реалистичное настроение

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

Красный — напряженность, внимание, действие

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

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

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

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

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

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

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

Для рекламных плакатов, которые можно встретить на территории России, применяется привычный тип шрифта 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 применяют разные цветовые схемы, так как сфера деятельности этой организации очень разнообразна.

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

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

и ВКонтакте

Схема № 1. Комплементарное сочетание

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

Схема № 2. Триада — сочетание 3 цветов

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

Схема № 3. Аналогичное сочетание

Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.

Схема № 4. Раздельно-комплементарное сочетание

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

Схема № 5. Тетрада — сочетание 4 цветов

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

Схема № 6. Квадрат

Сочетания отдельных цветов

  • Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
  • Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
  • Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
  • Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
  • Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
  • Красный: с желтым, белым, бурым, зеленым, синим и черным.
  • Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
  • Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
  • Малиново-красный: белый, черный, цвет дамасской розы.
  • Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
  • Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
  • Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
  • Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
  • Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
  • Светло-оранжевый: серый, коричневый, оливковый.
  • Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
  • Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
  • Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
  • Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
  • Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
  • Оливковый: апельсиновый, светло-коричневый, коричневый.
  • Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
  • Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
  • Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
  • Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
  • Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
  • Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
  • Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
  • Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
  • Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.