Dimensione dei frame dello schermo per iPhone

Dimensioni dello schermo

L'iPhone originale è stato lanciato con uno schermo da 3, 5 pollici (8, 89 centimetri), 480x320 pixel e una risoluzione di 163 pixel per pollice (ppi). Le dimensioni fisiche dello schermo di un iPhone non sono cambiate fino al 4S, ma con l'introduzione dello schermo Retina, gli schermi di iPhone 4 e 4S hanno una risoluzione di 326 ppi e le loro dimensioni sono 960x640 pixel. In entrambi i modelli, le dimensioni dello schermo sono 2.94 x 1.96 pollici (7, 47 x 4, 98 centimetri) per un raggio da 1, 5 a 1. L'iPod Touch utilizza lo stesso schermo dell'iPhone originale fino alla terza generazione, Il display Retina è stato presentato fino alla quarta generazione.

Cornici per iPhone

Se stai pensando di creare i tuoi progetti di frame, dovresti utilizzare il raggio di 1, 5 a 1 per progettare gli elementi dell'interfaccia utente con le dimensioni relative appropriate. Se stai progettando un sito Web o un'applicazione compatibile con iPhone, gli elementi dell'interfaccia utente utilizzati per il browser Safari potrebbero ridurre le dimensioni utilizzabili dello schermo. Apple offre un'API che nasconde l'interfaccia utente di Safari e consente all'applicazione Web di funzionare a schermo intero, così puoi configurare le impostazioni di visualizzazione per una scala ottimale per i tuoi siti web in Safari.

Strumenti per la cornice

Le applicazioni per framework di terze parti come FlairBuilder o Axure RP, o qualche altro programma comunemente usato per creare progetti, come PhotoShop o OmniGraffle, possono aiutarti a progettare la tua applicazione più rapidamente. Molti prodotti di design di terze parti offrono elementi standard nelle interfacce che devi solo trascinare e rilasciare, nonché altre funzionalità che ti aiuteranno a seguire i consigli di progettazione di Apple.

Le migliori tecniche

Apple consiglia di progettare la tua applicazione per iPhone utilizzando puntini anziché pixel per le misurazioni per una quotatura più coerente degli elementi per l'interfaccia utente in diversi modelli. Ad esempio, la dimensione minima consigliata per un elemento dell'interfaccia utente è 44x44 punti, che diventa 44 pixel sullo schermo originale di iPhone e 88 pixel sul display Retina. Apple suggerisce anche di progettare l'interfaccia utente per entrambi gli orientamenti dello schermo, l'applicazione dovrebbe essere orientata come un ritratto perché la schermata iniziale dell'iPhone è disponibile solo con quell'orientamento. Puoi trovare altre guide alla progettazione su developer.apple.com