App móvil
App Settings contiene las imágenes y los colores de tu app móvil nativa — la que la gente instala desde la App Store o Google Play. No es la Web app, y tampoco son los ajustes de instalación de la PWA. La rellenas una vez, antes del primer envío, y solo vuelves a ella cuando cambias de marca o publicas una nueva versión. Todo se guarda por versión: una versión es un draft que puedes editar libremente, y marcarla como Ready to submit la bloquea para quien vaya a compilar y enviar la app.
En realidad todo el trabajo se reduce a una cosa: pásale a tu diseñador la lista de tamaños que aparece más abajo y recoge los archivos.
Versiones
Una versión pasa por tres estados:
- Draft — puedes cambiar cualquier cosa.
- Ready to submit — aprobada y bloqueada. Quien compile la app la toma desde aquí.
- Las versiones bloqueadas se pueden reabrir con Back to draft si todavía hay que cambiar algo.
New version inicia la siguiente; History muestra las anteriores. Marcar una versión como lista no publica por sí solo la app en las tiendas — entrega una configuración aprobada para la compilación y el envío reales.
Store identity
App name, paquete de Android, identificador de paquete de iOS, nombre de la empresa, Apple Team ID e ID de la app en App Store Connect.
Este bloque es de solo lectura. Se configura una vez por app y lo comparten todas las versiones, porque cambiarlo significaría una app distinta en las tiendas. Ponte en contacto con soporte si realmente hay que modificarlo.
Pestaña App settings
Splash & appearance
Los colores que usa la app mientras se está iniciando, antes de que aparezca tu contenido.
| Campo | Qué controla |
|---|---|
| Status bar style | Si el teléfono dibuja sus propios iconos de reloj y batería en claro o en oscuro sobre tus pantallas. |
| Splash background | El color de fondo de la pantalla que se muestra mientras la app se abre, antes de que cargue el contenido. |
| Splash background (dark) | Lo mismo, para los teléfonos configurados con tema oscuro. |
| Adaptive icon background | El color de fondo del icono de la app en Android. El sistema lo recorta con la forma de icono que use el teléfono: redonda, squircle o cuadrada. |
| Progress color | La parte rellena de la barra de carga que se muestra mientras la app se abre o hay un proceso en curso. |
| Progress unfilled color | La parte de la barra de carga que aún no está rellena. |
| Progress border color | El marco alrededor de la barra de carga. |
| Progress border width | El grosor de ese marco. 0 significa sin borde. |
App images
Los archivos de icono y de splash que se integran en la propia app. Cada casilla muestra su tamaño objetivo — envía esas dimensiones exactas a tu diseñador. Al subir un archivo se sustituye por ti la URL guardada, así que nunca necesitas tocar el campo de URL.
| Recurso | Tamaño | Qué es |
|---|---|---|
| App icon | 1024 × 1024 px | El archivo maestro del icono. Fuente de alta resolución; Android deriva de él los tamaños más pequeños. |
| Adaptive icon foreground | 432 × 432 px | La capa frontal del icono adaptativo de Android — normalmente solo el símbolo del logo, sobre fondo transparente. |
| Adaptive icon background | 432 × 432 px | La capa de atrás. Normalmente un único color plano. |
| Adaptive icon monochrome | 432 × 432 px | Una versión a un solo color, que se usa allí donde Android dibuja los iconos en un único color (iconos temáticos). |
| Android notification | 54 × 54 px | El icono pequeño de la barra de estado cuando llega una notificación. Tiene que ser un logo simple y a un solo color — cualquier cosa con detalle se convierte en una mancha gris. |
| Splash Screen | 1440 × 3200 px | La imagen completa de la pantalla de arranque. Un fondo o un diseño acorde con tu identidad de marca. |
| Splash Icon | 1024 × 1024 px | El logo que se muestra en el centro de la pantalla de splash. |
Pestaña Store settings
Las imágenes que van en la ficha de Google Play — lo que ve la gente en la página de la tienda antes de instalar.
| Recurso | Tamaño | Qué es |
|---|---|---|
| Feature banner | 1024 × 500 px | El banner promocional horizontal que Google Play muestra en la ficha de la app. Normalmente la marca o el logo más un diseño que represente la app. |
| App icon | 512 × 512 px | El icono que se muestra en la ficha de Google Play. Cuadrado y, preferiblemente, entregado con el fondo ya incorporado. |
| Screenshot 1 / 2 / 3 | 1320 × 2868 px | Capturas promocionales de la app en la página de la tienda. Prepara tres, de pantallas distintas de la app. |
Esta página cubre los recursos de Android y Google Play. Si tu programa se publica también en iOS, soporte te dirá qué necesita todavía la compilación para la App Store.
Preparar las imágenes
Algunas cosas que te ahorran una ida y vuelta con tu diseñador:
- Envía toda la lista de tamaños de una vez. Cada recurso de arriba es un archivo independiente con un tamaño fijo — un diseñador que trabaje a partir de una sola captura se equivocará.
- Adaptive icon foreground, Adaptive icon monochrome y Android notification necesitan fondo transparente. El color que hay detrás viene de Adaptive icon background.
- Mantén el icono de notificación como una silueta plana. Los degradados y los detalles finos desaparecen a 54 px.
- Haz que Splash background coincida con el fondo de tu imagen de Splash Screen, para que nada parpadee en otro color mientras la app carga.
- Configura también Splash background (dark). Si te lo saltas, los teléfonos con tema oscuro pueden mostrar tu logo sobre un color que nunca elegiste.
- Las capturas para la tienda son marketing, no documentación — elige las tres pantallas que mejor expliquen lo que consiguen tus miembros.
El bloque Native bars de cada pantalla del App Editor —el estilo de la barra de estado y de la barra inferior— también se aplica solo a los negocios con una app móvil nativa. Todo lo demás del App Editor afecta por igual a la Web app y a la app nativa.