6) Определите цвета макета
Используйте на макете один-два акцентных цвета и играйте с их оттенками. Это не значит, что другие цвета должны отсутствовать. Они могут быть на декоративных элементах, на фото товара/услуги, иллюстрации, но они не должны бросаться в глаза.
Черный и белый цвета в расчёт не берутся. Используйте их для текстов.
Как выбрать цвета? Проще всего, если у вас есть фирменные цвета, тогда этот вопрос отпадает сам собой. Если их больше, чем два, то допускается использовать их все на макете. Но мы рекомендуем выбрать два цвета и придерживаться только их.
Если фирменных цветов нет или вы хотите поэкспериментировать с колористикой, то возьмите за базу цвет (цвета) с иллюстрации, которую вы выбрали на прошлом этапе.
Если хотите использовать два цвета, в идеале они должны быть комплиментарными,
Если вы выбрали в качестве основного цвета красный, то можете взять в качестве дополнительного зелёный. Но это сочетание можно немного изменить: выберите один из цветов и подвиньте его на один тон цветового круга в ту или иную сторону. Например, зелёный можно сделать голубоватым (цвет циан) или салатовым, а красный можно увести в оранжевый или розовый:
7) Окрасьте фон
С оттенками разобрались — переходим к их использованию.
Главное правило по использованию цветов: чтобы тексты и графика были контрасты и легко считывались/просматривались. При необходимости меняйте оттенки, яркость и насыщенность фона и цвета типографики: с черного на белый и наоборот.
Если не уверены в надёжности цветов, воспользуйтесь специальным сервисом для проверки контраста от coolors.co. Бал контакта должен быть не менее 4,5.
В зависимости от настроения баннера, используйте на фоне и на плашках для текста яркие светлые цвета (тогда типографику окрашивайте в черный цвет) или темные насыщенные (тогда надписи окрасьте в белый цвет).
Для фона и плашки можно использовать:
- Просто цвет.
- Лёгкий градиент (от более светлого до более темного оттенка). Оттенки должны слабо отличаться. Хорошо, если градиент будет еле заметен.
- Найти готовый фон в интернете.
Готовый фон должен быть однородным,
Если хотите сделать трендовый дизайн, то используйте сетчатые градиенты, ищите их по запросу «mesh gradient» на стоках (например, много классных качественных и бесплатных mesh-фонов на Freepik).
