Guía de pantalla de inicio: arte de lanzamiento iOS y Android

Respuesta breve: Una pantalla de inicio es la breve pantalla de marca que se muestra mientras tu app carga. En iOS se crea como una pantalla de lanzamiento que el sistema muestra al instante; en Android 12+ el sistema la genera a partir del icono y el tema de tu app. Diséñala una vez con los colores principales de tu marca y el logo, sé breve y nunca la uses para simular tiempo de carga.

Pantalla de inicio vs pantalla de lanzamiento

Los dos términos se usan indistintamente, pero las plataformas difieren:

• iOS — Pantalla de lanzamiento: un marcador de posición ligero renderizado por el sistema (un storyboard con tu logo y fondo) que se muestra al instante en que arranca la app. La guía de Apple es hacer que se parezca a la primera pantalla de tu app para que el lanzamiento se sienta fluido, y no usarla como pantalla de marca ni añadir texto que parezca una interfaz de carga.
• Android — Pantalla de inicio (API 31+): desde Android 12 el sistema dibuja la pantalla de inicio automáticamente a partir del icono de tu app y el color windowSplashScreenBackground. La personalizas en el tema; se admiten animación e icono de marca, y la documentación oficial de la API de pantalla de inicio es la fuente de referencia para las medidas de la zona segura del icono.

En versiones anteriores de Android (y en frameworks multiplataforma), el enfoque clásico es un drawable a pantalla completa o una vista dedicada, que es donde la mayoría de los equipos aún necesita un recurso diseñado.

Para qué sirve un generador de pantallas de inicio

Un generador de pantallas de inicio o herramienta de plantillas acelera la parte repetitiva: producir los recursos de logo sobre fondo con los tamaños correctos para cada densidad y orientación a partir de un solo diseño. En lugar de exportar docenas de PNG casi idénticos a mano:

1. Diseña el arte maestro (logo + color de fondo, sin texto que pueda parecer una interfaz de carga).
2. Deja que la herramienta exporte el conjunto de tamaños requerido.
3. Conecta los recursos en tu storyboard de lanzamiento (iOS) o tema de pantalla de inicio (Android).

Puedes hacer los pasos 1 y 2 en un editor de diseño basado en lienzo. Nuestro editor de capturas de pantalla gestiona los recursos para la tienda (capturas de pantalla, el gráfico destacado de Google Play de 1024×500, imágenes de la tienda de apps) desde el mismo kit de marca; mantén el fondo y el logo de la pantalla de inicio idénticos a esos recursos para que el lanzamiento, la ficha y el icono se sientan como un solo sistema.

Buenas prácticas aplicables en todas partes

• Mantenlo mínimo: logo, fondo, nada más. Sin eslóganes, sin números de versión, sin indicadores que simulen carga.
• Coincide con la primera pantalla: cuanto más se parezca la pantalla de inicio a la interfaz inicial de tu app, más corto se percibirá el lanzamiento.
• Respeta el área segura: evita empujar el logo hacia zonas con notch o gestos.
• Limítalo en el tiempo: si la app está lista, ciérrala de inmediato. Una pantalla de inicio que retrasa una app lista es un antipatrón en ambas plataformas.
• Modo oscuro: proporciona una variante oscura donde la plataforma lo admita (atributos de tema de Android; iOS mediante recursos específicos de rasgo en tu storyboard).
• Prueba en dispositivos reales: el tiempo de lanzamiento varía enormemente entre un gama alta y un teléfono económico de hace cuatro años.

Errores comunes

1. Usar la pantalla de inicio como anuncio. El texto de marketing pertenece a tus capturas de pantalla de la tienda, no a la ruta de lanzamiento.
2. Codificar una imagen a pantalla completa en Android moderno: luchas contra la pantalla de inicio del sistema y obtienes un comportamiento inconsistente entre fabricantes.
3. Olvidar tablets y horizontal: un recurso solo vertical se estira o deja barras en iPad y tablets Android.
4. Reconstruir recursos a mano para cada densidad en lugar de generar el conjunto completo desde un maestro.

Lista de verificación antes de publicar

• Arte maestro: solo logo + fondo de marca
• Variantes clara y oscura donde se admitan
• Conjunto de storyboard de lanzamiento de iOS (renderizado por el sistema, sin retrasos de código)
• Tema de Android 12+ configurado (icono + color de fondo)
• Recursos heredados de Android generados para todas las densidades
• Verificado en al menos un teléfono pequeño, una tablet y un dispositivo en modo oscuro

Mantén el arte de lanzamiento alineado con la primera pantalla de la app y prueba el comportamiento en las plataformas que admitas. Las capturas de pantalla de la tienda son una tarea aparte: usa el flujo de trabajo de capturas de pantalla y la guía de requisitos para los recursos de la ficha.

Preguntas frecuentes

¿Una sola imagen de pantalla de inicio sirve para todos los dispositivos?

No necesariamente. Sigue la configuración de lanzamiento de tu plataforma o framework y prueba diferentes orientaciones, tamaños de dispositivo y modos de apariencia.

¿Puede el editor de capturas de pantalla configurar la pantalla de lanzamiento de mi app?

No. El editor prepara arte visual; configurar el comportamiento de lanzamiento del sistema corresponde a tu proyecto de app.

¿Dónde debo verificar la implementación nativa?

Usa la guía de pantalla de lanzamiento de Apple y la documentación vinculada de la pantalla de inicio de Android. Comprueba las API admitidas por la versión mínima de sistema operativo de tu app.