ЦВЕТОВОЙ КРУГ — ЧТО ЭТО И ЧЕМ ОН МОЖЕТ БЫТЬ ПОЛЕЗЕН ДИЗАЙНЕРУ

графический дизайнер и автор блога
Дмитрия Сугак

Привет! На связи графический дизайнер Дмитрия Сугак. Открою профессиональный секрет: далеко не у всех дизайнеров выработана цветовая насмотренность. Многие используют системы, позволяющие быстро составить нужную комбинацию цветов. Самая простая и популярная из них называется «цветовой круг Йоханнеса Иттена». Он помогает подобрать сочетающиеся цвета для решения практически любой творческой задачи.

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

ЧТО ТАКОЕ ИСКУССТВО ЦВЕТА?

Йоханнес Иттен был художником и дизайнером родом из Швейцарии. Будучи преподавателем, он захотел чётко сформулировать, какие цвета сочетаются, и как эти сочетания использовать. В своей книге «Искусство цвета» Иттен доступным языком изложил принципы сочетания оттенков разных цветов и работы с цветовым кругом.

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

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

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

В моем авторском курсе по дизайну карточек товаров для маркетплейсов вы сможете не только ближе познакомиться с цветовым кругом и другими цветовыми схемами, но и научитесь работать с композицией, акцентами, иерархией и типографикой. Постигнув азы дизайна, можно зарабатывать от 60 тысяч рублей в месяц на удалёнке (проверено моими учениками). Все подробности по ссылке: https://ddesign.moscow/infographics

ЦВЕТОВОЙ КРУГ: КАК ПОЛЬЗОВАТЬСЯ?

Цветовой круг позволяет составлять различные комбинации цветов, которые помогут вам определить наиболее подходящие цветовые сочетания. В своей книге Й. Иттен отразил множество вариантов использования своей схемы. Из них мы рассмотрим несколько наиболее понятных и часто используемых.
    Комплементарное сочетание. Данный принцип заключается в сочетании расположенных на противоположных сторонах круга цветов. В таком случае один из цветов используют как основной, а второй — как дополнительный, для подчёркивания отдельных элементов в общей картине.
    Классическая триада. Чтобы подобрать интересные сочетания, вам нужно расположить поверх круга равносторонний треугольник (мысленно вообразить, нарисовать или наложить сверху — не важно). На углах этого треугольника будут расположены цвета, которые дадут больше разнообразия в цветовой гамме.
    Контрастная триада. Данный принцип похож на предыдущий, разве что используемый треугольник не равносторонний, а равнобедренный (т.е. равны только две стороны между собой). Здесь главным цветом будет использоваться один цвет, а два цвета с противоположной стороны — как дополнительные. Причём дополнительными цветами буду являться два соседних, расположенных по бокам от цвета, противоположного первому. Такой набор цветов даёт контрастное (но при этом не резкое) сочетание.
    Аналоговая триада. Здесь комбинация образуется из использования трёх соседних цветов внешней части. При таком подходе цветовой круг предлагает спокойную и сдержанную палитру, обеспечивающую мягкие переходы между цветами без каких-либо контрастов.

    Тетрада и прямоугольная схема. Аналогичные предыдущим принципы, только здесь нам понадобиться больше углов. В первом случае, используемый квадрат представляет комбинацию из 4-х цветов, дающих сочетание по сути 2-х пар дополнительных цветов. Если вам нужно красочное изображение, то данный принцип позволит быстро подобрать удачное сочетание. Во втором случае, углы прямоугольника указывают на комбинацию из цветов, расположенных на противоположных сторонах внешней части круга. Каждая пара на одной стороне располагается через один неиспользуемый цвет. Здесь сочетаются достаточно близкие оттенки, образуя весьма спокойную палитру.

      CMYK и RGB цвета

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

      Каждому профессионалу, задействованному в сфере дизайна, фото- или видеомонтажа, необходимо уметь работать не только с классическим цветовым кругом, но и с компьютерными цветовыми моделями. Таковыми являются распространённые CMYK и RGB.
      CMYK — это цветовая модель, служащая для создания различных оттенков. В её основе лежат 4 основных цвета, которые и составляют аббревиатуру названия с английского языка: жёлтый, голубой, пурпурный и (неожиданно) чёрный. Такая модель отображает на мониторе картинку в максимально приближённых к напечатанному изображению тонах и оттенках. Это позволяет дизайнеру избежать ошибок при подборе цветов. CMYK цвета в основном применяются в программах для векторной графики и отрисовки макетов перед печатью (таких как Adobe Illustrator или Corel Draw).

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

      ГДЕ ИСПОЛЬЗУЕТСЯ ЦВЕТОВОЙ КРУГ?

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

      Можно бесконечно перечислять ниши, в которых дизайнеру не обойтись без цветового круга, который существенно сокращает сроки реализации проекта, предлагает вариативность и помогает не совершать ошибки в цветовой гамме продукта.
      Сегодня существует огромное количество вариантов цветовых кругов. Но все они базируются на описанных мной принципах. Практически в каждой книге по дизайну есть раздел, посвящённый работе с цветовым кругом. Изучите информацию подробнее — упростите себе задачу.
      ПОНРАВИЛАСЬ СТАТЬЯ?
      БОЛЬШЕ ИНТЕРЕСНЫХ СТАТЕЙ
      ОБУЧАЕМ ДИЗАЙНУ С НУЛЯ ДО ПРОФИ

      КСТАТИ! МЫ ЗАПУСТИЛИ КУРС ДЛЯ ЗАРАБОТКА НА ФРИЛАНСЕ

      Инфографика для маркетплейсов
      Лучший онлайн курс по дизайну карточек товаров для Вайлдберриз и Озон.
      Вы научитесь делать карточки с инфографикой для Wildberries и Ozon и освоите редактор Figma.
      После оплаты вы сразу получаете доступ к урокам. На курсе много обратной связи от автора обучения.
      ПОДРОБНОЕ ВИДЕО О КУРСЕ
      ЖМИТЕ, ЧТОБЫ УЗНАТЬ ПОДРОБНОСТИ