По данным исследования, 92,6% людей при покупке продуктов придают большое значение визуальным факторам. Одни цвета ассоциируются со стабильностью, а другие с энергией.
Цвета могут не только передать идею бренда, но и значительно повлиять на продажи. Например, в исследовании, опубликованному в журнале Business Research, покупатели на 15% чаще возвращаются в магазины с синими цветами, чем с оранжевой палитрой.
Как подготовиться к выбору цвета
Определите свою нишу
Наверняка вы замечали, что логотипы аптек чаще всего зеленые, а недорогие магазинчики у дома любят красные или другие яркие цвета. Дело в том, что каждый цвет ассоциируется у людей с определенными сферами деятельности и настроением. Выберите нишу и используйте привычные для нее цвета. Изучите своих конкурентов
Какие оттенки используют конкуренты? Какие цвета на их сайте вас привлекают или, наоборот, отталкивают и перегружают страницу. С помощью исследования конкурентов найдите общие цветовые решения для выбранной вами ниши. Подумайте, каких покупателей вы хотите привлечь
Кто они, сколько им лет, какой у них бюджет, какой образ жизни они ведут. Например, если вы создаете сайт фитнес-клуба, можете выбрать желтые цвета — они придадут странице оптимизма и привлекут более молодую аудиторию. Обратите внимание на преобладающий пол вашей ЦА.
Согласно исследованиям, мужчины и женщины по-разному отличают цвета. К примеру, женщины очень любят фиолетовый цвет, а большинство мужчин он раздражает.
Учтите особенности региона
Если планируете выходить на мировой рынок, изучайте культурные особенности той или иной страны. Например, в России и Египте голубой ассоциируется с чистотой, добротой и истиной, а вот в Японии голубой цвет означает подлость и мошенничество.
Немного о колористике
Чтобы вам было легче грамотно смешивать цвета, есть цветовой круг и цветовые гармонии. Вам достаточно только выбрать основной цвет и просто применить одно из правил гармонии. Запоминать их необязательно, ведь есть программы. О них мы расскажем позже.
На сайте используют 3 варианта цветов:
― Основной. Его используют для важных элементов сайта: логотипа, меню, главных кнопок, названия сайта и крупных заголовков.
― Акцентный. Таких цветов может быть два. Они разнообразят дизайн и расставят дополнительные акценты. Их можно использовать для кнопок, подзаголовков, диалоговых окон.
― Фоновый. Главное правило подбора фонового цвета ― выбирайте оттенок, на котором легко прочитать текст. Чаще всего для фона выбирают белый, серый, голубой и другие неяркие и пастельные тона.
Программы, которые помогут найти свою палитру
Неважно, новичок вы в дизайне сайтов или профи, программы-помощники всегда пригодятся. Мы расскажем о 8 полезных программах для подбора палитры сайта.
1. Adobe Color
Популярный инструмент как для профессионалов, так и для любителей. Вам нужно выбрать только основной оттенок, а 4 дополнительных подбираются сами, в соответствии с выбранным правилом гармонии.
Отличительная особенность Adobe Color ― обширное комьюнити, в котором можно делиться палитрами, брать чужие цветовые схемы и настраивать их под себя.
2. Get Color
Тоже незамысловатый инструмент. Здесь вы можете найти необходимое сочетание на цветовом круге и сразу увидеть его HTML-код. В меню слева можно перейти на страницу с уже собранными палитрами.
3. Khroma
Сервис Khroma создан проект-дизайнером Джорджем Хастингсом на основе AI. Вы выбираете 50 понравившихся оттенков и нейросеть создает персонализированную цветовую палитру. Если вы увлечетесь и выберите слишком много одинаковых оттенков, программа посоветует выбрать другие цвета.
4. Material Design Palette
Простой и интуитивно понятный сервис. Работая с Material Design Palette, вам нужно выбрать два основных оттенка из базовых цветов. После чего сервис предложит вам расширенную палитру из разных оттенков.
5. Material Design
Вы сможете подобрать не только гармоничные сочетания цветов, но и цвет текста, иллюстраций и элементов интерфейса.
6. ColorSpace
Если у вас есть цвет, на основе которого вы хотите создать цветовую палитру или градиент, то ColorSpace — то, что вам нужно. Просто введите номер основного оттенка, и программа подберет подходящие сочетания.
7. ColorScheme
Отличительная особенность сервиса ― можно посмотреть, как будут выглядеть подобранные цвета на импровизированном сайте.
8. Color In Design
Это сервис для вдохновения. Здесь собраны сотни сочетаний. Вы можете не искать вручную цвета на круге, а сразу выбрать из готовых подборок.