March 21, 2021

Как правильно подбирать цвета и шрифты для своего проекта? Цветовая композиция на сайте.

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

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

Первое главное правило при создании любого проекта: не переборщите. Обычно, достаточно 2-3 контрастных цветов, чтобы добиться идеального результата. (оттенки не в счет, похожие можно использовать, главное - не переборщить)

Вот вам первый пример: вырви глаз))) и как НЕ НАДО

А теперь давайте посмотрим обратную ситуацию.

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

Также пример сайта, на котором использовано много контрастных цветов.

Редкое исключение, где "радуга" выглядит отлично и не кажется перебором.

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

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

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

Сейчас расскажу, какими цветами можно вызывать у людей те или иные эмоции:

Еще одно важное правило: не используйте цвета в чистом виде. Чистые цвета усложняют целостное восприятие дизайна у человека. Хотите черный цвет? Сделайте его с каким-то оттенком. Хотите фиолетовый? Тоже возьмите оттенок, а не чистый цвет.

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

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

Ловите сервис, которым пользуюсь я:

Нажми сюда