Соотношения сторон и безопасные зоны.
Соотношения сторон iPhone
Реальные соотношения сторон для каждого современного класса 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)
Класс 5.5" — исключение: более старые устройства использовали 16:9. Если делаешь дизайн для обоих, привязывай важный контент к центральной вертикальной полосе, чтобы он оставался видимым при обоих соотношениях.
Безопасные зоны
App Store рендерит скриншоты со скруглёнными углами (соответствующими рамке устройства) и может накладывать метаданные приложения на некоторых позициях карусели. На практике:
- Верхние 80 пикс. могут обрезаться оверлеем строки состояния или радиусом угла.
- 60 пикс. от каждого края — реалистичный безопасный отступ.
- Нижние 100 пикс. иногда перекрываются элементом «прокрути для продолжения» на небольших телефонах.
Подписи и CTA должны размещаться между 80 и 600 пикс. от верха дизайна — видимы в миниатюре, не обрезаются в полном размере.
Куда смотрит взгляд первым
Айтрекинговые исследования каруселей App Store (согласующиеся в анализах нескольких ASO-компаний, 2024–2026) помещают наибольшее внимание в левый верхний квадрант каждой панели. Важный текст подписи лучше всего читается, когда он занимает верхнюю четверть панели и использует высококонтрастный цвет относительно фона. Рендеринг устройств работает лучше при небольшом наклоне (8–15° вокруг оси Y), а не строго прямо.
Практический оверлей безопасных зон
Если делаешь дизайн в Figma или Photoshop, добавь эти направляющие на холст (за основу берётся 6.9"; масштабируй пропорционально для других классов):
- Верхний отступ: 80 пикс.
- Нижний отступ: 100 пикс.
- Боковые отступы: 60 пикс. с каждой стороны
- Зона подписи: 80–600 пикс. от верха
- Зона устройства: 600–2400 пикс. от верха