Теория цвета

Теория цвета

​Цветовые модели

|
|
|
|
|
|
|
|
|
|
|
|
|
|
|

• Red, Green, Blue — красный, зелёный, синий

|
|
|
|
|
|
|
|
|
|
|
|
|
|
|

• Red, Green, Blue — красный, зелёный, синий

• Цветовая модель, по которой строятся цвета на экране.

|
|
|
|
|
|
|
|
|
|
|
|
|
|
|

• Red, Green, Blue — красный, зелёный, синий

• Цветовая модель, по которой строятся цвета на экране.

• Cyan, Magenta, Yellow, Key или Black

|
|
|
|
|
|
|
|
|
|
|
|
|
|
|

• Red, Green, Blue — красный, зелёный, синий

• Цветовая модель, по которой строятся цвета на экране.

• Cyan, Magenta, Yellow, Key или Black

• Цветовая модель, по которой формируется изображение для печати.

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

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

Multiple Choice

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

• RGB

• CMYK

• HSB

Multiple Choice

Какая цветовая модель используется в полиграфии для печати.

• RGB

• CMYK

• HSB

В отличие от цветовых моделей, цветовых палитр существует огромное множество.

Pinterest

​Палитра может быть простой – из одного или двух цветов, или сложной – из трех – пяти цветов.

Пример палитры из двух цветов

Пример палитры из трех цветов

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

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

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

Иттен выделяет первичные, вторичные и третичные цвета, которые вместе составляют круг из 12 цветов.

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

Первичные – цвета, при смешивании которых получается вторичные, т.е. красный, желтый и синий.

Красный + желтый = оранжевый, например.

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

Иттен выделяет первичные, вторичные и третичные цвета, которые вместе составляют круг из 12 цветов.

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

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

Иттен выделяет первичные, вторичные и третичные цвета, которые вместе составляют круг из 12 цветов.

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

Третичные – оттенки, полученные при смешивании первичных и вторичных, т.е. все остальные, например, сине-зеленый.

Иттен выделяет первичные, вторичные и третичные цвета, которые вместе составляют круг из 12 цветов.

Как с ним работать?

1.Контрасты / Комплиментарная схема

Это цвета, которые находятся друг напротив друга (красный и зеленый, желтый и фиолетовый, синий и оранжевый).

​

​

1.Контрасты / Комплиментарная схема

Это цвета, которые находятся друг напротив друга (красный и зеленый, желтый и фиолетовый, синий и оранжевый).

Помимо этого, есть еще и первичные контрасты (синий и красный, желтый и красный, синий и желтый).

​

​

1.Контрасты / Комплиментарная схема

Это цвета, которые находятся друг напротив друга (красный и зеленый, желтый и фиолетовый, синий и оранжевый).

Помимо этого, есть еще и первичные контрасты (синий и красный, желтый и красный, синий и желтый).

Такие контрасты Иттен называл «создающими впечатление пестроты, силы и решимости».

​

​

1.Контрасты / Комплиментарная схема

Также может быть контраст светлого и темного. Светлое лучше смотрится на темном фоне и наоборот.

Помимо контраста по цвету есть еще и контраст по оттенку, размеру, текстуре, расположению и форме

2. Баланс холодного и теплого

Холодные цвета – синий, зеленый, голубой.
Теплые цвета – красный, желтый, оранжевый.

2. Баланс холодного и теплого

Холодные цвета – синий, зеленый, голубой.
Теплые цвета – красный, желтый, оранжевый.

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

3. Триада

Внутри круга Иттена нужно нарисовать равносторонний треугольник. Его вершины и будут теми цветами, которые гармонируют друг с другом

4. Тетрада

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

5. Аналоговые цвета

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

Цвет и его оттенки

Поскольку векторная графика всё-таки представляет собой работу на компьютере, рассмотрим более расширенный выбор цвета, а именно Value (яркость), Saturation (насыщенность) и Hue (цветовой тон). Все настройки показаны на рисунке

Насыщенность

Яркость

Цветовой тон

Цвет и его оттенки

яркость

В случае с цветовым тоном все просто – вы выбираете всего лишь цвет (красный, синий, и т.д).

Настройки яркости – это настройки от темного цвета к светлому. Абсолютно темный – это черный, абсолютно светлый – это белый.

Насыщенность – это настройка от серого цвета к абсолютно насыщенному

насыщенность

яркость

Цвет и его оттенки

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

Лучше немного сдвинуть ползунок на цветовом квадрате влево вниз: картинка не потеряет в яркости и насыщенности, но уже будет выглядеть гораздо приятнее.

Вопросы по теории

Multiple Choice

Выбери комплиментарное цветовое сочетание.

Берутся цвета расположенные на противоположных сторонах цветового круга.

Сочетание таких цветов выглядит очень живо и энергично.

Лучше всего использовать данную схему, когда необходимо что-то выделить либо подчеркнуть.

Multiple Choice

Какой инструмент помогает подбирать гармоничные цветовые сочетания?

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

• Цветовой квадрат

• Световой круг

• Световой меч

Multiple Choice

Выбери квадратную цветовую схему.

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

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

Multiple Choice

Выбери прямоугольную цветовую схему.

Подбираются четыре цвета, каждые два из которых – комплиментарные (находятся друг напротив друга).

Лучше всего смотрится, когда один цвет делается основным, а остальные вспомогательными.

Данная схема имеет наибольшее количество возможных комбинаций.

Multiple Choice

Выбери трёхцветная гармонию.

Берутся три равноудалённых по кругу цвета. Цвета подобранные по данной схеме смотрятся очень живо.

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

Multiple Choice

Выбери аналоговое цветовое сочетание.

Берутся три расположенных по соседству цвета. Использовать такие цвета лучше всего в мягких композициях.

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

Multiple Choice

Выбери монохромное сочетание цветов.

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

Подобные композиции спокойны, уравновешенные, сдержанные, но при этом статичные.

Multiple Choice

Из скольких цветов состоит классическая триадная модель цвета?

• 13

• 9

• 3

• 33

Ссылка на референс