Содержание
- Три основных цвета
- Цветовой круг: вторичные цвета
- Третичный цветовой круг
- Семь контрастов Иоганнеса Иттена
- Сочетания и гармонии
- Что делать со знаниями дальше
- Как автоматизировать выбор цвета
- Где еще изучать колористику
Цветовой круг Иттена — это основа дизайна, одна из визуализаций того, как взаимодействуют между собой цвета, как одни получаются из других и сочетаются друг с другом.
Цвет — один из главных инструментов в дизайне. Чтобы уверенно и точно использовать его, правильно подбирать палитру проектов, стоит понять, что представляют собой цвета и сколько их на самом деле.
Свои идеи о том, как упорядочить и описать цвета, выдвигали многие ученые и художники, к примеру Ньютон и Гёте. Но именно 12-частный цветовой круг швейцарского художника, теоретика и педагога школы «Баухаус» Иоганнеса Иттена стал сводом классических правил, самым узнаваемым среди дизайнеров.
Три основных цвета
Фундамент круга Иттена составляют три цвета: желтый, красный и синий. Главное отличие основных цветов круга заключается в том, что их нельзя получить путем смешивания других. Именно поэтому их называют первичными, или основными. Остальные цвета круга получаются из этих трех.
Дизайн-библиотека BBE
Пополняемая коллекция бесплатных и платных курсов от онлайн-школы Bang Bang Education поможет определиться с интересами, развить насмотренность, освоить ключевые навыки и разобраться в тонкостях выбранной профессии.
Цветовой круг: вторичные цвета
Следующий уровень — это уже составные цвета, которые получаются путем смешивания пары первичных. Всего их тоже три: оранжевый, зеленый и фиолетовый.
Третичный цветовой круг
На круге осталось шесть ячеек, о которых мы не сказали. Они тоже образуются смешиванием, но уже одного первичного и одного вторичного цветов, соседствующих друг с другом на круге.
Соединяя их, мы получаем такие цвета: желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и желто-зеленый.
В итоге у нас получается круг из 12 цветов: трех первичных, трех вторичных и шести третичных.
Семь контрастов Иоганнеса Иттена
Систематизацией цветов 12-частная теория круга не ограничивается.
В книге «Искусство цвета» Иттен также выделяет семь цветовых контрастов — это сопоставления, благодаря которым мы и получаем визуальные впечатления:
- контраст по цвету
- контраст светлого и темного
- контраст холодного и теплого
- контраст дополнительных цветов
- симультанный контраст
- контраст по насыщенности
- контраст по площади цветовых пятен
Каждому из них Иттен посвящает отдельную главу своей книги. Он пишет о том, как те или иные сочетания цветов воспринимаются нами, как достичь ощущения решительности и силы через соединение цветов или как примирить их между собой. Также Иттен делится упражнениями, которые помогут развить чувствительность к цветам, их оттенкам и связям.
Сочетания и гармонии
Круг Иттена для дизайнера имеет еще одно прикладное значение — так называемые цветовые созвучия, то есть гармоничное сочетание между собой цветов.
Перечислить все комбинации всех оттенков невозможно, поэтому в своей теории автор цветового круга описывает именно принципы сочетания, которые каждый может применить по-своему.
Дополняющее созвучие
Это сочетание двух цветов, которые находятся на разных сторонах круга, друг напротив друга: красного и зеленого, синего и оранжевого или желтого и фиолетового. Обращаясь к этому принципу, стоит сделать один цвет основным, а второй — дополняющим, он создаст акцент. Такое сочетание на круге Иттена еще называют комплементарным.
Триада. Гармоничное трезвучие
Триада — это три цвета, образующие между собой равносторонний треугольник. Таких трезвучий, использующихся для расширения цветовой палитры, четыре.
Контрастная триада
Это тоже сочетание трех цветов, но близкое к дополняющему созвучию. Как получить? Выберите один цвет, проведите от него отрезок до другого конца круга и в качестве двух оставшихся возьмите те, что будут рядом с окончанием вашего отрезка.
Приведем пример. Вы выбрали желтый в качестве основного. Если это комплементарное созвучие из двух цветов, то вашим дополняющим цветом станет фиолетовый. Но когда мы говорим о контрастной триаде, вместе с желтым цветом нужно взять соседние от фиолетового: сине-фиолетовый и красно-фиолетовый.
Аналоговая триада
Сочетание на круге Иттена цветов, которые располагаются рядом друг с другом: желтого, желто-оранжевого и оранжевого; синего, сине-фиолетового и фиолетового; красного, красно-фиолетового и фиолетового и так далее.
Тетрада
Если для работы вам нужны сразу четыре контрастных цвета, то прочертите два перпендикулярных отрезка, как будто готовите два комплементарных созвучия.
На круге получается квадрат из четырех противоположных цветов — это и есть ваша тетрада. Их всего три: желтый, красно-оранжевый, фиолетовый и сине-зеленый; желто-оранжевый, красный, сине-фиолетовый и зеленый; оранжевый, красно-фиолетовый, синий и желто-зеленый.
Прямоугольная тетрада
Тоже сочетание четырех элементов, но образующих между собой прямоугольник, а не квадрат, как два близко расположенных друг к другу дополняющих созвучия. Такая тетрада дает более спокойное, неяркое сочетание цветов.
Что делать со знаниями дальше
По сути, 12-частный круг Иттена — лишь одна из визуализаций того, в каких отношениях могут быть цвета между собой. Этот круг помогает дизайнерам, служит лишь отправной и самой распространенной точкой входа в изучение колористики. Поэтому вас не должно смущать, что на других схемах или в программах палитра выглядит по-другому.
Главное, чему учит цветовой круг Иттена — понимать принципы взаимодействия цветов. Но как применять или ломать, расширять или сужать эти принципы, решать вам.
Выбор подходящих цветов всегда обусловлен чем-то еще, к примеру контекстом, сюжетом или стилем работы. Игра с тоном, насыщенностью, яркостью или оттенком цветов на круге тоже играет свою роль.
Как автоматизировать выбор цвета
Существует большой спектр онлайн-инструментов, которые позволяют правильно работать с цветом, сохранять и скачивать свои палитры, пользоваться библиотекой готовых кейсов и создавать широкий спектр цветовых наборов на основе изображений. С ними подбор нужной гаммы будет быстрее и эффективнее.
В основе большей части из них лежит как раз 12-частный круг Иттена, но в более расширенной версии цветов. Изучите эти ресурсы и подберите тот инструмент из предложенных нами вариантов, который подойдет именно вам: Adobe Color, Paletton, Color Hunt, Coolors, Canva Color Palette Generator, ColorScheme, Get Color.
Вот цветовые палитры, которые мы получили из нескольких работ студенток Bang Bang Education с помощью одного из этих сервисов — Canva Color Palette Generator:
Где еще изучить колористику
Чтобы выйти за пределы круга Иттена и помыслить совершенно другие подходы к цвету, советуем изучить сайт colorsystem. На нем представлено более полусотни теорий цвета, известных в искусстве и науке. Это поможет посмотреть на уже известные вам методы с новых углов.
Также лекции о теории цвета входят в разные программы нашей школы.
