Spesso ci capita di dover aggiornare le nostre applicazioni con le immagini ad alta risoluzione necessarie per il nuovo iPad (iPad 3 o iPad 4). Fortunatamente il nuovissimo iPad Mini ha mantenuto la stessa risoluzione del primo degli iPad che è di 1024 x 768 pixels.
Poichè non è sempre semplice trovare i documenti ufficali di Apple , in questo articolo ho nuovamente raccolto tutte le informazioni di cui abbiamo bisogno per aggiornare le icone, le immagini di intro o splash, e così via.
Innanzi tutto partiamo da questa utile tabella:
| Device/Screen | File Name (PNG) | Icon Size (pixels) |
| iPhone and iPod | ||
| Application Icon for iPhone (retina display) | Icon@2x.png | 114 x 114 |
| Application Icon icon for iPhone | Icon.png | 57 x 57 |
| Settings/Spotlight icon for iPhone (retina display) | Icon-Small@2x.png | 58 x 58 |
| Settings/Spotlight icon for iPhone | Icon-Small.png | 29 x 29 |
| Launch image Portrait (retina display) | Default@2x.png | 640 x 960 |
| Launch image Portrait | Default.png | 320 x 480 |
| iPhone 5 |
||
| Launch image for iPhone 5 Portrait (retina display) | Default-568h@2x.png | 640 x 1136 |
| iPad | ||
| Application Icon for the new iPad (retina display) | Icon-72@2x.png | 144 x 144 |
| Application Icon for the iPad | Icon-72.png | 72 x 72 |
| Settings/Spotlight icon for iPad | Icon-Small-50@2x.png | 100 x 100 |
| Settings/Spotlight icon for iPad | Icon-Small-50.png | 50 x 50 |
| Launch image Portrait (retina display) | Default-Portrait@2x.png | 1536 x 2008 |
| Launch image Portrait | Default-Portrait.png | 768 x 1004 |
| Launch image Landscape (retina display) | Default-Landscape@2x.png | 2048 x 1496 |
| Launch image Landscape | Default-Landscape.png | 1024 x 748 |
| iTunes App Store | ||
| App icon for the App Store (retina display) | iTunesArtwork@2x.png | 1024 x 1024 |
| App icon for the App Store | iTunesArtwork.png | 512 x 512 |
Ricordiamo che con il passaggio da iOS 5 a iOS 6 è nato il nuovo iPhone 5, insieme con l’iPod touch di 5 ° generazione.
Questi nuovi dispositivi Apple hanno solo un grande cambiamento che aggravia il lavoro di sviluppo delle App: la risoluzione dello schermo.
Questi dispositivi hanno un ampio schermo 4″ , WDVGA (Wide VGA doppia) 640 × 1136 pixels, 326 DPI-Retina display.
Questi dispositivi hanno la stessa larghezza 4/4S iPhone ma più 176 pixel di altezza in modalità Portrait.
App Icon Template
Segnalo nuovamente, come ho gia fatto in un’altro articolo, questo utilissimo tool scaricabile direttamente dal sito “appicontemplate.com” .
Scaricando il file otterrete un modello PSD del’ icona dell’App che, attraverso oggetti avanzati in Photoshop, vi permette di automatizzare il processo di esportazione delle varie dimensioni del file icon.png che devono essere necessariamente incluse nel bundle di ogni iOS App.
Attraverso questo modello Photoshop potremo modificare solo l’icona di dimensione più grande e verrà automaticamente eseguito il rendering che permetterà di avere le icone di dimensioni minori attraverso un veloce flusso di lavoro.
Questo modello è stato creato dal designer danese Michael Flarup.
Come si usa (How to) App Icon Template ?
Il modello funziona con Photoshop CS2 o versioni successive.
Basta aprire il file PSD con la vostra versione di Photoshop e fare “clic destro” sul LAYER (Livello) chiamato “EDIT THIS SMART OBJECT” (MODIFICARE QUESTO OGGETTO SMART) e premere su ’Edit Contents’ (“Modifica contenuto”).
Verrà aperto il file Icon.psb e potrete creare il vostro Artwork in questo canvas (quadro).
Dopo aver salvato il Icon.psb, dovrebbe essere automaticamente eseguito il rendering per le diverse dimensioni del file PSD principale .
E’ possibile utilizzere le Actions (azioni automatizzate) di Photoshop che sono in bundle con la risorsa per esportare i file dell’icona nelle versioni squared and rounded corner (squadrate e arrotondate).
Buon Design!
English

































