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.

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:

iPhone 4, 3Gs, Ipod Touch: risoluzione e dimensione dello schermo.

Con questo articolo  mostiamo la differenza di risoluzione dei diversi modelli di Iphone a seguito del lancio del rivoluzionario display Retina sia per iPhone 4 che per l'ultima generazione degli iPod Touch.

La dimesione del Retina display non differisce da quello presente sui dispositivi iPhone 3GS che sonorimaste immutate a 3,5 pollici di diagonale.

Creare presentazioni e Prototipi iPhone , iPad e Android

Prototipo interattivo creato con keynotopia

Vi segnalo un'interessante pacchetto che vi permette di creare Prototipi Interattivi per iPhone, iPad, Android e Web in meno di 30 minuti, il tutto utilizzando  Apple Keynote unitamente ai templates Keynotopia per l' user interface. Click here to visit Keynotopia.

I pacchetti contengono  piu' di  250 componenti per l'user interface (interfaccia utente), fatti a mano in  Apple Keynote. Con Keynote e Keynotopia potete facilmente creare dei files Pdf interattivi che poi istallati sul device vi permetteranno di fare presentazioni funzionali direttamente con il dispositivo.
Clicca qui per visitare Keynotopia.

Le dimensioni delle ICONE per iOS (iPhone, iPad, osX)

Prendendo spundo dall'articolo dal sito Neven Mrgan’s Tumbl :

Immaginiamo di voler disegnare un'icona per un'applicazione IOS. L'applicazione è universale, così dovrebbe funzionare su tutti gli iPhone (e iPod Touch), e su iPad.

I designer sono abituati a progettare icone in varie dimensioni.