Dimensioni dei wireframe schermo iPhone

Progettare interfacce utente per l'iPhone o iPod Touch è simile alla progettazione di interfacce per i sistemi operativi Mac o Windows , compreso l'uso di wireframe per creare l'interfaccia utente (UI) prototipi di design . Comprendere le dimensioni e proporzioni utilizzate sullo schermo di iPhone e le sue applicazioni consente di creare wireframe più precise . Dimensioni dello schermo

L'iPhone originale ha lanciato con un 3,5 pollici , schermo 480 - by- 320- pixel con una risoluzione di 163 pixel per pollice ( PPI ) . La dimensione fisica dello schermo di iPhone non è cambiata attraverso l'iPhone 4S , ma con l'introduzione del Retina Display , iPhone 4 e 4S schermi dispongono di uno schermo di 326 PPI che è 960 per 640 pixel . In entrambi i modelli , le dimensioni dello schermo sono 2,94 di 1,96 pollici , per un rapporto di 1,5 a 1. L'iPod Touch utilizza lo stesso schermo del iPhone originale attraverso la sua terza generazione , l'aggiornamento al Retina Display per la sua quarta generazione .
IPhone Wireframes

Se avete intenzione di creazione di modelli wireframe , è necessario utilizzare il rapporto di 1,5 a 1 e progettare gli elementi dell'interfaccia utente alla dimensione relativa appropriata . Se stai progettando un sito web compatibile con iPhone o web app, gli elementi dell'interfaccia utente del browser Safari possono ridurre le dimensioni dello schermo utilizzabili . Apple fa offrire una API per nascondere l'interfaccia utente di Safari e lasciare una web app utilizza l'intero schermo , ed è possibile configurare le impostazioni del riquadro di scalare in modo ottimale le pagine Web in Safari .

Ossatura Strumenti

applicazioni di terze parti wireframe come FlairBuilder o Axure RP , o modelli wireframe per il software comunemente usato come PhotoShop o OmniGraffle , possono aiutare a progettare la vostra applicazione in modo più rapido . Molti pacchetti wireframing di terze parti offrono drag and drop elementi dell'interfaccia utente standard e altre funzioni, che consentono anche di seguire le raccomandazioni di progettazione di Apple .
Best Practices

Apple raccomanda di progettazione il vostro iPhone apps utilizzando i punti anziché pixel per le misure , per più consistenti dimensioni degli elementi dell'interfaccia utente attraverso modelli . Ad esempio , la dimensione minima comodo consigliata per un elemento dell'interfaccia utente perseguibile è 44 per 44 punti , traducendo a 44 pixel quadrato sullo schermo di iPhone originale e 88 pixel quadrato sul display Retina . Apple ha inoltre suggerisce che mentre si può progettare la vostra applicazione per entrambi gli orientamenti dello schermo , l'app dovrebbe iniziare con orientamento verticale perché schermata principale di iPhone appare solo in questo orientamento. Potete trovare maggiori indicazioni di design a developer.apple.com .