perfectowebСтудия дизайна и программирования
Блог Дизайн

Выбираем правильную цветовую схему

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

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

Цветовая схема влияет на восприятие контента

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

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

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

Для начала несколько маленьких правил, которые стоит учесть перед тем как перейти к основным пунктам данной статьи.

  1. лучше всего использовать в дизайне 2-3 и максимум 4 цвета;
  2. из выбранных цветов выделите 2 основных, в то время, как остальные должны быть дополнительными;
  3. если все же побеждает соблазн использовать больше цветов, обратитесь к их оттенкам;
  4. оставляйте достаточно свободного (в частности белого) пространства, чтобы глаза могли расслабиться.

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

1. Следуйте за цветами разрабатываемого бренда

Если вы руководствуетесь созданием материала для конкретного бренда, выдвиньте на основной план цвета данного бренда. Чаще всего это бывает продиктовано требованиями бренд-бука. Используйте цвета бренда, как основные, и можете смело охотиться за 1-2 дополнительными цветами. Ниже два примера инфографики для знаменитых брендов.

Выбор цветовой схемы для дизайна

OREO - основной цвет синий. Черный и его оттенки являются дополняющими цвет бренда.
Coca-Cola - основной цвет красный. Далее идет дополнение черным цветом и разными оттенками красного.

Как выбрать дополняющий цвет?

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

Как выбрать оттенки?

В том же Coolors вы можете выбрать оттенки для любого из выбранных цветов. То же самое можно организовать в Adobe Color CC. Если же вы руководствуетесь собственным опытом, то один из самых удобных вариантов, это открыть ваш цвет в любом Color Picker-е, выбрать его и делать маленькие шаги для обозначения нескольких оттенков выбранного цвета. Пример на фотографии.

Выбор цветовой схемы для дизайна
Цветовая схема на основе логотипа

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

2. Выбирайте цветовую схему исходя из содержимого

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

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

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

3. Вдохновляйтесь природой и естественными цветами

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

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

Осень
Выбор цветовой схемы для дизайна (осень)
Зима
Выбор цветовой схемы для дизайна (зима)
Весна
Выбор цветовой схемы для дизайна (весна)
Лето
Выбор цветовой схемы для дизайна (лето)
Цвета праздников

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

Выбор цветовой схемы для дизайна (праздники)

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

Подводим итоги

Выбирайте цветовые схемы для ваших проектов исходя из следующих трех методов:

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

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

Like

Понравилась статья? Подпишись!

Выбираем правильную цветовую схему
Понравилось? Поделись с друзьями!
Подпишись
Следи за новыми постами в сфере веб-технологий
Комментарии: 0
Прочитали: 7,424
Дата: 05 Янв 2017

Выберите язык