Taille des Ossature d'écran iPhone

Concevoir des interfaces utilisateur pour l'iPhone ou l' iPod Touch est similaire à la conception d'interfaces pour les systèmes d'exploitation Mac ou Windows, y compris l'utilisation de fil de fer pour créer l'interface utilisateur (UI) des maquettes de conception . Comprendre les dimensions et les ratios utilisés sur l'écran de l'iPhone et de ses applications vous permet de créer des représentations filaires plus précises . Dimensions de l'écran

L'iPhone d'origine a lancé avec un écran de 480 par 320 pixels de 3,5 pouces avec une résolution de 163 pixels par pouce ( PPI ) . La taille physique de l'écran de l' iPhone n'a pas changé par l'iPhone 4S , mais avec l'introduction du Retina Display , les écrans de l'iPhone 4 et 4S en vedette un écran 326 PPI qui est 960 par 640 pixels . Dans les deux modèles , les dimensions de l'écran sont de 2,94 par 1,96 cm , pour un rapport de 1,5 à 1. L'iPod Touch utilise le même écran que l'iPhone original par sa troisième génération , la mise à niveau de l'affichage Retina pour sa quatrième génération .
IPhone Ossature

Si vous prévoyez la création de vos propres modèles filaires , vous devez utiliser le rapport de 1,5 à 1 et concevoir vos éléments d'interface utilisateur à la taille relative appropriée . Si vous concevez un site compatible iPhone ou une application Web , les éléments de l'interface utilisateur du navigateur Safari peuvent réduire les dimensions de l'écran utilisables . Apple fait offrir une API pour cacher l'interface utilisateur de Safari et de laisser une application Web utiliser le plein écran , et vous pouvez configurer les paramètres de fenêtre d'affichage à l'échelle de manière optimale vos pages Web dans Safari .

Filaires Outils
Photos

applications filaires tiers tels que FlairBuilder ou Axure RP , ou des modèles filaires pour les logiciels couramment utilisés, tels que PhotoShop ou OmniGraffle , peuvent vous aider à concevoir votre application plus rapidement . Plusieurs forfaits de wireframing tiers proposent de glisser- déposer des éléments d'interface utilisateur standard et d'autres fonctionnalités qui vous aident également à suivre les recommandations de design d'Apple .
Pratiques

Apple recommande conception iPhone apps en utilisant des points plutôt que de pixels pour les mesures , pour plus cohérentes dimensions des éléments de l'interface utilisateur à travers les modèles . Par exemple , la taille minimale recommandée confortable pour un élément de l'interface utilisateur à une action est de 44 par 44 points , se traduisant par 44 pixels carrés sur l' écran de l'iPhone original et 88 pixels carrés sur l'écran Retina . D'Apple suggère également que vous pouvez concevoir votre application pour les deux orientations d'écran , votre application devrait commencer en orientation portrait , car l'écran d'accueil de l'iPhone n'apparaît que dans cette orientation . Vous pouvez trouver davantage de conseils de conception à developer.apple.com .