Mockups transparents : utiles partout sauf sur les boutiques

Un mockup exporté sur fond transparent se pose sur n’importe quelle page, diapositive ou section colorée et paraît à sa place. C’est le visuel le plus réutilisable que vous puissiez produire, et c’est aussi le format que les deux boutiques refusent.

Où la transparence paie

Les bannières web dont le fond de section est défini en CSS. Les diapositives qui changent de couleur d’une présentation à l’autre. Les pages marketing où la même image d’appareil apparaît dans trois sections. Les e-mails, où vous ne maîtrisez pas le fond. Dans tous ces cas, un PNG ou WebP transparent signifie un export au lieu d’un par fond, et il survit à un changement de marque sans nouveau rendu.

Le problème de l’ombre

L’ombre de contact appartient au fond, pas à l’appareil : exporter avec alpha la supprime ou cuit une tache semi-transparente qui jurera sur fond sombre. Deux réponses valables : inclure l’ombre dans l’alpha et ne poser l’image que sur des fonds proches en valeur de celui du rendu, ou exporter sans ombre et l’ajouter en CSS. Pour un visuel réutilisé sur des fonds très différents, la seconde est plus sûre.

N’envoyez jamais d’alpha à une boutique

Les captures App Store et l’image de présentation Play ne peuvent pas avoir de canal alpha. Un visuel par ailleurs parfait échoue à cause d’un coin transparent, et le message d’erreur ne le dit pas toujours clairement. Gardez deux exports par visuel : un maître transparent pour vos propres surfaces et une version aplatie pour les boutiques.