Теория цвета Хабр

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

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

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

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

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

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

Монохромная

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

Аналоговая

Аналоговая

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

Комплементарная

Комплементарная

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

Раздельнокомплементарная

Раздельнокомплементарная

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

Триадическая

Триадическая

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

ЧетвертичнаяСдвоеннокомплементарная

ЧетвертичнаяСдвоеннокомплементарная

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

Я бы хотел закончить прозаичной цитатой Ру Пола: «

Я бы хотел закончить прозаичной цитатой Ру Пола: «Весь смысл в том, чтобы проживать жизнь и быть — использовать все цвета из коробки карандашей». Научитесь эффективно пользоваться цветами как в жизни, так и в работе, и результаты вам придутся по душе.

Типы цвета

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

Первичные цвета (Primary)

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

Вторичные цвета (Secondary)

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

Третичные цвета (Tertiary)

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

Холодные, теплые и нейтральные цвета

Все описанные выше цвета можно также разделить на три вида: холодные, теплые и нейтральные.

Холодные цвета находятся на сине-зеленой части цветового круга. Их называют холодными, так как они создают ощущение прохлады. Теплые цвета являются их противоположностью из-за ассоциаций с теплом. Желтый, оранжевый и красный — это тоны, относящиеся к виду теплых цветов

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

Приложение по прогнозу погоды (Tubik)

Приложение по прогнозу погоды (Tubik)

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

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

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

Так будут размещаться эти цветовые оттенки на&nbsp
Так будут размещаться эти цветовые оттенки на схеме

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

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

Это те цвета, которые на 180° противоположны друг

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

Как получить свечение

Вы знали? Использование более светлых оттенков ком

Вы знали? Использование более светлых оттенков комплиментарных цветов может воссоздать то самое «свечение» света и цвета.

Колориты

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

Существует четыре типа колорита: насыщенный, разбелённый, зачерненный и ломаный.

Насыщенный колорит характеризуется использованием насыщенных цветов (см. «Базовые понятия в колористике»): красного, синего, зеленого, оранжевого, зачастую также используются белый и черный цвета. Такой колорит используется в детских проектах, ведь дети реагируют именно на насыщенные чистые цвета, он прост и понятен.

Разбелённый колорит использует цвета, смешанные с белым цветом, так называемые оттенки (см. «Базовые понятия в колористике»). Такой колорит более нежный, приглушенный, спокойный и используется в там, где нет накала страстей и никакой внутренней борьбы.

Зачернённый колорит использует цвета, смешанные с черным, то есть тени (см. «Базовые понятия в колористике»). Этот колорит используют в дорогих статусных проектах, чтобы подчеркнуть их исключительность.

Ломаный колорит использует тональности (см. «Базовые понятия в колористике»), то есть цвета, смешанные с серым. Это, пожалуй, самый сложный колорит, он встречается реже других. Такой колорит характерен для сложных глубоких проектов для творческих людей с богатым воображением и развитой фантазией.

Разные цветовые колориты

Смешивание комплиментарных цветов

Если медленно добавлять цвет в его комплиментарный

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

Цветовой ключ

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

Высокий ключ - высокий уровень насыщенности цветов
Высокий ключ — высокий уровень насыщенности цветов
Высокий ключ - низкий уровень насыщенности цветов
Высокий ключ — низкий уровень насыщенности цветов
Низкий ключ - высокий уровень насыщенности цветов
Низкий ключ — высокий уровень насыщенности цветов
Низкий ключ- низкий уровень насыщенности цветов
Низкий ключ- низкий уровень насыщенности цветов

Колористика

Колористика — это наука о цвете. Изучив ее Вы поймете почему мы видим тот или иной цвет, какие он вызывает эмоции

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

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

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

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

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

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

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

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

Цветовое зрение

Человеческий глаз воспринимает свет, отражённый от предметов, с помощью двух видов фоторецепторов — палочек и колбочек. Палочки высокочувствительны к свету и отвечают за ночное чёрно-белое зрение человека. А колбочки отвечают за цветное зрение. Каждый вид колбочек реагирует на определённый диапазон видимого спектра, максимум чувствительности которых приходится на его красный, зелёный и синий участки. Интересно, что цветовое зрение человека развито чуть лучше, чем у собак. Световые рецепторы наших четвероногих братьев чувствительны к фиолетово-синему и жёлто-зелёному спектрам, что, предположительно, позволяет им различать только два цвета – жёлтый и синий, остальные цвета воспринимаются ими как серые. Глаза птиц имеют более чувствительный спектральный диапазон. Таким образом, некоторые виды пернатых способны различать четыре цвета. Пчёлы же обладают и вовсе фантастическим цветовым зрением. Они видят в ультрафиолетовом диапазоне, недоступном для человеческого глаза. Только представьте себе, какая разница в восприятии цвета!

Цвет и эмоциональная температура

Основные цвета красный, желтый, синий

Красный — это цвет крови и всего живого, он теплый. Желтый — это цвет солнца и теплых золотистых цветов. Синий —это цвет прохлады и воды и далекого неба.

Вторичные цвета оранжевый, зеленый, фиолетовый

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

Третичные цвета желтооранжевый, краснооранжевый, краснофиолетовый, синефиолетовый, синезеленый, желтозеленый

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

Заключение

«Цвет — это та точка, где наш мозг соприкасается со вселенной» (Поль Сезанн)

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

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