Mockups transparentes: útiles en todas partes menos en las tiendas

Un mockup exportado con fondo transparente se puede colocar en cualquier página, diapositiva o sección de color y parecerá que pertenece ahí. Es el recurso más reutilizable que puedes producir, y también el formato que ambas tiendas rechazan.

Dónde compensa la transparencia

Cabeceras web cuyo fondo de sección se define en CSS. Diapositivas que cambian de color entre presentaciones. Páginas de marketing donde la misma imagen aparece en tres secciones. Correos, donde no controlas el fondo. En todos esos casos un PNG o WebP transparente significa una exportación en lugar de una por fondo, y sobrevive a un cambio de marca sin volver a renderizar.

El problema de la sombra

La sombra de contacto pertenece al fondo, no al dispositivo, así que exportar con alfa o bien la elimina o bien deja cocida una mancha semitransparente que se verá mal sobre fondo oscuro. Dos respuestas viables: incluir la sombra en el alfa y colocar la imagen solo sobre fondos de valor parecido al usado al renderizar, o exportar sin sombra y añadirla por CSS. Para algo que se reutilizará sobre fondos muy distintos, lo segundo es más seguro.

Nunca envíes alfa a una tienda

Las capturas de la App Store y el gráfico de funciones de Play no pueden tener canal alfa. Un recurso por lo demás perfecto falla por una esquina transparente, y el mensaje de error no siempre lo deja claro. Guarda dos exportaciones de cada recurso: un maestro transparente para tus superficies y una versión aplanada para las tiendas.