Каков процесс создания такой цветовой палитры?

Итак, это снимок экрана профессионально разработанного веб-сайта.

Размытый скриншот с палитрой

Мне особенно интересно понять, как дизайнер пришел к этой палитре. Возможно, палитра работает, но я не могу понять, как.

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

Анализ Adobe Color CC

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

Итак, какой процесс использует дизайнер, чтобы получить эту палитру? Является ли это произвольным, «на глазок»? Используется ли какой-то другой процесс, о котором я не знаю? Почему эта палитра работает? Какая теория цвета стоит за этим?

Он может быть в значительной степени произвольным. Часто основывается больше на значениях, чем на оттенке. Не все должно соответствовать заданной цветовой гармонии.
@ Скотт Да, я понимаю. Мне просто интересно, не упускаю ли я какую-то технику или процесс, о котором знают другие люди, но я еще не изучил.
иногда наблюдение/следование своему инстинкту лучше, чем следование системе. Нарушайте правила, если это работает.
Только дизайнер может ответить на вопрос, как они это придумали.
Я нахожу примечательным, что группа (в основном) профессионалов считает вопрос основанным на мнении, тогда как центральным моментом наличия таких профессионалов является получение ответов на этот вопрос, не полностью основанных на мнении. Или, другими словами: если такие выборы совершенно случайны, почему люди должны платить графическому дизайнеру за их выполнение?
@Wrzlprmft, кто сказал, что это было случайно? Это все равно, что спросить «какой цвет столешницы мне выбрать» на DIY.se. На него есть очень правильные ответы, но все они в основном будут основаны на мнении. И причина нанять профессионала — в данном случае дизайнера кухни — заключается в том, что, хотя это мнение, это образованное мнение, основанное на опыте. Поэтому вы нанимаете профессионалов.
@DA01: Я не спорю, что мнение играет роль, но я не думаю, что оно в первую очередь основано на мнении в смысле близкой причины («ответы на этот вопрос, как правило, почти полностью основаны на мнениях, а не на фактах , ссылки или конкретный опыт»). Этот вопрос заключается не в том, какие цвета выбрать для конкретного веб-сайта, а в том, как создавать цветовые палитры в целом. Если графические дизайнеры не могут дать на это никаких ответов, не основанных в первую очередь на мнении, то они лишат себя права на существование и на один уровень с астрологами (по крайней мере, в этом аспекте).
@Wrzlprmft Вопрос заключается в том, как создавать цветовые палитры, которые не соответствуют традиционным моделям. Это совсем другой вопрос, чем спрашивать об аналогах, триадах, монохромах и т. д. Действительно, для нетрадиционных модельных палитр это все мнение, часто образованное, опытное мнение. Но все же мнение.

Ответы (4)

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

Палитра работает, а потому НЕ гармонирует.

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

образец градиента

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

Не только оттенок...

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

AsОттенки серого

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

HSVchange

Интересным примечанием является то, что использование приглушенных тонов способствует концентрации внимания. В книге «Психология цвета и цветовая терапия» исследователь цвета Фабер Биррен обсуждает, как более мягкие и глубокие цвета лучше способствуют умственным и визуальным задачам. Но я отвлекся.

Доминантный оттенок.

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

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

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

Это произвольно.

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

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

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

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


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

введите описание изображения здесь

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

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

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


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

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

«И так мы обучаем дизайнеров теории цвета» — думаю, некоторые подробности там ответят на вопрос @mawcsco. Что это за теория цвета и как она связана с дизайном?
Итак, резюмируя ваш ответ, это произвольное «бросание глаз», никакого процесса, это просто работает, нет никакой теории.
Это не было бы точным суммированием - это не просто на глаз - есть теория цвета, как я отметил в своем ответе. В конце концов, кто-то принимает решение, что «это выглядит красиво». Процесс заключается в рассмотрении цветов и выборе тех из них, которые кажутся хорошо работающими, на основе теории, обучения и интуиции. Но то, почему люди могут находить определенные цветовые комбинации приятными, сводится ко всем другим переменным, о которых мы даже не думаем сознательно.
  1. Начните с одного значимого выбора цвета и двигайтесь дальше. Выберите цвет для того, что он представляет — довольно серая область для достоверных фактов, но исследования существуют.

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

  3. Задавайте себе вопросы о каждом цвете. Достаточно ли тепло? Будет ли он работать большими порциями или его лучше использовать умеренно?

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

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