Beeldverhoudingen en veilige zones.
iPhone-beeldverhoudingen
De werkelijke beeldverhoudingen per moderne iPhone-klasse:
- 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)
De 5.5"-klasse is het buitenbeentje — oudere apparaten gebruikten 16:9. Als je voor beide ontwerpt, anker dan je kritieke content in de centrale verticale strook, zodat die in beide verhoudingen zichtbaar blijft.
Veilige zones
De App Store toont screenshots met afgeronde hoeken (passend bij het device frame) en kan in sommige carrouselposities app-metadata als overlay tonen. In de praktijk:
- Bovenste 80 px kan worden afgesneden door statusbalk-overlays of de hoekafronding.
- Zijmarge 60 px aan elke kant is de realistische veilige marge.
- Onderste 100 px wordt soms bedekt door de "scroll voor meer"-aanwijzing op kleinere telefoons.
Bijschriften en CTA's horen tussen 80 en 600 px van de bovenkant van het ontwerp — zichtbaar op miniatuurformaat, niet afgesneden op volledig formaat.
Waar het oog als eerste op valt
Eye-trackingonderzoek naar App Store-carrousels (consistent over meerdere ASO-analyses uit 2024-2026) plaatst de sterkste aandacht in het linkerbovengedeelte van elk paneel. Kritieke bijschrifttekst leest het best wanneer die het bovenste kwart van het paneel beslaat en een hoog contrast heeft ten opzichte van de achtergrond. Device-renders werken beter als ze iets gekanteld zijn (8-15° om de Y-as) dan recht van voren.
Praktische veilige-zone-overlay
Als je in Figma of Photoshop ontwerpt, zet dan deze hulplijnen op je canvas (gebaseerd op 6.9" als basis; schaal proportioneel voor andere klassen):
- Bovenmarge: 80 px
- Ondermarge: 100 px
- Zijmarges: 60 px aan elke kant
- Bijschriftzone: 80–600 px vanaf bovenkant
- Device-zone: 600–2400 px vanaf bovenkant