Найти тему
Bang Bang Education

Что такое цветовой круг Иттена и как пользоваться схемой сочетания цветов

Оглавление

Разбираемся в основных, вторичных и третичных цветах

Содержание

  • Три основных цвета
  • Цветовой круг: вторичные цвета
  • Третичный цветовой круг
  • Семь контрастов Иоганнеса Иттена
  • Сочетания и гармонии
  • Что делать со знаниями дальше
  • Как автоматизировать выбор цвета
  • Где еще изучать колористику

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

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

Свои идеи о том, как упорядочить и описать цвета, выдвигали многие ученые и художники, к примеру Ньютон и Гёте. Но именно 12-частный цветовой круг швейцарского художника, теоретика и педагога школы «Баухаус» Иоганнеса Иттена стал сводом классических правил, самым узнаваемым среди дизайнеров.

Три основных цвета

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

-2

Цветовой круг: вторичные цвета

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

Желтый и красный → Оранжевый

Синий и желтый → Зеленый

Красный и синий → Фиолетовый

-3

Третичный цветовой круг

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

Соединяя их, мы получаем такие цвета: желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и желто-зеленый.

В итоге у нас получается круг из 12 цветов: трех первичных, трех вторичных и шести третичных.

-4

Семь контрастов Иоганнеса Иттена

Систематизацией цветов 12-частная теория круга не ограничивается.

В книге «Искусство цвета» Иттен также выделяет семь цветовых контрастов — это сопоставления, благодаря которым мы и получаем визуальные впечатления:

  • контраст по цвету
  • контраст светлого и темного
  • контраст холодного и теплого
  • контраст дополнительных цветов
  • симультанный контраст
  • контраст по насыщенности
  • контраст по площади цветовых пятен

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

Сочетания и гармонии

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

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

Дополняющее созвучие

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

-6

Триада. Гармоничное трезвучие

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

-7

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

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

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

-8

Аналоговая триада

Сочетание на круге Иттена цветов, которые располагаются рядом друг с другом: желтого, желто-оранжевого и оранжевого; синего, сине-фиолетового и фиолетового; красного, красно-фиолетового и фиолетового и так далее.

-9

Тетрада

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

На круге получается квадрат из четырех противоположных цветов — это и есть ваша тетрада. Их всего три: желтый, красно-оранжевый, фиолетовый и сине-зеленый; желто-оранжевый, красный, сине-фиолетовый и зеленый; оранжевый, красно-фиолетовый, синий и желто-зеленый.

-10

Прямоугольная тетрада

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

-11

Что делать со знаниями дальше

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

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

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

Как автоматизировать выбор цвета

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

В основе большей части из них лежит как раз 12-частный круг Иттена, но в более расширенной версии цветов. Изучите эти ресурсы и подберите тот инструмент из предложенных нами вариантов, который подойдет именно вам: Adobe Color, Paletton, Color Hunt, Coolors, Canva Color Palette Generator, ColorScheme, Get Color.

Вот цветовые палитры, которые мы получили из нескольких работ студенток Bang Bang Education с помощью одного из этих сервисов — Canva Color Palette Generator:

Подборки, полезные материалы, работы студентов и новости школы ищите в телеграм-канале «BBE: графический дизайн».

Где еще изучить колористику

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

Также лекции о теории цвета входят в разные программы нашей школы.

Карьера в дизайне

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

Стать востребованным дизайнером 💥