Какие 3 самых популярных цвета для оформления сайтов? Сайты с синим дизайном


Синий цвет в дизайне сайта. Спокойствие и загадочность | Веб-сайты

12 октября 2010

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

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

«Синий — цвет, который сохраняет свой характер во всех его тонах, это и отличает его от всех остальных» — Рауль Дюфи.

Немного терминов

Синий — наименование группы цветов. Спектральный синий цвет ощущается человеком под действием излучения с длиной волны около 440—485 нм (иногда диапазон указывают шире — 420—490). Один из «основных цветов» в системе КЗС. Шестнадцатеричное обозначение цвета в системе RGB — #0000ff.

Почему выбирают синий?

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

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

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

Преимущества синего

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

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

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

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

Загадочные синие сайты

womtec.ru

Синий цвет в дизайне сайтов

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

Светло синий может быть освежающим и дружественным. Лёгкий голубой расслабляет и успокаивает. Яркий голубой может быть энергичным и освежающим.

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

Примеры синих сайтов

http://mariecatribs.com/

http://www.olioboard.com/

http://carbonmade.com/

http://www.vegasuncorked.com/

http://mailchimp.com/

http://chicago2011.drupal.org/

http://www.pivonka.eu/

http://www.luxuscreations.com/lt/pradzia/

http://www.getballpark.com/

http://www.mootygraphicdesign.com.au/

http://www.geticeberg.com/

http://helpwith.tweetapp.com/

http://www.bountybev.com/home.html

http://www.established1986.com/#/Home

http://www.jimmyfairly.com/

http://www.alertful.com/business/

http://www.kayako.com/

http://www.harlingensail.com/

http://www.templateninjas.com/

http://www.campaignmonitor.com/

http://www.skype.com/intl/en-gb/home

http://us.blizzard.com/en-us/

http://larvalabs.com/

http://me.frankchimero.com/

http://www.pixlogix.com/

http://inserviowebsolutions.co.uk/

http://firefoxtweetmachine.com/

http://www.cosmicsoda.com/

http://www.nissanusa.com/leaf-electric-car/index#/leaf-electric-car/index

http://www.cuphon.com/

http://navalny.ru/

http://www.oversunmercury.ru/

http://www.uptrending.com/

http://www.vanillaforums.com/

http://www.drupal-works.com/

http://www.stormondemand.com/cloud-hosting/servers/

http://orangeapple.com/

http://upthemes.com/

http://www.psd2html.com/

http://doorstepdairy.com/

http://www.urlsquid.com/

http://www.psdtohtmlexperts.com/

http://www.wallt.be/

http://plazaa.de/

http://druck-deine-diplomarbeit.de/

http://prdct.io/

http://launchlist.net/

http://www.icelab.com.au/

http://www.peter-clement.com/

http://www.blitzagency.com/

Вода Байкала

http://www.testingscrum.com/

Naikom » Дизайн » Веб-дизайн

naikom.ru

32 голубых дизайна

Синий – один из наиболее используемых цветов в веб-дизайне, поэтому примеров дизайна в этих красках можно найти множество. В этой подборке вы увидите 32 примера своеобразных, иллюстрированных и простых сайта.Все они отличаются друг от друга и своим назначением и дизайном. На некоторых используется простой голубой фон, на других за счет синих оттенков передается весь смысл дизайна, некоторые из них освежают вдохновение и мысли видом голубого неба. Все они разные, но объединяет их то что все они выполнены в голубых и синих тонах.Также вы сможете увидеть примеры дизайна в других цветовых решениях в ранее опубликованных статьях  29 розовых сайтов, 32 сайта со смелыми цветовыми решениями, Зелёные сайты — часть 2 , Тёмные сайты — часть 2, 23 ярких и креативных сайта, 32 тёмных сайта, 25 зелёных сайтов и других.

1. Яркий блестящий синий сайт medoff

2. Глубокое синее небо и облака на сайте phd

3. Сайт darkmotion

4. Голубой сайт Frisk design

5. Сайт Icebrrg

6. Сайт о подводном мире  1aj.ru

7. Голубое небо на StrawPoll

8. И тут фон из голубого неба THE ALAMO BASEMENT

9. Летний дизайн на фоне голубого неба на сайте популярного фестиваля — bluestone

10. Голубой бекграунд на Vimeo

11. Планеты на голубом фоне на iDimev

12. Приятный голубой фон сайта  Ek & Gren

13. На сайте Fishy тоже используют голубой бекграунд

14. Просто и со вкусом все в той же голубой палитре бегкраунд сайта Jesse Stephens

15. Яркий голубой ZenSender

16. На сайте Brooke Chase Associates используют темно-синюю цветовую гамму

17. Простой голубой фон на answerJam

18. Голубой и полосатый сайт MochiAds

19. Сайт iceberg сменил свой дизайн с голубого на более темные синие тона

20. Темно синий на светло-голубом бекграунде сайта WooThemes

21. На сайте 280 Slides темно-синий бекграунд

22. Голубой хедер на сайте Billy Hughes at War

23. И на Les Arts O Soleil синий фон

24. Uncover тоже использует в своем дизайне голубые тона

25. Светло-голубой иллюстрированный фон сайта Branded07

26. Голубое небо в облаках на HelpWith

27. Простой светло-голубой фон на Mollom

28. И на PLUMSMEDIA голубые тона

29. Светлый сайт с голубыми оттенками Comiqs

30. И на Graphics.net используются голубые оттенки

31. Голубой и белый в дизайне сайта Kyan

32. Маленький остров на фоне голубого неба и моря на DivVoted

Автор – sixrevisions

Перевод — Дежурка



Комментарии

Оставить ответ

Похожие статьи

Случайные статьи

www.dejurka.ru

Веб сайты : синий цвет в дизайне

 Время чтения:9 минут Изображений:30

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

Качественные премиум темы и шаблоны для Вашего сайта:

Смотреть полный каталог качественных тем и шаблонов

Здесь Вы можете выбрать из более чем 46 000 готовых дизайнов. Шаблоны сайтов + установка + хостинг + персонализация + поисковая оптимизация + копирайтинг — все эти услуги вы всегда можете получить от профессионалов мирового уровня!

mainview.ru

Сочетание цветов в веб-дизайне — зеленые сайты

Когда речь идёт о правилах веб-дизайна, то задача подобрать нужные цвета, обеспечивая удачное их сочетание должна быть у вас на переднем плане для любого принимаемого решения. Зеленый цвет – это смесь синего и желтого. Успокаивающие действие зеленых тонов на наше подсознание объясняют нейтральностью цвета (расположен в середине спектра). Вот почему различные оттенки зеленого присутствуют в спецодежде мед. работников или в интерьере медицинских учреждений. В странах с жарким климатом он считается сильным цветом. В религии его считают «райским», это цвет знамени пророка и мантии патриарха.

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

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

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

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

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

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

Скрытые значения цветов: оттенки зеленого

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

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

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

Зеленоватый оттенок применить можно тонко и неуловимо, при этом получив значительный эффект.

Еще примеры известных «ЗЕЛЕНЫХ» сайтов

Сочетание цветов в дизайне сайта — зеленый и желтый

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

Сайт компании Energy Helpline предоставляет клиентам широкие возможности для поиска предприятий, поставщиков по экологически значимым критериям.

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

Еще один дизайн с сине-зелено-желтой палитрой цветов.

Нидерландский сайт эко-тематики с символичной раскраской (зелень, вода, тепло солнечного света)

Сочетание цветов в дизайне сайта — зеленый и розовый

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

Сочетание цветов в дизайне сайта — зеленый и коричневый

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

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

Интересный пример логичного использования зеленого и коричневого цветов в дизайне проекта «Деревья – наше будущее» на поддомене e-commerce сайта с био-тематикой tcv.org.uk (также сочетающего зеленую шапку с коричневым футером). В первом экране минисайту задают веселый стиль: контраст забавных мультяшных шрифтов, гранжевый заголовок, красивое меню оформленное необычным образом – с зелеными листиками, креативом подсветки пунктов и добавлением акварельного эффекта.

Сочетание цветов в дизайне сайта — зеленый и белый

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

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

seo-design.net

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

Люди всё ещё спорят, является ли содержание главным. Если вы спросите меня, то я полностью соглашусь с ними, и моё мнение основано на моем собственном опыте. Несмотря на то, является оно доминирующим или нет, есть нечто, что не менее важно! Что это, спросите вы? Знаю, все любят говорить: «Не судите о книге по её обложке». Но как еще вы планируете привлечь внимание кого-либо, как не оригинальной обложкой? Очевидно, когда вы привлекли чье-то внимание, остальные усилия вы можете потратить на содержание. Речь будет идти о цветах веб-дизайна, и как управлять ими.

Первое впечатление вы производите лишь однажды

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

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

В этой статье вы узнаете о 5 самых популярных цветах, которые заставят ваш сайт заинтересовать и заинтриговать посетителей.

«Pinterest» использует множество красных оттенков

 

Изображение: Roxanne Ready

Без сомнения красный считается самым горячим цветом. Если Вы посмотрите на цветовую палитру «Pinterest», вы сразу обратите внимание, что красный является их основным цветом.

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

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

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

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

Практический пример использования красного цвета:

Могу поспорить, что вы не знали:

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

Более широкое использование палитры красного цвета (по  jimjim421):

10 ассоциаций с красным цветом:

  • кровь
  • война
  • пожар
  • мужественность
  • страсть
  • обольщение
  • гнев
  • принуждение
  • энергия
  • храбрость

«Amazon» любит насыщенный оранжевый:

Изображение: Уильяма Кристиансена

Оранжевый — теплый и ​​активный цвет, но не настолько интенсивный, как красный. Оранжевый цвет — скорее теплый, чем горячий.

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

Практический пример использования оранжевого цвета:

Более широкое использование оранжевой палитры по manekineko:

 10 ассоциаций с оранжевым:

  •  оптимизм
  • определение
  • пожар
  • предупреждение
  • осень
  • религия
  • выносливость
  • сострадание
  • Хэллоуин
  • организм

 Синий цвет facebook создает ощущение безопасности:

Изображение  Rishi Bandopadhay

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

Практический пример использования синего цвета:

Могу поспорить, что вы не знали:

Опрос, который был проведён в Германии и опубликован в 2009 году доказал, что синий — любимый цвет 46 процентов опрошенных мужчин и 44 процентов женщин. —  Wikipedia

Более широкое использование синей цветовой палитры по entitydesigns:

 10 ассоциаций с синим:

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

Сила зеленого цвета на «Groupon»

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

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

Практический пример использования зеленого цвета:

 

Могу поспорить, что вы не знали:

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

Более широкое использование зеленого цвета по Skybluue2u:

 10 ассоциаций с зеленым:

  • деньги
  • жадность
  • рост
  • зависть
  • природа
  • весна
  • здоровье
  • молодость
  • трава
  • надежда

 Yahoo! и фиолетовый цвет на их логотипе

 

Изображение: Yahoo!

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

Практический пример использования фиолетового цвета:

 

 

Могу поспорить, что вы не знали:

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

Более широкое использование фиолетового цвета по Miaka

 10 ассоциаций с фиолетовым

  • богатство
  • щедрость
  • благородство
  • утонченность
  • романтика
  • искусство
  • экзотика
  • духовность
  • роскошь
  • женственность

1WD разумно используют монохромные цвета

Обычно монохромные цвета такие, как белый, черный, темно-серый и светло-серый следует использовать в качестве фона в разработке дизайна с уже существующими и правильно расположенными акцентирующими цветами, которые являются более яркими и насыщенными. Взгляните на  сайт, 1stwebdesigner — 1WD. Они используют также оранжевые цвета в качестве яркого цветового акцента — но только в гармоничном сочетании с темно-серыми и светло-серыми тонами. И, конечно же белый, (фоновый цвет сайта). Черный цвет всегда будет представлять модерн, загадочность, элегантность и силу. Серый  — нейтральный цвет, представляющий нечто спокойное и практически неведомое, как тень. Поскольку серый цвет иногда может выглядеть грязным, то белый создаст противоположный эффект. Белый отождествляет чистоту, открытость, простоту и минимализм.

Практический пример использования монохромного цвета:

 

Могу поспорить, что вы не знали:

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

Более широкое использование монохромной палитры по munsteri

10 ассоциаций с монохромными цветами

  • власть
  • элегантность
  • пространство
  • мягкость
  • небо
  • мир
  • невиновность
  • пессимизм
  • депрессия
  • скука

А какой Ваш любимый цвет?  И какие ощущения и эмоции он у Вас вызывает?

 

Автор —  James Richman

Перевод — Дежурка

 

 

www.dejurka.ru

Какие 3 самых популярных цвета для оформления сайтов?

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

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

Цвет очень важен

Около 85% покупателей отмечают, что цвет является основной причиной выбора продукта, и это справедливо для всего, от автомобилей до обуви. К продаже услуг данный фактор относится не меньше. Но почему? Узнаваемость бренда зависит на 80% от цветового оформления, которое вызывает доверие потребителя.

В интернет-маркетинге ситуация не менее серьезна — цвет существенно влияет на показатели продаж. 42% покупателей формируют мнение о веб-сайте на основе его дизайна, в том числе и благодаря цветовой гамме. Более того, 52% покупателей не посетят лендинг или сайт снова, если им не понравилось его оформление.

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

1. Голубой символизирует безопасность

Самая «безопасная» цветовая гамма — синяя. Любой ее оттенок «работает» и каждое сочетание с синим эффективно. Но что подразумевается под словом «безопасность» в данном контексте?

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

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

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

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

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

Twitter не отстает.

И, да, даже LinkedIn любит синий цвет.

Wal-Mart — крупнейшая в мире розничная сеть — пошла той же дорогой.

Многие банки используют этот подход. Основной цвет Citibank — синий с ярко-красной дугой.

Bank of America использует красный, но основной цветовой акцент в их логотипе — на синем цвете.

У Chase Bank светло-синий сайт и логотип.

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

USAA, Американская ассоциация автосервисов — основной дистрибьютор страховых полисов. На их сайте преобладает синий цвет.

New York Life, один из лидеров по страхованию жизни, использует хорошо известный синий квадратный логотип.

Среди российских брендов можно выделить Yota:

И, конечно же, социальная сеть ВКонтакте:

Подводя итог: вы не ошибетесь, если выберете оттенки синего для оформления своего ресурса. Даже если его слишком много, он все равно «работает».

Карен Галлер (Karen Haller), специалист в области прикладной психологии цвета, пишет о синем следующее:

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

2. Зеленый символизирует рост

Основной посыл зеленого — рост. Причины ассоциации очевидны: большинство растений — зеленые.

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

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

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

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

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

Российский пример напрашивается сам собой. Разумеется, это Сбербанк:

3. Будьте осторожны с оранжевым

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

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

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

Home Depot апеллирует к духу авантюризма у покупателей товаров категории DIY («Сделай сам»). Цвет их логотипа красноречиво отражает эту философию.

Есть риск использования оранжевого цвета — он воспринимается «дешево». Гипотеза, выдвинутая в исследовании Forbes в 1991 г., подтверждает это: почти четверть опрошенных назвали оранжевый «дешевым».

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

Обозреватель Washington Post Джефф Туринтайн (Jeff Turrentine) предпринял мучительную попытку реабилитировать оранжевый цвет. Он отметил, что «нет ничего сомнительного в ярко-оранжевом», но признал, что иногда тот вызывает «вульгарные ассоциации».

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

У HootSuite в логотипе присутствует оранжевый.

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

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

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

Вывод

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

Голубой внушает чувство спокойной уверенности, при этом он наиболее легкий для восприятия. Менее 1% пользователей считают этот цвет раздражающим. Поэтому большинство успешных социальных сетей оформлены в оттенках синего и голубого — люди проводят многие часы своей жизни, читая ленты новостей ВК или Facebook, постоянно проверяют Twitter и т. д. А чтобы человек мог провести в социальной сети действительно долгое время, ее оформление должно минимально отвлекать и не раздражать посетителя.

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

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

А теперь забудьте все, что прочитали выше :). Цвет лишь инструмент в процессе оптимизации конверсии.

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

Высоких вам конверсий!

По материалам: blog.crazyegg.com, image source splitshire 

16-12-2014

lpgenerator.ru