En-boy oranları ve güvenli alanlar.
iPhone en-boy oranları
Modern iPhone sınıfı başına gerçek en-boy oranları:
- 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" sınıfı aykırı değer — eski cihazlar 16:9 kullanıyordu. Her ikisi için tasarım yapıyorsan, her iki oranda da görünür kalması için kritik içeriği merkez dikey şeride sabitle.
Güvenli alanlar
App Store, ekran görüntülerini yuvarlatılmış köşelerle (cihaz çerçevesiyle eşleşen) render eder ve bazı karusel konumlarında uygulama meta verilerini üst üste getirebilir. Ampirik olarak:
- Üst 80 px durum çubuğu katmanları veya köşe yarıçapı tarafından kesilebilir.
- Her kenarda 60 px gerçekçi güvenli boşluk.
- Alt 100 px küçük telefonlarda bazen "daha fazla için kaydır" karşılama alanıyla kaplanır.
Metinler ve eylem çağrıları, tasarımın üstünden 80 ile 600 px arasına yerleştirilmeli — küçük resim boyutunda görünür, tam boyutta kırpılmaz.
Gözün ilk nereye gittiği
App Store karusellerinin göz takibi çalışmaları (2024-2026 yılları arasında birden fazla ASO firmasının analizleriyle tutarlı), her paneldeki en güçlü dikkatin sol üst çeyrekte yoğunlaştığını gösteriyor. Kritik metin, panelin üst çeyreğine yayıldığında ve arka planla yüksek kontrastlı renk kullandığında en iyi okunur. Cihaz görüntüleri, tam düz yerine hafifçe eğimli (Y ekseni etrafında 8-15°) olduğunda daha iyi çalışır.
Pratik güvenli bölge katmanı
Figma veya Photoshop'ta tasarım yapıyorsan bu kılavuzları tuvaline ekle (6.9" baz alarak, diğer sınıflar için orantılı olarak ölçekle):
- Üst kenar boşluğu: 80 px
- Alt kenar boşluğu: 100 px
- Yan kenar boşlukları: her biri 60 px
- Metin bölgesi: üstten 80–600 px
- Cihaz bölgesi: üstten 600–2400 px