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

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

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

Монохромная схема

Монохромная схема состоит из различных оттенков одного цвета. Она позволяет создать визуальную простоту и согласованность во всех макетах, которые будут легко восприниматься.

Монохромная схема, источник: moving.com

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

Для вдохновения

Приложение для путешествий, автор: carlos
Лендинг, автор: Infinitus
Иллюстрации на тему интернет-путешествия, автор: WelshBoyo

Контрастная схема

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

Контрастная схема, источник: springleafstudios.com

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

Для вдохновения

Макет сайта для проекта Lilo Social, автор: pedro et
Проект “Красочная стартовая страница”, автор Gleb Kuznetsov✈
Сайт для саней Санта Клауса, автор: Viacheslav Olianishyn

Триада

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

Триада. Источник: ttt.studio

Для вдохновения

Приложение для хранения, автор: Bubu Dragos

Аналоговая схема

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

Аналоговая схема. Источник: convertkit.com

Для вдохновения

Иллюстрация, автор: Olga

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

Читайте нас в Telegram, VK и Яндекс.Дзен


Перевод статьи Inês Bernardino: Different Ways of Using Colour in Design

Предыдущая статьяСоздаем собственную Alexa в 20 строках Python
Следующая статья3 способа улучшить управление состоянием в React