Proporções e áreas seguras.
Proporções do iPhone
As proporções reais por classe 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)
A classe 5.5" é a exceção — dispositivos mais antigos usavam 16:9. Se você está criando para as duas, ancore o conteúdo crítico na faixa vertical central para que fique visível nas duas proporções.
Áreas seguras
O App Store renderiza capturas de tela com cantos arredondados (correspondendo à moldura do dispositivo) e pode sobrepor metadados do app em algumas posições do carrossel. Empiricamente:
- 80 px superiores podem ser cortados por sobreposições da barra de status ou pelo raio do canto.
- 60 px de borda em cada lado é a margem de segurança realista.
- 100 px inferiores às vezes ficam cobertos pelo affordance de "rolar para mais" em celulares menores.
Legendas e CTAs devem ficar entre 80 e 600 px do topo do design — visíveis no tamanho de miniatura, sem corte no tamanho completo.
Onde o olhar pousa primeiro
Estudos de rastreamento ocular de carrosséis do App Store (consistentes em análises de múltiplas empresas de ASO, 2024-2026) mostram a atenção mais forte no quadrante superior esquerdo de cada painel. Textos de legenda críticos funcionam melhor quando abrangem o quarto superior do painel e usam cor de alto contraste contra o fundo. Renderizações de dispositivos funcionam melhor quando levemente inclinadas (8-15° em torno do eixo Y) em vez de retas.
Sobreposição prática de zona segura
Se você está criando no Figma ou Photoshop, adicione estas guias à sua tela (usando 6.9" como base, escale proporcionalmente para outras classes):
- Margem superior: 80 px
- Margem inferior: 100 px
- Margens laterais: 60 px cada
- Zona de legenda: 80–600 px do topo
- Zona do dispositivo: 600–2.400 px do topo