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

Цветовая концепция круга в современном мире

Гёте Иоганн Вольфганг родился в 1748 году в торговом городе Германии — Франкфурте-на-Майне. Это один из самых выдающихся философов и поэтов конца XVIII – начала XIX века. Однако мало кому известно, что Иоганн Вольфганг был также ученым-естествоиспытателем — он собрал значительную коллекцию минералов, в честь него был назван один из них – гётит, а также был удостоен чести увековечить свое имя в названии одного из кратеров на планете Меркурий.

К одному из главных достижений сего мужа в сфере естественных наук относится «цветовой круг Гёте» — учение о цвете и его сочетаниях, опубликованное в 1810 году в книге «К теории цвета» (нем. Zur Farbenlehre). В ней ученый изложил свой субъективный взгляд на природу цвета, а также раскрыл вопросы относительно человеческого световосприятия.

Данная теория шла вразрез с преобладающим в то время физическим учением о природе цвета, в связи с чем не была всерьез воспринята современниками. Однако Иоганн Вольфганг и не стремился объяснить указанное явление с точки зрения физики. Больше всего его волновал вопрос: «Какие чувства и эмоции вызывает у человека тот или иной цвет?»

Наука не стоит на месте, в том числе и колористка. В современной модели цвета RGB лежит концепция, которую создал в начале 19 века Иоганн Вольфганг фон Гёте.

Цветовой круг Гёте за 2 века был увеличен до 24 цветов благодаря исследованиям Иттена и Освальда и положен в основу современной цветовой концепции. Как и ранее, основными цветами являются красный, синий и зеленый — современная модель RGB (Red, Grey, Blue). Однако теперь она представлена не самостоятельными цветами, а градиентными кругом.

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

Цветовой круг, созданный им в начале XIX века, за последующие столетия был увеличен на 18 цветов – с 6 до 24. Однако концепция цвета, созданная им на основании психологических предпочтений человека, несмотря на отсутствие научной обоснованности, крайне эффективно используется и в XXI веке, став основой для современных цветовых моделей.

Иоганнес Иттен и его магический круг

Иоганнес Иттен
Иоганнес Иттен

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

ЧИТАТЬ ДАЛЕЕ:  Окучник размеры Как выбрать и настроить двухрядное активное устройство для посадки картофеля Как его использовать

Конечно, это берут на вооружение и web-дизайнеры, тщательно подбирая цвета для своих проектов – очевидно, что при просмотре сайта посетитель должен испытывать определенные эмоции (хорошо, если они будут положительными). В этом помогает правильный выбор цветовой гаммы.

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

1. Треугольника в центре. Здесь расположены три цвета, которые Иттен считал основными: желтый, красный и синий. Все остальные оттенки – это лишь сочетание и смешение этих трех компонентов.

2. Шестиугольника, «достроенного» к треугольнику. В этой фигуре располагаются цвета второго порядка, полученные в результате попарного смешения основных цветов (все тех же желтого, красного и синего).

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

Цветовой круг Иттена
Цветовой круг Иттена

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

Цветовая палитра

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

Комплементарные (дополнительные) цвета. Пожалуй, самый удобный и легкий способ для цветового оформления дизайна web-страниц. Просто выберите любой сектор на круге и проведите линию в противоположном направлении. Получившаяся пара и станет основой для дальнейшей стилизации веб-ресурса. Например, отлично сочетаются такие цвета HTML, как оранжевый и синий, желтый и фиолетовый.

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

Классическая триада. Не менее удачное сочетание цветов с помощью цветового круга Иттена: выберите основной сектор и постройте равносторонний треугольник. Этот «тройственный союз» рекомендуется использовать в соотношении 60%*10%*30% – например, желтый украсит фон блоков, красный эффектно оформит все гиперссылки, а синий позволит визуально выделить отдельные абзацы или списки в тексте.

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

Аналоговая триада. Этот способ представляет собой выбор трех цветовых тонов, расположенных по соседству. Иттен определял цвет как душу формы, и аналоговые оттенки вполне способны придать вашему сайту (то есть форме) индивидуальность (то есть душу). Web-страница, оформленная по такому принципу, отличается сдержанностью и спокойствием. Есть хорошая фраза: «Лучший дизайн – тот, который незаметен». Нам кажется, что умелое использование аналоговых цветов – этот как раз тот случай.

Тетрада
Тетрада

Тетрада. Группа из четырех цветов, равноудаленных друг от друга. Такой способ использования цветового круга Иттена требует от дизайнера определенного опыта, так как совмещать 4 цвета – задача не из простых. Однако если вам удастся освоить сочетание нескольких оттенков, то вы сможете создавать по-настоящему стильные и красочные web-ресурсы. Чаще всего способ «тетрада» применяется на крупных порталах, отличающихся многообразием контента и сложной структурой.

ЧИТАТЬ ДАЛЕЕ:  Стул-кресло из дерева своими руками
Буква «X»
Буква «X»

Буква «X». В этом случае берутся два цвета с одной стороны цветового круга и два – с другой. В результате образуется подобие английской буквы «X». Этот способ относится к самому редкому, так как, во-первых, нецелесообразен при работе с небольшими проектами, а во-вторых, требует от разработчика высокого профессионализма и хорошего чувства стиля.

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

Альтернативное сочетание комплементарных цветов
Альтернативное сочетание комплементарных цветов (вместо оранжевого – желтый)

В современном мире существует два подхода к определению природы цвета:

  • В рамках первого подхода, приверженцами которого являются представители точных наук, цвет является не чем иным, как реакцией глаза человека на длину световой волны. Указанный подход также можно назвать «подходом человеческого субъективизма», в рамках которого каждый человек видит цвет по-своему.
  • В рамках второго подхода, второе название которого — «цветовой круг Гёте», цвет рассматривается как объективно существующая в природе субстанция.

Философские размышления о структуре мира натолкнули Гёте на мнение о реальности существования цвета в природе. После чего ученый решил рассмотреть каждый из них с точки зрения психологии и определить степень его влияния на мозг человека.

Однако утверждать, что цветовой круг Иоганна Гёте — истинно философское учение, в корне не верно. Изначально палитра состояла из 6 цветов, а в XIX веке расширена до 24 единиц немецким физиком Вильгельмом Освальдом.

Люди, работающие с цветами и подбирающие гармоничные оттенки, используют цветовой круг Гете.

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

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

Существует 2 разновидности круга.

1. Палитра из 6 цветов.

2. Палитра из 24 цветов.

схема конструкции цветового круга

В процессе эмпирических исследований было установлено, что субъективные ощущения человека изменяются на 3-4 градуса в зависимости от окраски стен комнаты. В связи с этим Иоганн Вольфганг установил темперамент для каждого цвета в зависимости от его «температуры» по шкале «теплый — холодный».

  • Желтый и оранжевый цвета Гёте отнес к «положительным», так как при взгляде на них человек радуется, приобретает радужные эмоции.
  • Синий и фиолетовый — к отрицательным. Помещения, наполненные указанным цветом, холодные и пустые.
  • Чисто красный и зеленый ученый причислял к нейтральным.
ЧИТАТЬ ДАЛЕЕ:  Плюсы и минусы унитазов компании Cersanit || Унитаз Cersanit 57 фото подвесные и напольные модели Carina и Trento Just и Nano Parva и Delfi отзывы покупателей о фирме

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

5 способов подбора цветовой гаммы для сайта

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

Подводим итоги

Первое, что оценивает пользователь при посещении web-сайта – это дизайн. Это происходит на подсознательном уровне, и мозг фиксирует впечатление о сайте менее чем за 1 секунду! Швейцарский ученый Иоганнес Иттен понял сущность цвета задолго до появления всемирной паутины, однако его исследования приняли на вооружение не только все, кто связан с искусством, но и дизайнеры, создающие проекты для web.

Цветовой круг стал одним из самых известных «творений» Иттена, и сегодня, в эпоху расцвета интернета, этот инструмент приобретает особое значение. Используйте его, если хотите найти ключ к созданию стильных и качественных web-ресурсов.

Хочешь научиться делать стильные сайты? Записывайся на наши

курсы «Web-дизайна»

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

Порядок сочетания

Правило № 1. Лучше всего комбинируются цвета, лежащие друг напротив друга. они также называются комплементарными. К примеру, фиолетовый и желтый взаимно дополняют друг друга и усиливают.

Правило № 2. Цвета, расположенные на вершинах одного из треугольников, гармоничны. К примеру, синий, фиолетовый и зеленый. Указанное правило также называют «трехцветной гармонией».

Правило № 3. Цвета, расположенные на вершинах квадрата, гармоничны. К примеру, синий, фиолетовый, желтый и оранжевый. Данное правило также называют «цветовым комплементом».

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

Правило № 5. Оттенки, расположенные на одной вершине треугольника, можно комбинировать в любом количестве. Современный цветовой круг Гете насчитывает 24 вершины. Цвет каждой из них можно разложить на десятки оттенков и использовать их в работе или творчестве.

Правило № 6. Нейтральные цвета можно комбинировать друг с другом в любом количестве. К таковым относятся: белый, коричневый, серый, черный.

Оцените статью
Экодача