Палитра. Как подобрать цвета и сочетать их между собой?

Палитра. Как подобрать цвета и сочетать их между собой?

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

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

Как выбрать цвет

Поставьте цвету задачу

Попав на этот сайт, чувствуем ли мы что-то? Возникает ли у нас ощущение, что этот сайт нам что-то обещает? Есть ли цель у данного дизайна?

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

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

Вы можете также сохранить нейтральность, продемонcтрировать рассудительность и рациональность через “чистые” цвета. Как пример, сайт United Nations: благодаря отсутствию “кричащих” оттенков, он добивается ощущения доверительности и объективности.

Выберите палитру, которая подходит под эту задачу

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

  • https://color.romanuke.com/ – здесь можно подчерпнуть много вдохновения в поиске необходимой палитры. Каждому фото соответствуют его основные оттенки, их баланс во многом и задаёт настроение фотографии.
  • https://color.adobe.com/ – позволяет случайно сгенерировать цвета на цветовом круге (можно выбрать основной цвет и изучить рекомендации близких, дружественных оттенков).

Правильно распределите композицию цвета

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

Существует условная, но очень полезная пропорция:

На примерах это можно представить так:

  • Голубой цвет выбран в качестве основного. Ему уделено больше половины, в районе 60-70% афиши.
  • Текст написан белым цветом. Он и выполняет роль дополнительного, наполняя около 20-30%
  • И, наконец, акцентные цвета (оранжевый, коричневый, фиолетовый, светло-голубой) занимают оставшееся пространство.

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

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

Рассмотрим и пример с нарушением композиции. 

  • Белый и оранжевый состязаются на афише за роль основного цвета, что вызывает у нас чувство дисбаланса, неуравновешенности. 
  • Оранжевому здесь стоит уделить больше места, а белому меньше.

Процесс выбора цвета играет важную роль в дизайне. Цвета оказывают большое влияние на настроение и поведение людей. Исследование, проведенное компанией color.com, показало, что людям требуется всего 90 секунд, чтобы сделать подсознательное суждение о продукте, и от 60% до 90% этой оценки основано на цвете. 

With all this in mind, теперь у вас есть все необходимые знания для того, что выстроить палитру для аккаунта. Начинайте тестировать и найдите свои цвета!