Прозрачные мокапы: полезны везде, кроме сторов

Мокап, выгруженный с прозрачным фоном, можно положить на любую страницу, слайд или цветной блок, и он будет выглядеть уместно. Это самый переиспользуемый материал, который вы можете сделать, — и одновременно формат, который оба стора отклоняют.

Где прозрачность окупается

Шапки сайтов, где фон секции задан в CSS. Слайды, меняющие цвет от презентации к презентации. Маркетинговые страницы, где одна и та же картинка появляется в трёх блоках. Письма, где вы не управляете фоном. Во всех этих случаях прозрачный PNG или WebP означает один экспорт вместо одного на каждый фон и переживает ребрендинг без повторного рендера.

Проблема тени

Контактная тень принадлежит фону, а не устройству, поэтому экспорт с альфой либо убирает её, либо запекает полупрозрачное пятно, которое будет смотреться неверно на тёмном фоне. Два рабочих ответа: включить тень в альфу и класть картинку только на фоны, близкие по светлоте к тому, на котором рендерили, или экспортировать без тени и добавлять её в CSS. Для материала, который пойдёт на очень разные фоны, второй способ безопаснее.

Никогда не отправляйте альфу в стор

У скриншотов App Store и баннера Play не может быть альфа-канала. Во всём остальном идеальный файл заваливается из-за одного прозрачного угла, и сообщение об ошибке не всегда это проясняет. Держите два экспорта на каждый материал: прозрачный мастер для своих поверхностей и сведённую версию для сторов.