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