Всё подряд

Уроки и статьи о дизайне
19
Октябрь 2016

Теория цветовой гармонии

then-it-hit-me-2x-1

Цветовой гармонией называется теория сочетания цветов в искусстве или моде, которые являются гармоничным для глаза. Другими словами, это теория о том какие цвета хорошо гармонируют друг с другом. Именно поэтому у Халка фиолетовые штаны, или, X-Men одеты в желтые и синие костюмы. Эта теория является причиной почти всех цветовых дизайнерских решений:

xxx_e02_hulk_comics_25_characters1-300x289 Теория цветовой гармонии2966105-2245419120-10-091-235x300 Теория цветовой гармонии

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

Вся цветовая гармония основана на концепции цветового круга. Вы можете изучить теорию цветового круга здесь. По существу, это круг со всеми цветами, которые расположены по кругу. Основные цвета этого круга равноудалены на трех точках. Обычно это красный, синий и желтый цвета. В области живописи, где цветовой круг и возник, этих три основных цвета использовались для смешивания и получения практически всех других цветов. В современной печати они заменились пурпурным, голубым и желтым цветами. Черный цвет создает более темные цвета, таким образом у нас и получается цветовая модель C, M, Y, K.

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

color-wheel-800x710 Теория цветовой гармонии

На цветовом круге, ближе к его центру, цвета менее чистые. В тоже время, ближе к внешнему краю круга, цвета становятся более чистыми и более насыщенными. Если представить цветовой круг в 3D пространстве (см. изображение выше), то можно разделить темные цвета от светлых и насыщенных. Очень важная вещь, которую необходимо знать, заключается в том, что в цветовой гармонии темные или светлые цвета, также как насыщенные и блеклые, не меняют своего положения на цветовом круге. Оранжевый может варьироваться от темно-коричневого цвета, до ярко-оранжевого или до бледно-розового тона. Все это будет оранжевым цветом, когда дело доходит до цветового круга.

cvetovoj_krug-797x800 Теория цветовой гармонии

Ключевой цвет

После, непосредственно, цветового круга, следующая значимая вещь, которую необходимо понять – ключевой (основной) цвет. Основной цвет – это доминирующий цвет вашего дизайна. Это цвет, который вы не можете изменить. Если вы рисуете картину с Халком, то ваш ключевой цвет это зеленый, поскольку это цвет вы не можете изменить. Если вы создаете портрет человека, то тон кожи и будет ключевым цветом. И если вы работаете над фотографией продукта, то цвет вашего продукта является ключевым цветом.

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

ТИПЫ ГАРМОНИЙ

Контрастная гармония

color-wheel-direct-250x2501 Теория цветовой гармонии

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

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

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

Раздельно-комплементарная цветовая гармония

color-wheel-split-250x2501 Теория цветовой гармонии

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

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

Триадная цветовая гармония

color-wheel-triadic-250x2501 Теория цветовой гармонии

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

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

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

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

color-wheel-analogous-250x2501 Теория цветовой гармонии

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

Тетраидная цветовая гармония

color-wheel-tetradic-250x2501 Теория цветовой гармонии

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

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

Примеры цветовых гармоний

В этом разделе я собрал плакаты и концепт-арты с различными цветовыми гармониями.

Контрастная гармония:

direct-harmony31-800x800 Теория цветовой гармонии

direct-harmony21-800x800 Теория цветовой гармонии

direct-harmony81-800x800 Теория цветовой гармонии

direct-harmony61-800x800 Теория цветовой гармонии

direct-harmony41-800x800 Теория цветовой гармонии

direct-harmony71-800x800 Теория цветовой гармонии

direct-harmony51-800x800 Теория цветовой гармонии

direct-harmony1-800x800 Теория цветовой гармонии

 

Раздельно-комплементарная цветовая гармония:

split-harmony-650x6501 Теория цветовой гармонии

split-harmony3-650x6501 Теория цветовой гармонии

split-harmony4-650x6501 Теория цветовой гармонии

split-harmony5-650x6501 Теория цветовой гармонии

split-harmony6-650x6501 Теория цветовой гармонии

split-harmony7-650x6501 Теория цветовой гармонии

 

Триадная цветовая гармония:

triadic-harmony8-650x6501 Теория цветовой гармонии

triadic-harmony9-650x6501 Теория цветовой гармонии

triadic-harmony10-650x6501 Теория цветовой гармонии

triadic-harmony-650x6501 Теория цветовой гармонии

triadic-harmony2-650x6501 Теория цветовой гармонии

triadic-harmony3-650x6501 Теория цветовой гармонии

triadic-harmony4-650x6501 Теория цветовой гармонии

triadic-harmony5-650x6501 Теория цветовой гармонии

triadic-harmony6-650x6501 Теория цветовой гармонии

triadic-harmony7-650x6501 Теория цветовой гармонии

 

Аналоговая цветовая гармония:

analogous-harmony-650x6501 Теория цветовой гармонии

analogous-harmony2-650x6501 Теория цветовой гармонии

analogous-harmony3-650x6501 Теория цветовой гармонии

analogous-harmony4-650x6501 Теория цветовой гармонии

analogous-harmony5-650x6501 Теория цветовой гармонии

analogous-harmony6-650x6501 Теория цветовой гармонии

 

Тетраидная цветовая гармония:

tetradic-harmony2-650x6501 Теория цветовой гармонии

tetradic-harmony3-650x6501 Теория цветовой гармонии

tetradic-harmony4-650x6501 Теория цветовой гармонии

tetradic-harmony5-650x6501 Теория цветовой гармонии

tetradic-harmony6-650x6501 Теория цветовой гармонии

tetradic-harmony-650x6501 Теория цветовой гармонии

 

Дополнительные материалы

В интернете можно найти множество цветовых кругов, однако мои любимые это:

Paletton особенно хорош тем, что имеет вкладку «примеры», где вы можете увидеть вашу цветовую схему на нескольких примерах.

Автор здесь.

Оценка посетителей
[Всего: 2 Среднее: 5]
Метки: , , ,
Поделиться

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Рейтинг@Mail.ru Сайт дизайнера - PhotoDrum.com