Как это работаетКак сочетаются цвета: Научное обоснование субъективного

1Выбор цвета

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

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

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

2Значения цветов

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

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

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

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

Отдельные страны присваивают цвета определённым праздникам и сезонам. Например, если бы сегодня я увидел зелёную листовку на своём пороге в Ирландии, я бы, вероятно, сразу подумал, что это как-то связано с Днём Святого Патрика.

3Использование простых палитр

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

4Контрастность

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

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

То же самое с синим и сиреневым, которые имеют тёмное значение контрастности. Они хорошо смотрятся на белом фоне, но ужасно на сером или чёрном.

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

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

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

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

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

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

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

Рен уолкер

UX-дизайнер в  AdPearance

«Для выбора существует более 16 миллионов цветов. Решение о том, что «я выберу синий для сайта, чтобы он успокаивал и устанавливал доверительные отношения с пользователем», — это только отправная точка. Вы действительно собираетесь использовать #0000FF? Скорее всего, нет. Вы открываете дверь в целое цветовое семейство. Теперь всё остальное время у вас займут субъективные додумывания и опыты проектирования.

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

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

Определитесь с цветами, которые вы хотите использовать. Не беспокойтесь об их сочетаемости.

Выберите цвет, который вы можете добавить ко всем этим цветам (например, жёлтый).

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

Та-да! Цветовая схема создана».

«Существуют вещи, которые дизайнеры понимают интуитивно, но есть и целая наука, которая объясняет и указывает на объективно правильный выбор цветов.

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

«Наука о цвете основывается на цветовом круге. Чем дальше друг от друга на нём находятся два цвета, тем выше их контрастность. А балансировка каждого выбранного цвета обеспечивает достижение желаемого эффекта их сочетания.

Определённая удалённость каждого отдельного цвета обеспечит «положительный» результат (например, представьте 4 цвета, установленные на 0, 90, 180 и 270 градусах круга), а расстояние, выбранное случайным образом, приведёт к более «дисгармоничному» результату (пример — 4 цвета, установленные на 0, 7, 146 и 273 градусах круга).

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