Taille des cadres d'écran pour iPhone

Dimensions de l'écran

L'iPhone d'origine a été lancé avec un écran de 3, 5 pouces (8, 89 centimètres), 480 x 320 pixels et une résolution de 163 pixels par pouce (ppp). La taille physique de l'écran d'un iPhone n'a pas changé jusqu'au 4S, mais avec l'introduction de l'écran Retina, les écrans des iPhone 4 et 4S ont une résolution de 326 ppp et leurs dimensions sont de 960x640 pixels. Dans les deux modèles, les dimensions de l'écran sont 7, 47 x 4, 98 centimètres (2, 94 x 1, 96 pouces) pour un rayon de 1, 5 à 1. L'iPod Touch utilise le même écran que l'iPhone d'origine jusqu'à sa troisième génération. L'affichage de la rétine a été présenté jusqu'à la quatrième génération.

Cadres pour iPhone

Si vous envisagez de créer vos propres conceptions de cadre, vous devez utiliser un rayon de 1, 5 à 1 pour concevoir les éléments de votre interface utilisateur avec la taille relative appropriée. Si vous concevez un site Web ou une application compatible iPhone, les éléments de l'interface utilisateur utilisés pour le navigateur Safari pourraient réduire la taille utilisable de l'écran. Apple propose une API qui masque l'interface utilisateur de Safari et permet à l'application Web de fonctionner en plein écran. Vous pouvez ainsi configurer les paramètres d'affichage pour une mise à l'échelle optimale de vos sites Web dans Safari.

Outils pour le cadre

Les applications pour des infrastructures tierces telles que FlairBuilder ou Axure RP, ou un autre programme couramment utilisé pour créer des conceptions, telles que PhotoShop ou OmniGraffle, peuvent vous aider à concevoir votre application plus rapidement. De nombreux produits de conception tiers offrent des éléments standard dans des interfaces que vous devez simplement faire glisser, ainsi que d'autres fonctionnalités qui vous aideront à suivre les recommandations de conception d'Apple.

Les meilleures techniques

Apple recommande de concevoir votre application pour iPhone en utilisant des points au lieu de pixels pour des mesures permettant un dimensionnement plus cohérent des éléments de votre interface utilisateur dans différents modèles. Par exemple, la taille minimale recommandée pour un élément de l'interface utilisateur est de 44 x 44 points, soit 44 pixels sur l'écran d'origine de l'iPhone et 88 pixels sur l'écran Retina. Apple suggère également que vous puissiez concevoir votre interface utilisateur pour les deux orientations de l'écran. Votre application doit démarrer en mode portrait, car l'écran d'accueil de l'iPhone est uniquement disponible dans cette orientation. Vous pouvez trouver plus de guides de conception sur developer.apple.com