19.08.2016, 15:37:31
Войти Зарегистрироваться
Авторизация на сайте

Ваш логин:

Ваш пароль:

Забыли пароль?

Навигация
Новости
Архив новостей
Реклама
Календарь событий
Right Left

Главная Новости

Выбор правильного сочетания цветов для создания дизайна сайта

Опубликовано: 23.08.2018

видео Выбор правильного сочетания цветов для создания дизайна сайта

Как выбрать цвет для дизайна сайта?

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

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



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

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


Как подобрать цветовую палитру в веб-дизайне

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


Цвет сайта. Эмоции. Продажи. Как цвет сайта влияет на конверсию?

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

 

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

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

 

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

   

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

     

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

     

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

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

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

 

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

 

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

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

 

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

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

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

rss