Оставить заявку
WEB CENTER

Цветной вопрос. Как окрасить интернет-магазин

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

Untitled-1.jpg

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

Цвет как психолог

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

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

  • Белый – чистота, целомудренность, нейтралитет, порядок и простота.
  • Черный – изысканность, богатство и интеллект.
  • Синий – надежность, доверие, лояльность, компетентность, мужество, искренность, высокий уровень качества и корпоративность.
  • Зеленый – гармония, деньги, здоровье, зависть, прекрасный вкус и баланс.
  • Желтый – утонченность, богатство, энтузиазм, компетентность, счастье и приключения.
  • Красный – кровь, жизнь, комфорт, любовь, злость, беспокойство и внимание.
  • Серый (серебряный) – современность, изысканность, нейтральность и практичность.
  • Коричневый – натуральность, уют, грусть, прочность и дружелюбие.
  • Фиолетовый (пурпурный) – загадка, роскошь, власть, творчество.
  • Розовый – ласка, романтика, откровенность, изысканность, сочувствие и любовь.

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

Victoria`s Secret

victorias-secret.jpg

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

DisneyStore

disney.jpg

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

Mercedes-Benz

Mercedes-Benz

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

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

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

Изоляция цвета

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

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

BarStools

barstools.jpg

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

  • «оформить заказ»;
  • «добавить в корзину»;
  • «выбрать опции».

Dell

dell.jpg

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

Фон

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

ebags.jpg

Отказываются от использования этих цветов в качестве фоновых единицы онлайн-магазинов (около 5 процентов).

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

footlocker.jpg

Лаконичность

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