+(373) 60-10-6666Связаться с нами
Ру РуRoEn
Содержание
Дизайн

"Синий, красный, голубой!" или правила сочетания цветов в веб-дизайне

  1. Главная
  2. Блог
  3. Дизайн
  4. Подбор цветов для сайта: пояснения и рекомендации
Время чтения: 8 минут
Нет времени читать?
Оставить заявку
 

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

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

 

Подбор цветов для сайта: основные критерии выбора

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

  • тематика (то есть какому продукту или услуге посвящен ресурс);

  • тип (интернет-магазин, корпоративный сайт, сайт-визитка, лендинг и т.д.);

  • целевая аудитория (кому вы будете продавать товары или услуги);

  • фирменный стиль компании.

Что касается цветового оформления кнопок призыва к действию (заказать, купить, зарегистрироваться, подписаться и т.д.), то для увеличения количества конверсий не существует какого-то специального цвета.

Если говорить исключительно из нашей практики, то получается следующая ситуация.  Как правило, визуальная часть сайта зависит от фирменного стиля компании заказчика (на 90%), цветовой гаммы его логотипа и брендбука, если таковой имеется. Соответственно, для акцентирования каких-то блоков или элементов используется наиболее яркий цвет из заданной цветовой гаммы. Если, к примеру, цветовая палитра монохромная или достаточно пастельная, то для обозначения акцентов можно добавить сторонний оттенок, но его выбор будет в любом случае зависеть от основного цветового решения,” - комментирует Яковлева Марина, руководитель отдела дизайна в Studio Webmaster.

Таким образом, подбор цветовой палитры сайта требует комплексного подхода и глубокого анализа ниши.

 

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

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

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

пример-черного-цвета-в-дизайне-рис1

Черный-цвет-в-веб-дизайне-рис2

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

Синий-цвет-в-веб-дизайне-рис1

В случае с Dalmors.md (ресурс, посвященный рыбному производству) тематика сама определила цвет:

Синий-цвет-в-веб-дизайне-рис2

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

пример-зеленого-цвета-в-веб-дизайне-сайта-рис5

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

Красный-цвет-в-веб-дизайне-рис1

красный-цвет-в-веб-дизайне-рис2

В заключение

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

Дата Публикации: 17.01.2020
Оценки: 0 рейтинг 0.00
Craciun Marina
Автор:
Marina Craciun
Руководитель отдела дизайна. В компании Studio Webmaster работаю с 2011 года. Занимаюсь дизайном более 12 лет. Люблю готовить, играть в бадминтон, без ума от моря. Различаю 51 оттенок серого на профессиональном уровне :)
Комментарии (0)
Чтобы оставить комментарий, нужно войти
rating rating rating rating rating
(0.00 из 5 на основе 0 оценок)