Градиентный фон: как получить и когда он уместен
Градиент — плавный переход от светлого к тёмному за предметом. Он делается светом, а не в редакторе: отдельный источник направляется в фон и создаёт мягкое пятно. Уместен для техники, парфюмерии и премиальных категорий; в базовом каталоге чаще мешает.
Как он делается
Фон подсвечивается отдельно от предмета: узкий источник с сотами направляется в нужную точку, и вокруг неё образуется мягкое пятно, плавно уходящее в тень.
Ключевое условие — разделение света. Если предмет и фон освещены одним источником, градиента не получится: фон будет равномерным, а на предмете появятся паразитные блики.
Управлять пятном помогают соты и шторки на источнике: ими задают размер и положение светлой зоны, не трогая основной свет на предмете.
Когда градиент работает
Он добавляет глубину и делает кадр дороже, но подходит не всем категориям.
Ещё одна уместная область — карточки с несколькими цветовыми вариантами: мягкий переход помогает разделить одинаковые по форме предметы визуально.
- Техника и гаджеты: подчёркивает форму корпуса.
- Парфюмерия и косметика: создаёт ощущение премиальности.
- Украшения и часы: даёт мягкий переход, на котором читается металл.
- Имиджевые и рекламные кадры, баннеры.
Когда он лишний
В базовом каталоге градиент чаще вредит: он усложняет кадр, конфликтует с требованиями площадок к чистому фону и делает линейку неоднородной, если применён не везде.
Ещё одна проблема — инфографика: на градиенте труднее разместить текст так, чтобы он читался и в светлой, и в тёмной части.
Ещё один минус для потока: градиент требует отдельной настройки под каждый предмет, а значит снижает количество позиций, снимаемых за смену.
Технические тонкости
Градиент должен быть плавным: видимые ступени и полосы выдают дешёвый сетап и заметны после сжатия на площадке.
Второй момент — направление. Внутри линейки переход должен идти в одну сторону, иначе карточки визуально не стыкуются.
Проверять градиент нужно и после сжатия площадкой: плавный на исходнике переход иногда распадается на полосы уже в карточке.
Альтернатива
Если хочется объёма без градиента, проще добавить мягкую тень под предметом и лёгкий контровой свет по краю. Это даёт глубину и при этом сохраняет чистый фон, который проходит модерацию в любой категории.
Такой вариант ещё и универсальнее: кадр с чистым фоном подходит и для карточки, и для баннера, а градиент под инфографику обычно приходится переделывать.