Proporcje i strefy bezpieczne.
Proporcje iPhone
Rzeczywiste proporcje per nowoczesna klasa 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)
Klasa 5.5" jest wyjątkiem — starsze urządzenia używały proporcji 16:9. Jeśli projektujesz dla obu, zakotwicz krytyczną treść w centralnym pionowym pasku, by była widoczna w obu proporcjach.
Strefy bezpieczne
App Store renderuje zrzuty ekranu z zaokrąglonymi narożnikami (dopasowanymi do ramki urządzenia) i może nakładać metadane aplikacji w niektórych pozycjach karuzeli. Na podstawie obserwacji empirycznych:
- Górne 80 px może zostać przycięte przez nakładki paska stanu lub promień narożnika.
- Boczne 60 px z każdej strony to realistyczna bezpieczna krawędź.
- Dolne 100 px jest czasem zasłaniane przez wskazówkę przewijania „przesuń po więcej” na mniejszych telefonach.
Podpisy i CTA powinny znajdować się między 80 a 600 px od góry projektu — widoczne w rozmiarze miniatury, nie przycięte w pełnym rozmiarze.
Gdzie wzrok trafia jako pierwszy
Badania eye-trackingowe karuzel App Store (spójne w analizach wielu firm ASO z lat 2024-2026) wskazują najsilniejszą uwagę w lewym górnym kwadrancie każdego panelu. Krytyczny tekst podpisu czyta się najlepiej, gdy rozciąga się na górną ćwiartkę panelu i ma mocno kontrastujący kolor do tła. Rendery urządzeń działają lepiej, gdy są lekko pochylone (8-15° wokół osi Y), a nie ustawione prosto.
Praktyczna nakładka strefy bezpiecznej
Jeśli projektujesz w Figma lub Photoshop, nanieś te prowadnice na płótno (używając 6.9" jako bazy, skaluj proporcjonalnie dla innych klas):
- Górny margines: 80 px
- Dolny margines: 100 px
- Boczne marginesy: 60 px po każdej stronie
- Strefa podpisu: 80–600 px od góry
- Strefa urządzenia: 600–2400 px od góry