Per costruire applicazione iPhone le misure contano

Sviluppare applicazioni iPhone e iPad e’ un processo abbastanza difficile. Bisogna conoscere le librerie di programmazione e i temi comuni delle interfacce utente. Tutto questo studio ci porterebbe via mesi di lavoro per costruire la nostra prima applicazione. Il nostro tempo e’ denaro, ma da qualche parte bisogna iniziare! In questo articolo ho raccolto le informazioni principali per costruire il giusto layout per iPad e iPhone.

SPECIFICHE PER LE ICONE

Iniziamo subito a conoscere le dimensioni esatte per le icone iOS. Nel vecchio iPhone 3G/3GS la risoluzione dello schermo era limitata a 320x480px, negli iPhones 4/4S siamo passati ad una risoluzione di 640x960px; concetto da sapere subito se mettiamo mano ad una progettazione di un’app. Detto questo, possiamo passare alle dimensioni delle icone. In origine bastava progettare 3 icone con diverse dimensioni, ed erano:

1. 512x512px icona per Apple Store
2. 57x57px per l’icona sulla schermata principale dell’app
3. 29x29px per i risultati di ricerca su Apple Store

Adesso che i dispositivi sono cambiati ecco le giuste dimensioni:

Apple Store

• 512×512 px

Schermata Home Icona:

• 114×114 px su iPhone 4/4S
• 57×57 px iPhone3G/3GS/iPod Touch
• 72×72 px iPad

Icone per i risultati di ricerca:

• 58×58 px iPhone 4/4S
• 57×57 px iPhone 3G/3GS/iPod Touch
• 72×72 px iPad

Questi sono tutti i formati delle icone da utilizzare per la creazione di un’applicazione iPhone, iPad e iPod.

BARRA DI NAVIGAZIONE

Altro elemento da considerare per la costruzione di un’applicazione per piattaforme Apple e’ la barra di navigazione superiore o inferiore. Qui segnalo le dimensioni delle barre da tenere in considerazione:

• Barra di stato superiore: 20pti di altezza
• Barra di navigazione superiore: 44pti di altezza
• Barra di tabulazione inferiore: 49pti di altezza
• Barra tab con icone: 30×30 pti

Ed anche delle barre sappiamo le dimensioni.

Queste sono solo delle linee guida per sviluppare un’applicazione per iPad, iPhone e iPod e sono le dimensioni da sapere per costruire un layout grafico degno di queste piattaforme.

Alla prossima!