Слайд смотрят на улице, при солнце и в тёмной теме приложения. Разбираем, как выбрать цвета, чтобы текст читался в любых условиях и не спорил с товаром.
Цвет на слайде решает две задачи: сделать текст читаемым и не перетянуть внимание с товара. Эти задачи конфликтуют, и побеждать должна первая — нечитаемый слайд бесполезен в принципе.
Отсюда практическое правило: фон под текстом контролируем мы, а не фотография. Плашка, затемнение или однородный участок кадра — три рабочих способа.
Второе правило — не спорить с упаковкой. Если у бренда яркая коробка, слайд лучше держать спокойным: два ярких пятна в одном кадре гасят друг друга.
Достаточно трёх: основной текст, акцент и фон. Больше — и слайд начинает выглядеть как реклама распродажи, что вдобавок насторожит модерацию.
Акцентный цвет берут из фирменного стиля или из самого товара: так графика воспринимается частью карточки, а не наклейкой поверх.
Полезно завести палитру из трёх-четырёх значений и держать её в файле рядом с макетами: тогда цвет не «плывёт» от карточки к карточке.
Условия просмотра сильно отличаются от условий вёрстки.
Полезно проверить и на планшете: там карточка занимает больше места, и слишком крупные плашки выглядят навязчиво.
Если акцент совпадает с цветом товара, вещь теряется в кадре. На жёлтом платье жёлтая плашка не только не читается — она съедает сам товар.
Для линейки в разных расцветках надёжнее нейтральная гамма графики: один шаблон подойдёт всем артикулам без переделок.
Слайды и снимки должны выглядеть одной серией. Если фотографии сняты на светлом фоне, а графика собрана на насыщенном тёмном, галерея распадается.
Проще всего держать фон слайдов в той же тональности, что и фон съёмки, а различать блоки плашками и типографикой.
Хороший ход — вынести акцентный цвет в тонкую линию или иконку, а не в заливку: внимание удерживается, товар не теряется.
Соберите галерею целиком, уменьшите до размера ленты и посмотрите: видно ли товар, читается ли главная фраза, не рябит ли от цвета.
Если после этого хочется что-то убрать — уберите. Слайды почти всегда выигрывают от вычитания.
И помните, что экраны у всех разные: цвет, идеально подобранный на одном мониторе, у покупателя может выглядеть иначе — поэтому запас по контрасту важнее точного оттенка.
Мы используем файлы cookie, Яндекс Метрику и чат поддержки Jivo, чтобы сайт работал корректно и мы понимали, какие страницы полезны. Нажмите «Только необходимые» — и аналитика с чатом на вашем устройстве отключатся. Подробнее — в политике использования cookie и политике обработки персональных данных.