Работа с цветами и подбор цветов

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

Теория цвета для веб дизайнера

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

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

Какие бывают значения у цвета

Есть три основных значения любого цвета: тон, насыщенность и значение.

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

Насыщенность — это интенсивность или частота цвета. Другими словами цвет приглушенный или яркий.

Светлота — определяет насколько цвет темный или светлый ( от черного к белому)

В любой графической программе нам предлагается настроить цвет именно по этим трем параметрам.

Цветовой круг

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

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

А теперь давай разберемся как же можно красиво и гармонично сочетать все эти цвета. Очень просто. Есть проверенные годами и столетиями правила.

Монохромия

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

К слову сказать, Google использует такой метод для определения цветов для текста и многих других элементов.
 

Аналоговая система

Аналоговая система — использовать цвета, которые идут один за другим на цветом круге

Комплиментарные цвета

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

Контрастная триада

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

Классическая триада

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

Прямоугольная форма на цветовом круге

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

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