June 6

ТЕОРИЯ ЦВЕТА И ЦВЕТОВЫЕ ПАЛИТРЫ. КАК ИХ СОСТАВЛЯТЬ И ИСПОЛЬЗОВАТЬ?

Давайте проведём сейчас один быстрый интерактив? Ниже Вы увидите 3 похожих изображения с разной цветовой палитрой.

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


𝒮 ТЕОРИЯ. ЧТО ТАКОЕ ЦВЕТ?

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

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


𝒮 МАССОВОЕ МЫШЛЕНИЕ

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

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

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

Таблица основных цветовых ассоциаций для базовых цветов.

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


𝒮 РАЗНООБРАЗИЕ АУДИТОРИЙ

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

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

Например, говоря о розах, мы можем использовать в палитре не только классические красный или чёрный цвет, но и какой-нибудь акцентный, экспериментальный и необычный оттенок, вроде синего, руководствуясь правилом 60/30/10.


𝒮 ПРАВИЛО 60-30-10

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


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

• 30% дополнительного вторичного цвета, который разбавляет основной тон. Чаще всего это какой-нибудь нейтральный цвет, используемый для текста, иконок и других мелких элементов работы.

• 10% акцентного цвета, призванные для самых важных моментов в изображении, таких как уведомления, главные моменты в цитатах, разделах и т.д. Обычно это какие-то яркие кричащие краски, которые с лёгкостью притягивают внимание.


𝒮 ЦВЕТОВОЙ КРУГ ИТТЕНА

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

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

Цветовой круг Иттена. Римским цифрами внутри цветов обозначена их цепочка получения.

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

• Монохромная – использование разных оттенков, тонов и насыщенности одного цвета. Выглядит элегантно, минималистично и гарантирует отсутствие визуального шума.

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

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

• Аналоговая триада – три-пять цветов, расположенных рядом на внешнем круге. Обеспечивает мягкие, спокойные переходы без резких акцентов. Например, салатовый, жёлтый и жёлто-оранжевый.

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

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

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

Для упрощения работы с кругом Иттена существуют специальные сервисы, например Adobe Color, Paletton, getColor, ColorScheme. Они позволяют настраивать параметры, генерировать интересные палитры и сохраняют историю Вашего творческого поиска "той самой".


𝒮 СИСТЕМЫ RGB И CMYK

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

RGB (R-red G-green B-blue) – это аддитивная цветовая модель, действующая по принципу сложения световых лучей, то есть цветов (красного, синего и зелёного). Чем больше света добавляется, тем светлее становится цвет, вплоть до чистого белого, когда все три цвета смешиваются в равных пропорциях. Отсутствие света, или отсутствие всех цветов, даёт чёрный. Данная система актуальна именно для экранов и цифровых продуктов, но не подходит для печати.

CMYK (C-cyan M-magenta Y-yellow K-key/black) – это вычитающая цветовая модель, используемая обычно в полиграфии. CMYK работает с пигментами чернил, которые поглощают свет. Цветовая палитра этой системы гораздо уже, поэтому она является не самым лучшим вариантом для работы с электронным контентом. Чем больше чернил наносится, тем меньше света отражается, и тем темнее становится изображение. Смешение всех четырех цветов в идеале должно давать черный, но на практике для достижения чистого и глубокого черного цвета используется отдельная черная краска.

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


𝒮 ЗАКЛЮЧЕНИЕ

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

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


статья для тг-канала @DAYXNS

автор статьи: Алди (@aldi068)

редактор: Айзек (@i1isaaq)