Цветовые схемы в дизайне

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

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

Монохроматическая схема

Эта схема основана на одном цвете с применением различных тонов и теней. Является наименее рискованным вариантом, так как практически невозможно испортить дизайн, создав неприятное сочетание цветов.

Аналогичная схема (соседние цвета)

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

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

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

Сплит-комплементарная схема

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

Триадная схема

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

Тетрадная схема 

Предназначена для опытных дизайнеров, так как ее сложнее всего сбалансировать. В основе — четыре цвета из цветовой гаммы, которые являются дополнительными (комплементарными) парами. Если соединить точки в выбранных цветах, они образуют прямоугольник. Схему трудно сбалансировать, но если все сделать правильно, то результаты могут быть ошеломляющими.

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

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

Данная заметка — вольный и сжатый перевод прекрасной статьи, опубликованной в блоге Tubik Studio: «Design Glossary: Color. Terms and Definitions».