Ratios d'image et zones de sécurité.
Ratios d'image iPhone
Les ratios réels par classe iPhone moderne :
- 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)
La classe 5.5" est l'exception — les appareils anciens utilisaient le 16:9. Si tu conçois pour les deux, ancre le contenu critique sur la bande verticale centrale pour qu'il reste visible dans les deux ratios.
Zones de sécurité
L'App Store affiche les captures avec des coins arrondis (correspondant au cadre de l'appareil) et peut superposer des métadonnées d'app à certaines positions du carrousel. De manière empirique :
- Les 80 px supérieurs peuvent être coupés par les superpositions de barre de statut ou le rayon d'arrondi des coins.
- Les 60 px de bord de chaque côté constituent la gouttière de sécurité réaliste.
- Les 100 px inférieurs sont parfois couverts par l'affordance « faire défiler pour plus » sur les petits téléphones.
Les légendes et les CTA doivent se trouver entre 80 et 600 px depuis le haut du design — visibles en taille de vignette, non coupés en taille réelle.
Là où l'œil se pose en premier
Les carrousels de store sont scannés, pas lus : les utilisateurs défilent à taille vignette et retiennent d'abord le haut de chaque panneau. Le texte de légende essentiel se lit mieux lorsqu'il occupe le quart supérieur du panneau et utilise une couleur à fort contraste sur le fond. Une légère inclinaison peut ajouter de la profondeur, mais ce qui se voit vraiment à taille vignette, c'est la cohérence : quel que soit l'angle choisi, garde le même sur tous les panneaux.
Superposition pratique des zones de sécurité
Si tu conçois dans Figma ou Photoshop, ajoute ces repères à ton canvas (en utilisant 6.9" comme base, à redimensionner proportionnellement pour les autres classes) :
- Marge haute : 80 px
- Marge basse : 100 px
- Marges latérales : 60 px de chaque côté
- Zone de légende : 80–600 px depuis le haut
- Zone appareil : 600–2400 px depuis le haut