1. Основы колористики: цветовой круг, типы цветов и температура
Основы колористики: цветовой круг, типы цветов и температура
Добро пожаловать на курс «Цвет как язык дизайна». Вы, вероятно, привыкли выбирать цвета интуитивно: «этот красивый», а «этот не подходит». Но в профессиональном дизайне интуиция — это лишь верхушка айсберга. Под водой скрывается строгая система, физика и психология.
Цвет — это первое, что считывает мозг человека, еще до того, как он распознает формы или прочитает текст. В этой статье мы разберем алфавит этого языка: цветовой круг, иерархию смешивания и понятие температуры.
Что такое цвет и откуда он берется?
С точки зрения физики, цвет — это не свойство предмета, а ощущение, которое возникает в нашем мозгу при попадании на сетчатку глаза световых волн определенной длины. Исаак Ньютон первым разложил белый свет через призму и увидел радугу, доказав, что белый цвет содержит в себе все остальные.
Однако дизайнеры редко работают с физикой волн напрямую. Нам нужен инструмент для подбора гармоничных сочетаний. Таким инструментом стал цветовой круг.
Цветовой круг Иттена
В дизайне наиболее популярен 12-частный цветовой круг, разработанный швейцарским художником и педагогом Иоганнесом Иттеном. Это ваша карта местности. Если вы заблудились в палитре, всегда возвращайтесь к кругу.
!Схема цветового круга Иттена: от центральных первичных цветов к внешнему спектру.
Круг помогает понять логику взаимодействия цветов. Он строится на основе смешивания красок и делится на три уровня иерархии.
1. Первичные цвета (Primary Colors)
Это основа всего. В классической художественной теории (RYB — Red, Yellow, Blue) существует три цвета, которые невозможно получить путем смешивания других. Это «родители» всех остальных оттенков:
* Красный * Желтый * Синий
Если у вас есть только эти три банки с краской (плюс белая и черная), вы теоретически можете создать любой другой цвет.
2. Вторичные цвета (Secondary Colors)
Эти цвета получаются при смешивании двух первичных цветов в равной пропорции. Они находятся в цветовом круге ровно между первичными:
* Оранжевый = Красный + Желтый * Зеленый = Желтый + Синий * Фиолетовый = Синий + Красный
3. Третичные цвета (Tertiary Colors)
Если смешать первичный цвет с соседним вторичным, мы получим третичный оттенок. В дизайне они играют роль связующих звеньев, делая палитру сложнее и интереснее.
Их названия обычно пишутся через дефис, где на первом месте стоит первичный цвет:
* Желто-оранжевый * Красно-оранжевый * Красно-фиолетовый * Сине-фиолетовый * Сине-зеленый * Желто-зеленый
Температура цвета: Тепло и Холод
Помимо места на круге, у каждого цвета есть характеристика, которую мы ощущаем физически — это температура. Цветовой круг можно разделить пополам на две большие группы: теплые и холодные цвета.
!Разделение цветового круга на теплую и холодную зоны.
Теплые цвета
К ним относятся: Красный, Оранжевый, Желтый и их вариации.
* Ассоциации: Огонь, солнце, закат, осень, кровь, энергия. * Визуальный эффект: Теплые цвета кажутся ближе к зрителю. Они «выступают» вперед. В дизайне их используют, чтобы привлечь внимание, создать ощущение уюта, динамики или опасности.
Холодные цвета
К ним относятся: Синий, Зеленый, Фиолетовый.
* Ассоциации: Вода, лед, небо, трава, ночь, спокойствие. * Визуальный эффект: Холодные цвета визуально отдаляются. Они создают глубину и пространство. Используются для фона, передачи ощущения профессионализма, спокойствия или свежести.
Относительность температуры
Важно понимать, что температура может быть относительной. Чистый красный — теплый. Но если добавить в него каплю синего, он станет «холодным красным» (малиновым). Если в зеленый добавить больше желтого, он станет «теплым зеленым» (лайм), а если больше синего — «холодным зеленым» (изумруд).
> Цвет — это клавиша, глаз — молоточек, душа — многострунный рояль. > — Василий Кандинский
Цветовые модели: RGB против CMYK
Как начинающему дизайнеру, вам критически важно понимать разницу между цветом на экране и цветом на бумаге. Это две разные физические природы цвета.
RGB (Red, Green, Blue)
Это модель для экранов (мониторы, телефоны, телевизоры). Цвета получаются путем смешивания лучей света.
Принцип: Аддитивный (от англ. add* — добавлять). Чем больше цвета мы добавляем, тем светлее результат. Если смешать все три (R+G+B) на максимум, получится белый свет. * Где использовать: Веб-дизайн, интерфейсы приложений, графика для соцсетей.
CMYK (Cyan, Magenta, Yellow, Key/Black)
Это модель для печати. Цвета получаются путем смешивания красок (пигментов) на бумаге.
Принцип: Субтрактивный (от англ. subtract* — вычитать). Бумага отражает свет. Краска поглощает (вычитает) часть спектра. Чем больше краски мы наносим, тем темнее результат. Если смешать все цвета, получится грязно-черный (для глубокого черного добавляют специальный черный пигмент — Key). * Где использовать: Визитки, плакаты, упаковка, журналы.
!Сравнение аддитивной модели RGB и субтрактивной модели CMYK.
Практическое задание
Чтобы закрепить материал, выполните следующее упражнение. Оно поможет вам начать чувствовать характер цвета.
Задание: «Эмоциональный спектр»
Это упражнение научит вас не просто смотреть на цвет, а анализировать его посыл. В следующей статье мы углубимся в то, как именно эти цвета влияют на психику человека.