Основы и теория цвета в одежде. Теория цветов


7 уроков на примере популярных брендов

Теория цвета: 7 уроков на примере популярных брендов

Пабло Пикассо однажды сказал: «Почему две краски, расположенные рядом, поют? Может ли кто-то объяснить это? Нет. Поэтому никто никогда не сможет научить рисовать».

Дамы и господа, Пикассо ошибался. На самом деле ответить на этот вопрос можно. А если быть точнее, можно понять, почему некоторые комбинации цветов выглядят гармонично, а другие — нет.

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

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

И снова с этим можно поспорить.

Если смотреть на проблему с научной точки зрения, определенно можно допустить существование генетической предрасположенности к искусству и дизайну, однако в контексте «правила 10 000 часов» такая предрасположенность перестает играть большую роль. Если кто-то не в курсе, «правило 10 000 часов» ― это концепция, согласно которой ключевая составляющая в освоении любого, даже самого сложного навыка — вовсе не талант, а около 10 000 часов, проведенных за практикой и совершенствованием этого навыка.

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

Практика превыше всего

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

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

Урок 1. Разновидности цветовых моделей

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

цвета

А теперь опуститесь ниже, чтобы проверить свой ответ!

google

Конечно же, за этой зелено-желто-красно-голубой палитрой скрывается не кто иной, как великий и могучий Google!

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

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

CMYK

Однако такое представление о создании цветов путем смешения работает лишь в рамках цветовой модели CMYK, главенствующей в мире живописи и печати. Каждая буква акронима CMYK указывает на один из ключевых цветов модели: Cyan (синеватый), Magenta (красноватый), Yellow (желтый), и Key («ключевой» — черный). То есть эта модель состоит из трех основных цветов и черного, который позволяет создавать более темные оттенки.

А вот дальше все немного сложнее: CMYK — субтрактивная модель. Другими словами, цвета создаются путем поглощения или «вычитания» из видимого спектра световых волн определенной длины. В результате непоглощенные волны отражаются, и отраженный свет — это те цвета, которые мы видим.

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

RGB-модели

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

RGB-модели

В то время как в CMYK-модели зеленый цвет — вторичный, в рамках RGB-модели это один из первичных цветов. Да и в целом цветовая палитра Google вызывает ощущение чего-то базового. Как кубики на картинке выше.

Итак, мы разобрали разницу между двумя основными цветовыми моделями ― CMKY и RGB. Двигаемся дальше.

Урок 2. Тон, светлота и насыщенность

Сайту какой компании принадлежит эта цветовая палитра?

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

А теперь опуститесь ниже, чтобы проверить свой ответ.

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

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

Итак, разберем основную терминологию параметров цвета:

Тон. Это то, что мы имеем в виду, говоря «цвет»; указывает на длину световой волны. Тон — ключевая характеристика цвета, то, что, например, отличает синий от красного или зеленого.

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

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

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

Серый цвет иконки — тоже оттенок голубого, пусть и заметно менее насыщенный (около 20%).

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

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

Урок 3. Типы цветовых комбинаций

Итак, следующий ресурс вы вряд ли узнаете, но тем не менее он нам нужен.

Типы цветовых комбинаций

Это страница компании UPS.

Типы цветовых комбинаций

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

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

цветового круга

Однако, посмотрев на цветовой круг в поисках наглядного подтверждения вышесказанного, вы наверняка спросите: «А где тут коричневый?»

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

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

  • Аналогичные цвета (Analogous Colors) — это цвета, находящиеся рядом на цветовом круге.
  • Триада цветов (Triadic colors) — три цвета, лежащие на окружности цветового круга на одинаковом друг от друга расстоянии.
  • Расщепленные дополняющие цвета (Split Complementary Colors) — основной цвет и два других, находящихся на равном расстоянии от комплементарного ему цвета.

Аналогичные цвета

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

Урок 4. Восприятие цвета — восприятие бренда

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

FedEx

Речь идет о FedEx.

FedEx

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

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

Урок 5. Проблемы взаимодополнения

Рассмотрим еще один пример, на этот раз — известный в США новостной ресурс.

Huffington Pos

Итак, это сайт газеты Huffington Post. И что в первую очередь бросается в глаза?

Huffington Pos

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

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

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

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

Huffington Pos

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

Дизайнеры сайта Huffington Post учли эту особенность и, во-первых, использовали очень умеренное количество красного, а во-вторых, взяли более темный и ненасыщенный зеленый, на фоне которого красный стал смотреться лучше.

Huffington Pos

Урок 6. Насыщенность и первичные цвета

Итак, переходим к следующей палитре.

Насыщенность и первичные цвета

Она принадлежит новостному ресурсу BuzzFeed.

Насыщенность и первичные цвета

Первые слова и фразы, которые приходят в голову при виде палитры сайта, — «яркий», «насыщенный», «кричащий»; она как бы говорит: «Остановись и посмотри на меня!». Очевидно, задача такой палитры — привлечь внимание. А что же с точки зрения теории цвета?

Для начала отметим, что в палитре BuzzFeed, так же как и Google, используются первичные цвета: красный, желтый и синий. Однако, в отличие от поискового гиганта, они здесь более светлые и насыщенные. Также, если не брать в расчет черный (который фактически является не цветом, а его полным отсутствием — поглощением всех цветовых волн), можно сказать, что на странице BuzzFeed использована триадная цветовая палитра.

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

Насыщенность и первичные цвета

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

Синий в цветовой гамме сайта предназначен исключительно для ссылок и CTA-кнопок, и это крайне умное решение. Так как он связан с чувством спокойствия и доверия, ссылки и кнопки выступают в качестве приглашения, как бы говоря пользователю: «Не беспокойся, тут все такое яркое и сумасшедшее, а нам ты можешь доверять. Не бойся — нажимай».

Урок 7. Ненасыщенные цвета

Итак, последний пример.

Ненасыщенные цвета

Даже если не узнаете палитру, сайт вы узнаете наверняка.

Ненасыщенные цвета

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

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

Во-первых, так же как и в случае с Twitter, на странице используется несколько оттенков «фирменного» голубого цвета Facebook разной светлоты. Такой шаг позволяет расставить акценты, сохранив общее стилистическое единообразие.

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

Продолжая сравнение, мы видим, что два сайта очевидно различаются и количественным соотношением основных цветов композиции: тогда как на BuzzFeed синий — цвет спокойствия ― используется лишь в виде мелких вкраплений, на сайте Facebook в нем выполнена вся верхняя панель, которая задет настроение всей странице.

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

Заключение

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

Хорошо продумайте, какие эмоции и чувства должна вызывать ваша посадочная страница у пользователя и на какие действия она должна его побуждать; учитесь у лидеров, экспериментируйте. Ну и, конечно, самое главное — тестируйте, тестируйте и снова тестируйте!

Высоких вам конверсий!

По материалам: blog.hubspot.com, Image source: Jane Hannah 

21-03-2015

lpgenerator.ru

Теория цвета ‹ Виртуальная школа графического дизайна

Всем привет!

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

Помните, как в детстве мы в безудержном полете фантазии раскрашивали тротуар и радовались, что у нас в коробочке лежит целых шесть цветных мелков?

Наступил век цифровых технологий, и как дизайнер вы больше не зависите от ограниченной палитры красок, карандашей или других цветных пигментов. Вы знали, что человеческий глаз способен различать миллионы разных тонов?Правда, теперь проблема подстерегает с другой стороны: порой выбрать два или три из этих самых миллионов бывает ой как непросто!

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

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

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

Начнем, пожалуй, с цветового круга.

Основы: понимание цвета

Цветовой круг

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

color weel

Суть цветового круга в смешении цветов. Соединив основные или базовые цвета (красный, желтый и синий), получаем дополнительные: оранжевый, зеленый и фиолетовый.

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

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

Данный способ понимания цвета известен как субтрактивная модель, которая подразумевает смешение цветных пигментов, т.е. красок или чернил. К этой категории относятся как традиционный цветовой круг, так и цветовая модель «голубой-пурпурный-желтый-черный» (Сyan, Magenta, Yellow, blacK или CMYK), которая используется при печати.

Помимо этого, существует так называемая аддитивная модель, которая строится на смешении цветных световых волн (вроде тех, что формируют цветовые сочетания на экране компьютера или телевизора). В её основе лежит совсем другой набор основных цветов: красный (Red), зеленый (Green) и синий (Blue), поэтому её часто сокращают до RGB.

Терминология

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

  • Цветовой оттенок (hue) – синоним слова «цвет» или название определенного цвета, как правило, относится к одному из 12 цветов цветового круга
  • Тень (shade) –цвет, затемненный черным
  • Тон (tone) – цвет, приглушенный серым
  • Светлый оттенок (tint) – цвет, осветленный белым
  • Насыщенность (saturation) – интенсивность или чистота цвета (чем ближе тон к серому, тем он менее насыщенный)
  • Яркость (value) – речь идет о том, насколько цвет «светлый» или «темный»
Цветовая гармония

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

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

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

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

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

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

5. Троичная: сочетает в себе любые три цвета, расположенные на равном расстоянии друг от друга в цветовом круге.

6. Четвертная/двойная комплементарная: включает две пары комплементарных цветов. Это красочная и яркая палитра, но с ней еще сложнее работать, чем с комплементарной, ведь чем больше цветов, тем сложнее их сбалансировать. Если вы выбрали этот тип, сделайте один из четырех цветов доминирующим и поэкспериментируйте с яркостью и насыщенностью остальных цветов, чтобы они хорошо гармонировали с другими элементами вашего дизайна (текстом и фоном).

Вдохновение цветом

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

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

Для изучения различных цветовых схем воспользуйтесь одним из многочисленных инструментов для подбора цвета, доступных сегодня в интернете. Некоторые из них даже позволяют загружать изображения и генерируют цветовые схемы. Вот несколько примеров: Paletton, Adobe Color CC (Kuler) и ColorExplorer. Если вы пользуетесь Chrome, можете скачать расширение Eye Dropper, которое позволяет находить и вытягивать цвета прямо с веб-страниц.

Яркие веселые цветовые палитры, найденные в путешествиях по миру.

Еще один отличный прием: обратите внимание на различные исторические периоды и художественные направления. Из палитр ниже становится понятно, что импрессионистам были свойственны теплые наполненные светом цвета, а постимпрессионисты использовали в своих работах живые и неожиданные цветовые сочетания. Направление Art Nuvo сделало выбор в пользу теплых землистых цветовых схем, а поп-арт – ярких и смелых.

Слева направо: «Пшеничные стога» («Конец лета») Клода Моне; «Звездная ночь» Винсента Ван Гога; «Мечтательность» Альфонса Мухи; «Мэрилин» Энди Уорхола

Цвет в дизайне

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

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

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

Выбрав основную трехцветную палитру, придерживайтесь правила 60-30-10. Обычно этот подход используется в дизайне интерьера, но он вполне может пригодиться и в веб-дизайне. Все предельно просто: на доминирующий тон должно приходиться 60% цвета, в то время как на два акцентных тона – 30% и 10% соответственно. В качестве хорошей аналогии можно привести мужской костюм: пиджак и брюки составляют 60% общего цвета, рубашка – 30%, а галстук – маленькое яркое пятнышко – 10%. В результате получается гармоничный изысканный внешний вид.

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

color-theory-16-662x497

Имидж бренда прочно связан с цветом. Вспомните Coca-Cola, Facebook или Starbucks. Готов поспорить, что вы мгновенно перечислите все цвета, с которыми ассоциируются эти бренды.

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

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

Для вдохновения: загляните на сайт BrandColors, там собраны цветовые сочетания с hex-кодами известных брендов со всего мира.

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

Вопреки известному правилу графических программ: «What you see is what you get» (т.е. что видим, то и получаем), в работе с цветом «то, что вы видите» совсем не соответствует «тому, что вы получите», потому что цифровые мониторы и принтеры пользуются разными цветовыми системами: RGB и CMYK.

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

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

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

Здесь может пригодиться система подбора цвета компании Pantone. Вам просто нужно подобрать одни и те же цвета для экрана компьютера и для печати (в том числе на разных типах бумаги). Система Pantone помогает дизайнерам и их клиентам найти общий язык и понять, как в итоге будет выглядеть готовый продукт. Подробнее о работе с каталогом Pantone вы можете узнать из видео: часть 1 и часть 2.

Изучайте и любите цвет!

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

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

Информация и предварительная запись здесь.

Выбери свой путь

Поделиться в соц. сетях:

creativshik.com

Теория Цвета. Самое важное о цвете

Каково цветовое воздействие на человека, что такое двенадцатичастный цветовой круг, почему цвета на самом деле не такие, какими кажутся – из книги Искусство цвета 

Иттена Иоханнеса.

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

clip_image001

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

жёлтый + красный = оранжевый

жёлтый + синий = зелёный

красный + синий = фиолетовый

Цвета третьего уровня можно воссоздать совмещением в свободных «коморках» тонов соответственно первого и второго уровней:

жёлтый + оранжевый = жёлто-оранжевый

красный + оранжевый = красно-оранжевый

красный + фиолетовый = красно-фиолетовый и т.д.

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

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

1. Контраст цветовых сопоставлений

Конечно же, белый и чёрный цвета обладают больше всего выраженным контрастом светлого и тёмного. Но не только они. Красный, синий и жёлтый цвета также образуют сильные контрастные пары. Нужно помнить, что экспрессивный потенциал каждого цвета проявляется по-разному. Это выражение и глубокой тоски, и неудержного веселья, и экзистенциональной универсальности. Творчество участников художественной группы «Синий всадник» В. Кандинского, Ф.Марка и А. Маке, по крайней мере, на раннем этапе строится исключительно на цветовом контрасте. Контраст цветовых сопоставлений демонстрируют следующие работы: «Церковь в Эфесе» в Апокалипсисе Сен Севера, XI век, Париж; «Коронация Марии» Е. Шаронтона, XV век.

Коронация-Марии

2. Контраст светлого и тёмного

Если переходить из крайности в крайность, строгую бинарную пару контраста светлого и тёмного выстраивают белый и чёрный цвета. Но кроме них, существует множественное число разных более светлых и более тёмных оттенков, которые занимают переходной этап. Количество таких оттенков, которые может различит глаз человека зависит от таких индивидуальных характеристик, как чувствительность глаза и предел восприятия. Из множества примеров использования этого типа контраста можно навести картины Франсиско Сурбарана «Лимоны, апельсины и розы», Рембрандта «Мужчина с золотым шлемом», Пабло Пикассо «Гитара на камине».

Лимоны,-апельсины-и-розыМужчина-с-золотым-шлемом

Гитара и кларнет на камине

3. Контраст холодного и тёплого

В большинстве случаев, к тёплым цветам зачисляют жёлтый, оранжевый, красный, рубиновый и их оттенки. Зелёный, сине-зелёный, синий и фиолетовый принято, напротив, называть холодними. Однако, классификация такого типа не всегда оправдывает себя, так как важную роль в восприятии цвета отыгрывает его окружение. В данном контексте можно вспомнить творчество Огюста Ренуара («Мулен де ля Галетт») и Клода Моне («Лондонский парламент в тумане»).

Бал-в-Мулен-де-ла-Галетт

Лондонский парламент в тумане

4. Контраст дополнительных цветов

clip_image003

Понятие «дополнительный цвет» не менее важно, но не так уж знакомо, по крайней мере, непрофессиональной аудитории. Два цвета можно назвать дополнительными, если в последствии их смешивания получается нейтральный серо-чёрный цвет. Таким образом, эти цвета диаметральны друг другу, но в то же время связаны между собой. При недалёком размещении они стимулируют друг друга к максимальной яркости, но при непосредственном совмещении убивают друг друга, превращаясь в тёмно-серый или чёрный тон:

жёлтый — фиолетовый

жёлто-оранжевый — сине-фиолетовый

оранжевый — синий

красно-оранжевый — сине-зелёный

Примерами использования контраста дополнительных цветов могут служить следующие картины: «Мадонна канцлера Ролена» Ян ван Эйка, «Гора Сен-Виктор» Поля Сезанна.

Мадонна канцлера РоленаГора Сен-Виктор

5. Симультанныи контраст

Понятие «симультанный контраст» подразумевает появление дополнительного цвета во время рецепции какого-то основного цвета. Если такого нету, то он синхронно , то есть в то же время, создает его сам. Симультанно возникающие цвета это, по сути, впечатление и ощущение, говорить об их объективном существовании нельзя. Для того, чтобы проверить действие симультанного контраста, нужно сделать следующее: расположить на большой плоскости яркой окраски чёрный квадрат меньшего размера, а на него положить папиросную бумагу. Если поверхность — красного цвета, чёрная фигура покажется зелёной, а если зелёного, то возникает иллюзия красного квадрата, который на самом деле все же черный.

6. Контраст цветового насыщения

clip_image005

Под «контрастом насыщения» имеют в виду противоположность между насыщенностью, яркостью и тусклостью, затемненностью. Чистые цвета, которые образуются с помощью преломления белого света, это и есть цвета максимальной яркости (насыщения). Такой интенсивный цвет можно смягчить с помощью чёрного и белого цветов. Э. Делакруа не любил серый цвет в живописи и старался не обращаться к нему из-за нейтрализации серым цветом чистых тонов. Говоря о контрасте насыщения, вспоминаем картины Жоржа де ла Тура «Новорожденный» и Анри Матисса «Пеон» .

Жоржа де ла Тура «Новорожденный»

Пеон

Узнать Больше о Цвете

<p style="text-align: center">Нашли ошибку? Выделите текст и нажмите <em>Ctrl+Enter</em>.</p> comments powered by HyperComments comments powered by HyperComments

say-hi.me

Теория цвета | LOOKCOLOR

CMYK цвета

CMYK цвета

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

Комбинации цвета: принцип построения

Комбинации цвета: принцип построения

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

Цветовой круг. Теория на практике

Цветовой круг. Теория на практике

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

Цветовые контрасты

Цветовые контрасты

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

Теплые и холодные цвета

Теплые и холодные цвета

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

Светлота цвета

Светлота цвета

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

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

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

Насыщенность(интенсивность) – это степень выраженности определенного тона. Понятие действует в переделе одного тона, где степень насыщенности измеряется степенью отличия от серого.

Яркость цвета

Яркость цвета

Яркость — характеристика восприятия. Она определяется нашей скоростью выделения одного цвета на фоне других

Тон цвета, подтон, полутон

Тон цвета, подтон, полутон

Тон цвета – это основная характеристика, по которой называют цвета. Тон, оттенки, цвет являются синонимами. Еще есть понятия подтона и полутона.

Цвета радуги

Цвета радуги

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

Основные цвета

Основные цвета

Основные цвета – это цвета, с помощью которых можно получить все остальные.

Это КРАСНЫЙ ЖЕЛТЫЙ СИНИЙ

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

Физика цвета

Физика цвета

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

Человек может отличить до 100 000 оттенков

Что такое цвет?

Что такое цвет?

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

lookcolor.ru

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

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

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

Основные цвета (Primary Colors)

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

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

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

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

Третичный цвет получается если смешать основной и вторичный. Например, красный-фиолетовый, синий-фиолетовый, синий-зеленый, желтый-зеленый, красный-оранжевый, желтый-оранжевый.

Мы разобрались с основами «колеса цветов». С помощью него легко подбирать хорошо сочетающиеся цвета для дизайна. Перейдем к более сложным сочетаниям.

Дополняющие цвета  (Complementary Colors)

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

Аналогичные цвета (Analogous Colors)

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

Триады (Triads)

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

Расщепленные дополняющие цвета (Split Complementary Colors)

Такое сочетание цветов добавляет контраста и разнообразия дизайну.

Квадратная схема (Square Colors)

Такая схема хорошо работает при одном усиленном цвете и трех приглушенных.

Прямоугольная схема (Tetradic Colors)

Похожа на предыдущую схему, а точнее просто ее вариация.

Использование света и тени (Tints and Shades)

Придает дизайну объем и цветовое разнообразие.

Теплые и холодные цвета (Warm and Cool Colors)

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

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

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

Картинки колеса цветов отсюда.

PS shalaev добавил еще один отличный сервис — colorschemedesigner.com.

habr.com

Краткая история теории цвета — Оди

Перевод главы «A short history of color theory» из онлайн-книги Programming Design Systems.

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

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

Рафаэль Санти, «Афинская школа», фрагмент

Одна из первых известных нам теорий цвета изложена в коротком трактате «О цвете», написанном в древней Греции. Текст был первоначально приписан Аристотелю, но сегодня считается, что, скорее всего, текст написан перипатетиками — учениками Аристотеля. Базирующийся на наблюдениях за поведением цвета в природе, трактат утверждает, что все цвета существуют в спектре между светом и тьмой, и что четыре основных цвета происходят от четырех элементов: огня, воздуха, воды и земли. Сегодня такое утверждение кажется наивным, но, в общем, эти наблюдения не лишены смысла: растения зеленого цвета над поверхностью почвы, корни же их белые, значит, цвет исходит от солнца. Кроме того, цвет высохшего растения теряет яркость, таким образом, вода тоже определяет цвет. Несмотря на ошибочность теории, трактат «О цвете» содержит ряд важных наблюдений, таких как «темнота является не цветом, а отсутствием света» — открытие, на которое натолкнуло наблюдение за облаками, становящимися темнее по мере увеличения их толщины.

Ньютоновский эксперимент с призмой

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

Ньютоновский цветовой круг, основанный на музыкальной октаве

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

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

Цветовой круг Гёте с тремя базовыми цветами — пурпурным, желтым и синим

«Теория цвета» Гёте во многом противоречит теории Ньютона, так как Гёте считал, например, что за создание цвета ответственна сама призма, а не свет, сквозь неё проходящий, а также что темнота это не отсутствие света. Хотя Ньютон в конце концов выиграл спор о природе цвета, работа Гёте важна для нас, так как она фокусируется на когнитивном эффекте, который цвет оказывает на человека. Его исследование эффектов остаточных изображений и оптических иллюзий особенно интересно, так как предвосхищает более поздние работы Иоганнеса Иттена и Джозефа Альберса.

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

Аддитивная RGB и субтрактивная CMY цветовые модели

Пытаясь создать единую систему для цвета, наподобие общепринятой музыкальной нотации, художники вскоре стали изображать цветовой спектр в виде объемных фигур. Характерный пример — цветовые треугольники Тобиаса Майера, описанные в его книге «Комментарий о родстве цветов», опубликованной посмертно в 1775 году. Майер стремился точно определить количество оттенков, которые может различать человеческий глаз, и это потребовало добавления дополнительного измерения для отображения изменения яркости каждого цвета. Майер расположил в углах треугольника три традиционных для живописи базовых цвета — красный, желтый и синий — и заполнил пространство между углами, смешивая противоположные цвета. В отличие от цветового круга, он изобразил множество треугольников разной яркости и расположил их друг над другом. Таким образом, цвет определялся положением в трехмерном пространстве, и такой метод используется по сей день. Майер в конечном счете потерпел неудачу в создании модели с равномерным шагом, так как он не имел представления об особенностях восприятия цвета человеческим глазом.

Цветовые треугольники Тобиаса Майера

Немецкий художник Филипп Отто Рунге использовал аналогичный подход при создании своего сферического представления цветового спектра, описанного в его рукописи «Цветовая сфера», опубликованной в 1810 году. У сферы Рунге были белый и черный полюса с цветовыми поясами, расположенными между ними. Тем не менее, как и другие цветовые модели до неё, сфера не делала различия между яркостью и насыщенностью цвета. Как следствие, такая модель описывала лишь небольшой градиент по интенсивности цвета. Как и в треугольниках Майера, изменение цвета в сфере Рунге было неравномерным.

Цветовая сфера Филиппа Отто Рунге

Мишель Эжен Шеврёль попытался решить эту проблему в своей полусферической модели в 1839 году. Вместо того чтобы смешивать оттенки, основываясь на количественном отношении используемых в смеси цветов, он выбирал те оттенки, которые визуально казались верными. Вдохновленный трудами Гёте, Шеврёль использовал остаточные изображения для проверки правильности своего выбора. Если человек будет долго смотреть на зеленый квадрат, а потом посмотрит на белую стену, то увидит пурпурный цвет. Это происходит из-за усталости зеленых рецепторов в сетчатке глаза, и Шеврёль использовал этот эффект, чтобы определить дополняющие цвета в своей модели.

Цветовая полусфера Мишеля Эжена Шеврёля

Одна из наиболее исторически значимых цветовых фигур была создана американским художником Элбертом Хенри Манселлом в начале ХХ века. Как и его предшественникам, Манселлу хотелось создать модель с перцептивно равномерным шагом, и, несмотря на то, что он был художником, его подход был чрезвычайно научным. Он использовал испытуемых и целый набор инструментов собственного изобретения, чтобы создать удивительно точную модель. Важная особенность манселловской модели заключалась в том, что он по-новому обозначил пространственные координаты: «оттенок» определял тип цвета (красный, синий и т.д.), «значение» определяло яркость (темный цвет или светлый), и «цветность» определяла насыщенность (чистоту цвета). Эти обозначения используются до сих пор в некоторых представлениях цветовой модели RGB.

Визуализация цветового дерева Манселла

Первоначально Манселл хотел организовать цвета в сферу, но заметил, что «желание вписать модель в простую геометрическую фигуру, наподобие пирамиды, конуса или куба, в сочетании с недостатком надлежащих испытаний, ведёт к многочисленным искажениям цвета». Манселл понял, что его цветовая фигура должна быть неправильной формы, чтобы соответствовать его модели цвета. Объяснить это можно довольно просто. Цвета с небольшой яркостью включают гораздо меньше видимых оттенков между нулевой и полной насыщенностью (цвета с нулевой яркостью включают всего один — черный). Кроме того, некоторые цвета просто имеют больший диапазон, чем другие. Вы можете смешать больше разных цветов от красного до белого, чем от желтого до белого, просто потому, что желтый цвет более светлый. Другая важная особенность манселловской модели заключается в том, что он использовал математические символы вместо названий цветов для определения положения цвета в пространстве. Это похоже на то, как мы сегодня обозначаем цвет в компьютерных программах. Модель Манселла имела свои недостатки и противоречия, но она впервые перекинула мостик между искусством и наукой, и по сей день составляет основу учебной программы во многих художественных образовательных учреждениях.

Многие европейские движения в искусстве начала 20 века проявляли глубокий интерес к субъективному восприятию искусства. Хотя школа Баухаус в Германии была ориентирована более на современный подход к искусству, дизайну и архитектуре, две важных публикации о цвете и его восприятии, характерные для этого времени, были написаны именно в Баухаусе: «Искусство цвета» Иоганнеса Иттена и «Взаимодействие цвета» Джозефа Альберса.

Здание школы в Дессау

Взгляд Иоганнеса Иттена, последователя религии Маздазнан, на искусство был сильно обусловлен его духовными предпочтениями. Убежденный вегетарианец, Иттен был известен выполнением дыхательных упражнений со своими студентами с целью раскрытия их творческого потенциала. Он, вслед за Гёте, считал, что наибольшее значение имеет субъективное восприятие цвета. Его книга посвящена способности цвета пробуждать чувства в наблюдателе. Главная идея его работы заключается в выявлении семи цветовых контрастов, которые художник должен научиться использовать для создания требуемого выразительного эффекта. Некоторые из этих контрастов просты, как контраст светлого и темного, который возникает, когда цвета разной яркости используются вместе, или контраст оттенков, который можно увидеть, когда вместе используются два разных цвета. Эти наблюдения и сейчас могут использоваться начинающими дизайнерами для выбора цветов, так как они систематизируют наше знание о цвете. Для объяснения своих идей Иттен использовал цветовую сферу RYB (красный-желтый-голубой), удивительно похожую на модель Рунге. Другие контрасты Иттена могут показаться весьма произвольными, например, его правило «одновременных» (simultaneous) контрастов, которое утверждает, что некоторые цвета создают выразительные эффекты при одновременном использовании. Иттен часто использовал свой субъективный опыт для создания обобщенной теории цвета, как можно увидеть из цитаты ниже:

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

 

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

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

Джозеф Альберс, студент Иттена в Баухаусе, описал более наглядный подход в своей книге «Взаимодействие цвета» в 1963 году. Используя непрозрачные кусочки цветной бумаги, Альберс демонстрирует динамическую природу отношений цветов, в частности, как люди воспринимают цвет в зависимости от окружения. Вместо того, чтобы пытаться вывести некую единую теорию о том, почему цвета ведут себя таким образом, Альберс просто описывает, как студенты могут провести эксперименты, чтобы увидеть эффекты своими глазами. Это сделало «Взаимодействие цвета» одной из главных и долговечных работ по цветовой композиции. Ниже приведен один из его наиболее известных экспериментов с двумя квадратами на цветном фоне. Зритель полагает, что квадраты окрашены в цвета противоположного фона, хотя в действительности они одного цвета.

Два внутренних квадрата одного цвета

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

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

 

Bruce MacEvoy

Это понимание глубоко интегрировано в устройства, которые мы используем повседневно. Промышленным стандартом для настольных принтеров и других печатающих механизмов, использующих субтрактивное смешивание пигментов, является наличие трех цветов из цветовой модели CMY: голубого, пурпурного и желтого. Мы знаем, что этот конкретный набор позволяет смешать приемлемый диапазон цветов в чернилах. В принтерах также используются черные чернила, так как три базовых цвета не могут эффективно смешать черный. Черные чернила добавлены из соображения экономии. Тем не менее, профессиональные принтеры могут использовать картриджи с большим количеством цветов для большей точности воспроизведения. Epson, лидер в области цифровой печати, использует десять цветов чернил в технологии UltraChrome ® HDR.

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

Дополняющие цвета в аддитивной RGB и субтрактивной CMY моделях

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

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

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

Похожее

awdee.ru

Основы и теория цвета в одежде

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

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

Каждый цвет имеет собственный режим вибрации, от самой низкой к самой высокой: красный, оранжевый, желтый, зеленый, голубой, синий, фиолетовый. И каждый человек имеет свое уникальное энергетическое поле. Форма тела, черты лица, цвет волос, глаз и кожи – это все составные части энергетического поля. Природа создала человека гармоничным: полностью обнаженный человек сбалансирован в цвете и линиях. И когда мы начинаем добавлять одежду, ткани, макияж и аксессуары, всё это начинает воздействовать на энергетическое поле с дополнительной вибрацией. Так мы получаем возможность добавить красоты, притягательности и разнообразия телу. Для каждого из нас существуют свои специфические цвета и линии, частота вибраций которых близка нашей собственной. В их окружении нам становится спокойно и комфортно. Знание своих цветов и линий, их самых гармоничных сочетаний не только привносит гармонию во внешний облик и душевное равновесие, но и упрощает поход по магазинам за одеждой и косметикой, экономит деньги, позволяет создать разносторонний и эффективный гардероб.

Три основных цвета: красный, зеленый, синий

аддитивная модельсубтрактивная модельВ сетчатке глаза человека есть три вида колбочек, максимумы чувствительности которых приходятся на красный, зелёный и синий участки спектра. Равномерное раздражение всех трёх колбочек вызывает ощущение белого цвета. Поэтому основополагающий постулат теории цвета гласит, что существует всего три основных цвета: красный, зеленый и синий. Путем их смешивания и последующего смешивания производных от них цветов в разных пропорциях можно получить абсолютно любой цвет. Это так называемое аддитивное смешение цветов (RGB). В противоположность аддитивной модели существует субтрактивная модель (CMYK). В соответствии с этой моделью тремя основными цветами являются желтый, пурпурный и голубой. И все остальные цвета цветового круга также можно получить путем смешивания этих трех в различных пропорциях. По сути, между двумя этими моделями нет противоречий. Они отражают лишь разные методы смешения. Кроме того, нельзя не упоминуть, что в своей книге "Искусство цвета" известный швейцарский художник, теоретик и педагог Иоганнес Иттен (1888 - 1967) взял за основу в качестве цветов первого порядка красный, желтый и синий. Существуют и иные цветовые модели.

12-секторный цветовой круг

цветовой кругДавайте представим себе цветовой круг, который наглядно демонстрирует непрерывность цветовых переходов. Глядя на этот круг, можно насчитать великое множество оттенков. Чтобы как-то разграничивать оттенки люди придумали деление цветового круга на 8 цветов, 12 цветов или 24 цвета спектра. Это наиболее распространенные методы деления.

Возьмем за основу 12-секторный цветовой круг. Цвета при таком разделении носят следующие названия: красный, красно-фиолетовый, фиолетовый, сине-фиолетовый, синий, сине-зеленый, зеленый, желто-зеленый, желтый, желто-оранжевый, оранжевый, красно-оранжевый. В цветовом круге пары цветов, находящиеся друг против друга, называются контрастными (дополнительными). Например, желтый - фиолетовый, зеленый – красный и т.д.цветовой круг

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

Характеристики хроматических цветов

Любой хроматический цвет обладает следующими характеристиками:

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

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

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

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

Теплые и холодные тона. Восприятие «теплоты» цвета зависит как от субъективных психических и физиологических факторов (индивидуальные предпочтения, эмоциональное состояние и т.д.), так и от объективных (наличие цветового фона и т.п.). На цветовом круге красные, оранжевые и желтые оттенки чаще всего называют теплыми тонами, а голубые, синие и фиолетовые – холодными. Бурые и зеленоватые тона называют нейтральными. Но если рассматривать отдельные цветовые семьи (красная цветовая семья, синяя цветовая семья и т.д.), то можно увидеть, что любой цвет в рамках одной семьи может быть более холодным, сбалансированным или теплым, если добавить к нему синей, красной или желтой краски. К примеру, желтый – теплый цвет в целом. Но вот оттенок сливочного масла более холодный по сравнению с золотистым желтым оттенком, а оттенок зерна – сбалансированный (нейтральный). Зеленый цвет является более холодным по сравнению с желтым, красным или оранжевым. Но на самом деле не существует холодных оттенков зеленого. Добавляя синюю краску, можно добиться только нейтрального зеленого. Тогда как самый холодный в цветовом кругу синий цвет никогда не будет иметь теплых оттенков. Добавляя в синий желтую краску можно лишь добиться сине-зеленого цвета, который также является нейтральным. Фиолетовый цвет получается путем сочетания желтого, красного и синего, что делает его всегда сбалансированным. Именно поэтому одежда фиолетового цвета подходит большинству людей.сочетаемость цветов

Сочетание цветов. Грамотно и гармонично сочетать цвета – это целая наука. Существует несколько приемов для получения хороших сочетаний. Отдельно они будут рассмотрены в соответствующей статье. Здесь хотелось бы лишь отметить, что при составлении гардероба исходите из золотого правила ношения не более 3-х оттенков одновременно. Берите не количеством, а умением!

ОСТАВЬТЕ СВОЙ КОММЕНТАРИЙ И ПОЛУЧИТЕ ПОЛЕЗНЫЙ ПОДАРОК, ПОМОГАЮЩИЙ ДЕРЖАТЬ СЕБЯ ВСЕГДА В ФОРМЕ!

www.ask4style.ru


Смотрите также