Tutorial: Consigli e trucchi Apple per la progettazione di icone e immagini per iOS iPhone / Ipad

Le icone e le immagini sono una parte fondamentale l'esperienza degli utenti iOS.
Lungi dall'essere un'elemento puramente decorativo, le icone e le immagini nelle nostre App svolgono un ruolo essenziale nel comunicare con gli utenti.
Per ottenere i migliori risultati, possiamo arruolare un grafico professionista. Un progettista ed esperto grafico può aiutare a sviluppare uno stile visivo integrato per la vostra applicazione e applicare tale stile a tutte le icone e le immagini del caso.

Cosa serve per supportare multiple orientations nelle nostre apps iPhone e iPad ?

Ci sono tre cose che è necessario implementare per il supporto automatico dell' orientamento nelle vostre applicazioni iPhone e  iPad:

1) fornire immagini di lancio
2) aggiornare le impostazioni Info.plist,
3) attuare il metodo shouldAutorotateToInterfaceOrientation.
IMPORTANTE: Si raccomanda vivamente che l'applicazione supporti tutti gli orientamenti. Questo include portrait, portrait a testa in giù, sinistra e destra landscape. L' iPad che richiede un orientamento deve supportare entrambe le varianti di tale orientamento.

MockApp: un tool per il design di app per iPhone

L'applicazione per Mac Osx Mockapp

Un “Mock up” é un prototipo non funzionante di un prodotto in fase di sviluppo, serve a definirne il design e normalmente lo utilizziamo per far approvare  al cliente il prodotto prima di iniziare la fase di sviluppo.

MockApp è invece un software gratuito scaricabile da questo sito dove è posibile ottenere una raccolta di file e immagini che vi permetterà di realizzare una presentazione in Powerpoint o Keynote ed esportare la presentazione direttamente in formato Pdf.
Nell'articolo alcuni video presenti su Youtube che ne mostrano l'utilizzo...

Icone e splash per Applicazioni iPhone, iPhone4 e iPad

Quando disegno un'applicazione per iPhone e iPad, uno degli aspetti piu' importanti per un App graphic designer è quello di disegnare icone, loghi, immagini di sfondo e di lancio (splash).
Rilevo, sopratutto confrontandomi con sviluppatori e creativi che c'e' una grande confusione tra iPhone 3G, iPhone 3GS, iPod Touch 3, iPod Touch 4, iPhone 4 e iPad.
Esistono quindi delle differenze tra le dimensioni e il tipo di immagini che dobbiamo creare per un'applicazione o un progetto che possa essere ottimizzato per tutti i dispositivi sopra citati.

Disegnare per iPhone 4 Retina Display

Leggendo un'interessantissimo articolo di Marc Edwards su Smashing Magazine ho deciso di citarne e tradurne le parti piu' significative dato che spesso mi trovo a dover parlare con i clienti della effettiva necessità di progettare le proprie app tenendo conto che le tecnologie audiovisive sono in costante evoluzione.
L'iPhone 4 dispone di una risoluzione di gran lunga superiore (614.400 pixel) rispetto ai modelli iPhone precedenti e ha di fatto un display quadruplicato di 153.600-pixel  anche se lo schermo ha le stesse dimensioni fisiche, così quei punti in più sono utili per ulteriori dettagli - due volte il dettaglio in orizzontale, e due volte in verticale.

Costruire apps per iPhone 4 Retina display: Tecniche

Questa secondo articolo dedicato alla progettazione del layout per il retina display proviene sempre dalla lettura e traduzione dell'interessante articolo articolo di Marc Edwards su su Smashing Magazine.

Costruire progetti scalabili

Costruire applicazioni per l'iPhone 4 display Retina prevede la creazione di due serie di immagini, un a 163 ppi e un altr a 326 ppi. Le immagini A 326  ppi dovra' includere @ 2x alla fine del nome del file, per indicare che essi, sono al doppio della risoluzione.

Disegnare per Iphone4 Retina Display

Steve Jobs durante il Keynote ha presentato il  display dei nuovi dispositivi Apple.
L'iPhone 4 utilizza il Retina display, ovvero uno schermo che ha come caratteristica quella di aver diviso il pixel in 4, questo  significa che  per ogni pixel presente sul 3GS o sul 3G ora ne avremo 4.  Quindi l'iPhone 4, come anche il nuovo Ipod Touch (4a generazione) ha una densità di pixel maggiori rispetto a quelli dei modelli precedenti che hanno sempre avuto lo schermo da 3,5 pollici e 320x480 pixel.

Il nuovo telefono cellulare iPhone 4 raddoppia la risoluzione di 640x960 pixel.

Improvvisamente tutti i progettisto hanno dovuto pensare a 3 display diversi: