Главная
›
Новости
Выбор правильного сочетания цветов для создания дизайна сайта
Опубликовано: 23.08.2018
Как выбрать цвет для дизайна сайта?Цвета и их значения
Несмотря на то, что цвета и их оттенки очень часто вызывают у разных людей разные эмоции и ассоциируются с разными вещами, все же на сайте они должны гармонично сочетаться, и нести смысловую нагрузку. Общепринятые значения цветов условно можно разделить на три группы по типу их восприятия: тёплые, холодные и нейтральные цвета.
Красный Оранжевый Желтый
Зеленый Синий Пурпурный
Как подобрать цветовую палитру в веб-дизайне
Черный Серый Коричневый
Цвет сайта. Эмоции. Продажи. Как цвет сайта влияет на конверсию?
Бежевый Кремовый Белый
Варианты и примеры использования
Один цвет в разных вариантах дизайна можно использовать как фоновым, так и для выделения важных элементов. Примеры:
В данном примере голубой цвет используется в элементах дизайна, а продающие моменты выделены красным.
А для этого сайта голубой цвет выбран в качестве основного и важные продающие элементы выделяются именно с помощью него.
Здесь красный цвет используется в качестве фонового.
Ну а для этого примера тот же красный цвет используется для выделения продающих моментов.
Выбор цвета для сайта
1. Выбирать цвета для сайта нужно не наобум, а руководствуясь будущими целями сайта. Первое, с чего нужно начать выбор - узнать, не сделали ли его до вас). У многих коммерческих (и чуть реже некоммерческих) сайтов очень часто есть жесткая привязка к существующему логотипу, узнаваемым цветам и элементам предыдущей версии сайта, или попросту выработан фирменный стиль.
2. Если сайт в дальнейшем планируется продвигать в поиске или контекстной рекламе, то лучше просмотреть Топ 20, или Топ 30 (включая рекламные площадки) сайтов конкурентов. Нужно это для того чтобы найти цвета, оттенки и их сочетания которые реже используются в вашей тематике. Сайт должен запоминаться как самим дизайном, так и его уникальными цветовыми решениями, а не быть похожим на сайты конкурентов.
3. Далее следует выбрать основные цвета:
подложки сайта (чаще всего берутся нейтральные цвета);
основных элементов сайта (выбор зависит от задач);
для выделения продающих и важных моментов (обычно используют яркие оттенки тёплых).
Подбирать цвета нужно руководствуясь правилами сочетания цветов. Начинающим дизайнерам советую использовать аналогичные (близкие по палитре) цвета или методы триад и квадратов по палитре цветового круга.
Аналогичные. Этот метод основан на использовании двух – трех близких по палитре цветов и всего многообразия их оттенков. Триады и квадраты. Равносторонний треугольник или квадрат на цветовом круге подскажут правильное сочетание цветов, упростив выбор дизайнера.
4. Ну и после этого очень важно согласовать выбранные цвета с маркетологом и владельцем сайта). И можно приступать непосредственно к работе над дизайн-макетом будущего сайта.
И помните! Даже самое небольшое изменение одного цветового оттенка может вызвать абсолютное другое восприятие у пользователей. В практике нашей студии был случай, когда изменение основного цвета сайта дало увеличение конверсии и KPI почти в 2 раза.