Подбор цветов для сайта

  1. Главная
  2. Блог
  3. Дизайн
  4. Выбор цвета для сайта

Цвета и их значения

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

     Красный                                          Оранжевый                                   Желтый

znacheniia-tcveta-2

Зеленый                                           Синий                                      Пурпурный

znacheniia-tcveta-3

Черный                                             Серый                                    Коричневый

znacheniia-tcveta-4

Бежевый                                       Кремовый                                     Белый

 

Варианты и примеры использования

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

primer_vibora_tcveta_f1 

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

  primer_vibora_tcveta-1_f1 

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

   primer_vibora_tcveta-2_f1 

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

   primer_vibora_tcveta-3_f1 

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

Выбор цвета для сайта

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

 

  1. 2. Если сайт в дальнейшем планируется продвигать в поиске или контекстной рекламе, то лучше просмотреть Топ 20, или Топ 30 (включая рекламные площадки) сайтов конкурентов. Нужно это для того чтобы найти цвета, оттенки и их сочетания которые реже используются в вашей тематике.  Сайт должен запоминаться как самим дизайном, так и его уникальными цветовыми решениями, а не быть похожим на сайты конкурентов.

 

  1.  3. Далее следует выбрать основные цвета:
  • подложки сайта (чаще всего берутся нейтральные цвета);
  • основных элементов сайта (выбор зависит от задач);
  • для выделения продающих и важных моментов (обычно используют яркие оттенки тёплых).

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

 vibor-tcveta-4

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

  1. 4. Ну и после этого очень важно согласовать выбранные цвета с маркетологом и владельцем сайта). И можно приступать непосредственно к работе над дизайн-макетом будущего сайта.

  И помните! Даже самое небольшое изменение одного цветового оттенка может вызвать абсолютное другое восприятие у пользователей. В практике нашей студии был случай, когда изменение основного цвета сайта дало увеличение конверсии и KPI почти в 2 раза.

Понравилось? Репост!

Читайте также

Дима
А я слышал, что в разных странах цвета несут разную смысловую нагрузку и значения. Поэтому наш консерватизм в америке может означать и восприниматься как например вульгарность.
Денис Иванов
Посоветуйте пару сервисов по подбору цветов
Максим Нарижный
Вот: https://kuler.adobe.com http://colorblender.com Название цвета можно узнать тут!
сергей
Сервиса Яндекс.Цвета вполне хватает.