Proporciones y zonas seguras.
Proporciones de iPhone
Las proporciones reales de cada clase moderna de iPhone:
- 6.9" (16 Pro Max):
1320 × 2868= 2.173 (≈ 19.5:9) - 6.7" (15 Pro Max, 15 Plus, 14 Plus, 13 Pro Max, 12 Pro Max):
1290 × 2796= 2.167 - 6.1" (16, 15, 14, 13, 12, 11):
1170 × 2532= 2.164 - 5.5" (8 Plus, 7 Plus, 6s Plus):
1242 × 2208= 1.778 (16:9)
La clase de 5.5" es la excepción: los dispositivos más antiguos usaban 16:9. Si diseñas para ambas proporciones, ancla el contenido crítico en la franja vertical central para que sea visible en los dos formatos.
Zonas seguras
App Store muestra las capturas de pantalla con esquinas redondeadas (en consonancia con el marco del dispositivo) y puede superponer metadatos de la app en algunas posiciones del carrusel. Según datos empíricos:
- Los 80 px superiores pueden quedar recortados por las superposiciones de la barra de estado o el radio de las esquinas.
- Los 60 px del borde a cada lado son el margen de seguridad real.
- Los 100 px inferiores a veces quedan cubiertos por el indicador «deslizar para ver más» en teléfonos pequeños.
Los textos y las llamadas a la acción deben situarse entre 80 y 600 px desde la parte superior del diseño: visibles a tamaño de miniatura, sin recortes a tamaño completo.
Dónde se fija primero la mirada
Los estudios de seguimiento ocular en carruseles de App Store (consistentes entre los análisis de varias firmas de ASO, 2024-2026) sitúan la atención más intensa en el cuadrante superior izquierdo de cada panel. El texto descriptivo clave se lee mejor cuando ocupa el cuarto superior del panel y usa un color de alto contraste sobre el fondo. Las representaciones del dispositivo funcionan mejor cuando están ligeramente inclinadas (8-15° alrededor del Y axis) en lugar de perfectamente frontales.
Superposición práctica de zona segura
Si diseñas en Figma o Photoshop, añade estas guías a tu lienzo (usando 6.9" como base; escala proporcionalmente para otras clases):
- Margen superior: 80 px
- Margen inferior: 100 px
- Márgenes laterales: 60 px a cada lado
- Zona de texto: de 80 a 600 px desde arriba
- Zona del dispositivo: de 600 a 2400 px desde arriba