Цветовой круг иттена как сделать

Круг Иттена для качественного дизайна

veselov 150x150 1598021426 77.222.152.151

cover itten circle

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

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

Что такое круг Иттена

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

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

Krug cvetovyh sochetanij. IstochnikКруг цветовых сочетаний. Источник

Обозначения цветов в круге и их значения

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

Вторичные, или дополнительные — получаются за счет смешивания двух цветов.

Третичные, или составные — смешивание основных и дополнительных цветов.

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

Как устроены цвета круга:

Цветовой круг Иттена для дизайнеров — значение

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

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

Простой, но мощный конструктор лендингов

Создайте мобильный лендинг, интернет-магазин или мультиссылку для Instagram и продвигайте ее через чат-боты в мессенджерах, email и SMS — все это на одной платформе!

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

Несколько особенностей при работе с цветом, которые также отмечал Иттен в своей книге «Искусство цвета»:

Основные комбинации на круге Иттена

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

Комплементарная комбинация из двух оттенков

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

Пример: выбор контрастных цветов для кнопки и текста — CTA.

Primer komplementarnoj kombinaciiПример комплементарной комбинации

Постер к фильму «Бойцовский клуб». Комбинация из двух основных цветов — зеленый и розовый.

Variant postera s dvumja osnovnymi cvetamiВариант постера с двумя основными цветами. Источник

Триада

Разделяют два вида триад, в которых совмещаются три противоположных оттенка:

Постер фильма «Кролик Джоджо». В простой иллюстрации в качестве фона задействован основной цвет — красный, а акценты сделаны с помощью голубого и желтого.

Variant izobrazhenija s ispol zovaniem klassicheskoj triadyВариант изображения с использованием классической триады. Источник

Монохромная

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

Постер к фильму «Джон Уик», который оформлен в аналоговых цветах — плавный переход от фиолетового к оранжевому.

Variant postera s monohromnoj palitrojВариант постера с монохромной палитрой. Источник

Полихромная

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

Постер фильма «Однажды в Голливуде». Главный цвет, который используется в качестве фона, — красный. Дополнительные оттенки — голубой, зеленый и желтый.

Primer postera s kombinaciej cvetov iz chetyreh ottenkovПример постера с комбинацией цветов из четырех оттенков. Источник

Характеристика цвета

Цвет не ограничивается кругом Иттена из 12 оттенков. В этом разделе разберемся в разновидностях цвета и его характеристиках.

Качественные характеристики цвета

Цвет может меняться в сторону насыщенности, тона или светлоты. Рассмотрим эти характеристики подробнее.

Цветовой тон

Это место цвета в световом спектре. Помогает определить оттенок, дать ему название и сравнить его с остальными.

Svetovoj spektrСветовой спектр

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

Помогает определить контрастные яркие или тусклые цвета. Насыщенность зависит от примеси серого оттенка.

Primer nasyshhennostiПример насыщенности

Светлота

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

Primer svetlotyПример светлоты

Инструменты для выбора палитры

Чтобы вы могли быстро найти нужные оттенки и определить цвета для проекта — используйте онлайн-инструменты. Все представленные ниже сервисы являются бесплатными и не требуют регистрации.

Paletton

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

Особенности:

Adobe Color

Adobe Color — сервис от Adobe, который постоянно обновляется новыми возможностями.

Особенности:

ColorScheme

ColorScheme — функционал аналогичен представленному в Paletton, полностью русскоязычное меню.

Особенности:

getColor

getColor — красивый инструмент для быстрого поиска цветовых сочетаний.

Особенности:

Заключение

В этой статье мы рассмотрели круг Иттена, узнали цветовых комбинациях и характеристиках цвета.

Используйте цвет в каналах коммуникации с клиентами — регистрируйтесь в сервисе SendPulse и создавайте яркие мультиссылки через конструктор лендингов, отправляйте привлекательные email, Viber, SMS, WhatsApp рассылки и push уведомления, настраивайте чат-боты в мессенджерах Facebook Messenger, ВКонтакте, WhatsApp и Telegram, а также подключайте бесплатную CRM-систему!

veselov 150x150 1598021426 77.222.152.151

Журналист без диплома, копирайтер без сертификатов, тексты без воды, трафик без проблем

Источник

Как пользоваться цветовым кругом

2016 04 16 21 28 41

kolrniy krug ittena kolrna gamma 602

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

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

2016 04 16 21 28 41

В любой сфере (дизайн, мода, искусство фотографии) правильным считается комбинирование трех цветов по принципу (60×10×30). Это позволяет изделиям любого профиля выглядеть органично и выразительно.

Чтобы правильно сочетать цвет с помощью круга Иттена, необходимо использовать:

Рассмотрим подробнее подбор цветового сочетания при помощи цветового круга Иттена.

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

При работе с оттенками благоприятно выглядят:

Использование теплых цветов базируется на:

Основой использования холодных цветов являются:

Холодные и теплые оттенки следует использовать с осторожностью, ведь они призваны вызывать ассоциации (снег и мороз, солнце и тепло). В практике дизайна не рекомендуется сочетание такие цветовые комбинации: черный/коричневый, синий/зеленый, красный/лиловый, насыщенный синий/черный.

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

Источник

Цветовой круг Иттена. 5 способов сочетать цвета правильно

9bec7cdc4712b0a7b46016142b27a072c4ccyl

Хочу поделиться интересной, на мой взгляд, и полезной информацией.

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

no avatar

Иттен Йоханнес (Itten, Johannes) — швейцарский художник, теоретик нового искусства и выдающийся педагог. Получил всемирную известность благодаря сформированному им учебному курсу Баухауза, так называемому форкурсу, который лёг в основу преподавания многих современных начальных художественных учебных заведений.

no avatar

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

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

Его элементарная таблица отучит вас бояться разноцветных вещей и поможет гармонично их сочетать.
Способ № 1: Сочетание первичных цветов

no avatar

Существует три первичных цвета:

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

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

no avatar

no avatar

no avatar

Выберите один из этих базовых цветов и купите, например, красную водолазку, а к ней — желтую юбку и голубое платье-комбинацию (см.фото 1) или выберите основной цвет и дополните аксессуарами из этой «цветовой тройки».

Способ № 2: Сочетание аналоговых цветов

no avatar

Это один из самых простых способов сочетания цветов в одежде.

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

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

no avatar

no avatar

no avatar

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

Способ № 3: Сочетание противоположных цветов

no avatar

Для этого способа сочетания используют противоположные друг другу цвета.

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

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

no avatar

no avatar

Способ № 4: Сочетание цветов по принципу треугольника

no avatar

Этот способ еще называют классической триадой.

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

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

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

no avatar

no avatar

no avatar

no avatar

Способ № 5: Усложненное сочетание противоположных цветов

no avatar

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

Здесь ваша задача будет заключаться в следующем: необходимо выбрать три аналоговых цвета (смотри способ № 2) и один контрастный с противоположной стороны круга. На нашем примере схема получилась следующая: желто-оранжевый, оранжевый, красно-оранжевый — аналоговые цвета, голубой — контрастный, противоположный.

no avatar

no avatar

no avatar

no avatar

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

Экспериментируйте! Это намного проще, чем кажется!

Материал взят из открытого доступа в интернете.

Источник

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

Каждый [охотник] желает знать, как гармонично сочетать оттенки. Пробуем магию цветового круга.

f09d945e8e7f10a361445f133e800997

a1c4d8971ce54f1c6b55c51a0c3f3228

Круг Иттена — это схема из 12 цветов. Все оттенки во внешнем круге получены из трёх цветов, расположенных в центре.

16531614082020 4236c4ee4ded42a70bfae415426ebc538165e915

Давайте разберёмся, из чего состоит круг Иттена и для чего он нужен художникам и дизайнерам.

13383313052020 aea97a12e1529ae09c2b37473bcc42f9fd796262

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

Как устроен круг Иттена

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

Ещё в круге есть третичные цвета. Они получаются при смешивании первичного и вторичного цвета, которые соседствуют друг с другом на схеме. Например, жёлтый и зелёный дают третичный цвет — жёлто-зелёный, жёлтый и оранжевый дают жёлто-оранжевый и так далее. В результате во внешнем круге на схеме мы видим 12 цветов, из которых три первичных, три вторичных и шесть третичных.

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

Как и когда появился круг Иттена

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

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

Зачем нужен круг Иттена

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

Круг устроен так, что максимально контрастные цвета расположены дальше всего друг от друга. А близкие цвета, соответственно, являются смежными на схеме. Всё цветовое пространство круга можно условно поделить пополам: от зелёного до малинового цвета идут холодные оттенки, а от красного до жёлто-зелёного — теплые.

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

Основные комбинации на круге Иттена

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

1. Если провести через центр круга прямую линию, получится комплементарное сочетание — оно максимально контрастное.

16530814082020 142e88e377e1752c1a8ec0f66a7134641e3185c1

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

16530414082020 395ac55f9d2bdf7b2eaa249aca1918774fc91ed3

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

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

16531214082020 a05b0a246d94ca49cd63912b54f76d25cd17bc3c

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

4. Ещё один вариант комбинации из трёх цветов — аналоговая триада. Здесь задействованы цвета, расположенные на круге рядом. Это сочетание без интенсивных контрастов.

16530514082020 cc9fc8e6480ae902b98b6d5847371c9f0b916420

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

5. Когда трёх цветов недостаточно, можно выбрать четыре. Например, квадрат, наложенный на круг Иттена, образует сочетание тетрады : все четыре цвета гармонируют между собой.

16530514082020 1df76a4fc6c31c6a6711f160e73ca03dbe05d16e

По сути, здесь представлено сочетание из двух пар дополнительных цветов. Сочетание четырёх цветов в тетраде позволяет создавать красочное и разнообразное изображение.

6. Ещё одно сочетание двух пар комплементарных цветов — прямоугольная схема. В отличие от тетрады, здесь сочетаются более близкие оттенки.

16531114082020 0183a8eb3d28a61335d1b32362fefa6eacfb6c89

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

Что делать с тысячами других оттенков

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

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

16530714082020 2011354e8677227aa88d07e24490263ad51c6c59

А уж какой именно оттенок бирюзового и красно-оранжевого выбрать — это работа дизайнера. Кстати, есть ещё два параметра: насыщенность и яркость. Цвет может быть бледным или сочным, тёмным или светлым. Например, красный бывает совсем ненасыщенным, то есть розовым. Или очень тёмным, бордовым. Это тоже влияет на восприятие картинки.

Автоматические инструменты для выбора палитры

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

В теории Иттена есть много интересного и кроме цветового круга: как работать с цветовым воздействием и субъективными цветами, какие бывают контрасты и как, например, связаны форма и цвет. Читайте об этом в нашем обзоре книги «Искусство цвета».

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

Что делать дальше

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

Хотите поупражняться в колористике под руководством опытных преподавателей? Записывайтесь на наш курс графического дизайна.

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

Высшая школа строительства и художественного конструирования (1919 — 1933 годы) в Германии. Это заведение связывают с зарождением дизайна как самостоятельной дисциплины, отделенной от искусства.

Источник

Adblock
detector