Какую цветовую гамму выбрать для сайта

Обсудить

Влияние цвета

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

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

Например, по статистике, 80% людей узнают бренд именно по цвету или нескольким оттенкам, которые используются в логотипе:Какую цветовую гамму выбрать для сайта

Психология целевой аудитории

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

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

  • оранжевый;
  • желтый;
  • коричневый.

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

Любимые оттенки у обоих полов:

  • синий;
  • зеленый;
  • красный.

Женщинам - как уже было замечено выше - еще нравится фиолетовый цвет.

Хорошие оттенки для сайта

Синий

Самый любимый цвет у обоих полов. Это оттенок, который часто ассоциируется с техникой, технологиями и вебом в целом. У многих компаний и веб-сервисов (Facebook, Вконтакте, Skype, Twitter, LinkedIn и других) логотипы именно в сине-голубой гамме. Этот цвет вызывает доверие, ощущение комфорта и защищенности. Это корпоративный цвет, серьезный и спокойный. Идеальный для бизнеса.

Дополнительный бонус - на синем сайте будут хорошо выделяться красные кнопки (которые обычно используются для побуждения к действию).Фэйсбук

Белый

Белый цвет - это так называемое пустое пространство, которое сейчас активно используется на многих сайтах (например, тут, в Community). Такой подход к дизайну, во-первых, дает ощущение простора и легкости; во-вторых, позволяет разместить на странице любое содержимое - любой цвет будет контрастным и хорошо различимым. А значит, цвет отлично подходит для сайтов со статьями, блогов.

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

Зеленый

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

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

Красный

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

Фиолетовый

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

Черный

Черный цвет у многих ассоциируется с оригинальностью, изысканностью и авторитетом. Безусловно, сайт в черной гамме выделяется из ряда остальных, он запоминается и вызывает интерес. Этот цвет часто выбирают люксовые марки, например, так оформлен сайт у Mercedes-Benz:Черный фон сайт

Спорные цвета для сайта

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

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

Это же касается и коричневого цвета - «облачать» весь сайт в эту гамму не стоит, но отдельные коричневые элементы сделать можно, особенно если речь идет, например, о шоколаде:Цвета сайта Lindt

А какой цвет вы выбрали для своего сайта и почему?

Комментарии