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