Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Color Theory

5 проблем с фундаментальной теорией цвета

by
Length:LongLanguages:

Russian (Pусский) translation by Svetlana (you can also view the original English article)

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

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

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

1. Миф о цветовой температуре

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

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

blue white balanceblue white balanceblue white balance

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

why are warm and cool colors importantwhy are warm and cool colors importantwhy are warm and cool colors important

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

color temperature wheelcolor temperature wheelcolor temperature wheel

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

warm and cool contrastwarm and cool contrastwarm and cool contrast

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

is green warm or coolis green warm or coolis green warm or cool

Если вы использовали колесо цветовой температуры в качестве ориентира, вы назвали его крутым. Теперь давайте подарим это другу:

warm greenwarm greenwarm green

Этот цвет все еще выглядит круто для вас? Вы, наверное, заметили, что это выглядит заметно теплее. Так сейчас тепло? Давайте сделаем вещи еще более запутанными, добавив еще один цвет к сцене:

neutral greenneutral greenneutral green

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

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

revised color temperature wheelrevised color temperature wheelrevised color temperature wheel
Это все еще совершенно произвольно - желтый круче или теплее оранжевого? Ответ будет зависеть от вашего личного опыта.
how color temperature workshow color temperature workshow color temperature works

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

color temperature mythcolor temperature mythcolor temperature myth

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

graphic design balance colorsgraphic design balance colorsgraphic design balance colors

2. Цвет связанный один с другим

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

color wheelcolor wheelcolor wheel

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

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

color is relativecolor is relativecolor is relative
Этот эффект работает даже здесь: вы можете видеть яблоко на синем фоне темно-красным, в то время как то же яблоко на белом фоне выглядит черным.

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

Просто посмотрите на это фото еще раз. Вы видите все эти объекты как белые, хотя это не так. Если вы проверите эти цвета, вы увидите, что они различных оттенков серого, теплого и прохладного. Но вы и правда, можете сказать: «Конечно, они не совсем белые, но они достаточно близки».

white shade illusionwhite shade illusionwhite shade illusion

Давайте на мгновение уберем их со сцены. Вам это кажется почти белым?

white is relativewhite is relativewhite is relative

Что здесь случилось? Ваш мозг интерпретирует сцену в целом. Он не распознает цвета так, как это сделал бы инструмент выбора цвета Photoshop. Это не заботится об объективном оттенке или яркости; это волнует только то, что означают цвета. И это значение представлено вам в форме визуальной информации, которая не имеет ничего общего с объективными цветовыми свойствами объекта. Более полезно видеть книжный стенд белым, как это было бы при идеальном освещении, а не воспринимать его затененные стороны как-то по-разному окрашенными.

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

the dress explained how to see both colorsthe dress explained how to see both colorsthe dress explained how to see both colors
Если вы посмотрите на разделенные изображения справа, может быть невозможно увидеть что-либо, кроме черного сверху и ничего кроме золота снизу - даже если это точно такой же цвет!

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

Вернемся к цветовому колесу. Вы, вероятно, видите здесь два разных оттенка фиолетового: темнее слева и ярче справа, что-то вроде квадратов внизу. Но правда в том, что они одного цвета, # 8000FF.

color illusioncolor illusioncolor illusion
color illusion explainedcolor illusion explainedcolor illusion explained
Используйте Палитру цветов, если вы мне не верите!

Итак, как же выглядит # 8000FF самостоятельно? Правда в том, что это не так! Цвета создаются отношениями. Даже самый «нейтральный» цветовой круг показывает вам оттенки по отношению к белому фону и друг другу. И как только вы возьмете один цвет из этого отношения в другое, эти новые отношения создадут из него новый цвет.

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

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

how to pick colors how to pick colors how to pick colors
То, как выглядит цвет на колесе, может иметь мало общего с тем, как оно выглядит в вашей схеме.

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

3. Ценность важнее оттенка

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

monochromatic color schememonochromatic color schememonochromatic color scheme

... дополняют:

complementary color schemecomplementary color schemecomplementary color scheme

... аналогично:

analogous color schemeanalogous color schemeanalogous color scheme

... разделить на две части:

split complementary color schemesplit complementary color schemesplit complementary color scheme

... или три части:

triad color schemetriad color schemetriad color scheme

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

same hues different colorssame hues different colorssame hues different colors

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

tints and shades color theorytints and shades color theorytints and shades color theory
1 - оттенки, 2 - чистые оттенки, 3 - окраски

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

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

color wheel values grayscalecolor wheel values grayscalecolor wheel values grayscale

Ответ на это любопытное явление довольно прост, если вы знаете, как создаются цвета. Белый свет состоит из трех основных оттенков: красного, зеленого и синего (RGB). Белый - самый яркий цвет, который когда-либо может быть - его относительная яркость (значение) составляет 100%. Но если она на 100% яркая, это означает, что ее компоненты должны быть менее чем на 100% яркими. И это именно то, что происходит: красный - на 30%, зеленый - на 59%, синий - на 11%.

relative brightness of colorsrelative brightness of colorsrelative brightness of colors

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

color wheel with valuescolor wheel with valuescolor wheel with values

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

color organized in valuescolor organized in valuescolor organized in values

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

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

color harmonies too brightcolor harmonies too brightcolor harmonies too bright

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

random color schemesrandom color schemesrandom color schemes

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

how to plan color schemeshow to plan color schemeshow to plan color schemes

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

value more important than huevalue more important than huevalue more important than hue
Случайная цветовая схема с хорошими значениями всегда побеждает гармоничную цветовую схему с плохими значениями!

Вы можете узнать больше о ценностях здесь:

4. Универсальной цветовой психологии не существует

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

Разное назначение, разные цвета. Современная Визитная Карточка против Законной Визитной Карточки

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

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

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

bluegraphictematebluegraphictematebluegraphictemate
Вы можете найти эти и другие графические шаблоны на элементах Envato.

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

Например, желтый цвет радости и тепла на Западе, но в Латинской Америке он часто ассоциируется со смертью и трауром. В Китае красный - это очень позитивный цвет, полный счастья и энергии, но на Ближнем Востоке и в некоторых африканских странах люди видят этот цвет как символ опасности или зла. На Западе белый цвет традиционно ассоциируется со свадьбами, но во многих азиатских странах он на самом деле является символом смерти - к нему относятся так, как западные люди традиционно относятся к черному.

wedding invitation white or blackwedding invitation white or blackwedding invitation white or black
Белое представляет свадебное платье или похоронный наряд? Черный цвет представляет собой элегантность или траур? Вашей собственной интуиции может быть недостаточно, чтобы отправить непротиворечивое сообщение. Фото: Простое Элегантное Свадебное Приглашение.

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

5. Нарушение правил окупается больше, чем подчинение им

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

men cosmeticscolor stereotypemen cosmeticscolor stereotypemen cosmeticscolor stereotype
Вы можете сказать, что эти продукты созданы для мужчин, хотя на них нет ярлыков. Фото кредит.

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

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

how to stand out in graphic designhow to stand out in graphic designhow to stand out in graphic design
Вы можете рисковать и рисковать и привлечь внимание к своему дизайну, избегая тенденций. Фото кредит.

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

Мы, как люди, стали лучше понимать, как наши действия влияют на окружающую среду. Экология, минимализм и естественный образ жизни сейчас в моде. Яркий, красочный пластик заменяется более натуральными материалами, и меньше начинает означать больше. Кажется, миру было достаточно ярких ярких красок. Поэтому перед нами стоит выбор - следовать проверенным правилам только потому, что они являются правилами, или решиться на создание чего-то нового. И, глядя на синий знак McDonalds, элегантный, тихий и вписывающийся в окружающую среду, трудно не подвергнуть сомнению обоснованность желто-красного правила.

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

Заключение

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

Если вас интересует теория цвета, вам также могут понравиться эти посты:


Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.