Disegnare per il Retina Display, come ottimizzare e progettare un sito web per Immagini @2x

Il Retina Display  è un marchio usato da Apple per quei display a cristalli liquidi che hanno un'alta densità di pixel alta tanto che l'occhio umano non è in grado di notare scalettature se posto a una normale distanza di visione. Il termine è usato per diversi prodotti Apple , tra cui l' iPhone , iPod Touch , iPad, MacBook Pro , iPad Mini e iPad Air . Dal novembre 2012 il termine " Retina " è stato approvato dalla US Patent and Trademark office ed e' cosi' diventato un marchio registrato da Apple.

iOS Dimensione e denominazione icone (Icon Sizes and Names) di iPhone e del new iPad

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 1024x768 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 intro, e così via.

Android & iOS Smartphones Risluzione e Dimesione dello schermo (Device Screen Resolutions and Sizes)

Considerando il dispositivo in orientamento verticale (Portrait), definiamo  l'asse X come  la larghezza in pixel e l'asse Y come lunghezza o l'altezza in pixel . Ovviamente si consideri che il dispositivo viene anche tenuto in orientamento orizzontale (Landscape) dato che anche Android ha il supporto per entrambi gli orientamenti.
Si potrà notare che il numero totale di pixel di uno schermo corrisponde al numero dell'asse X moltiplicato per il numero in Y. Maggiore è il numero di pixel per ogni pollice (Dpi)  più nitida sarà la visualizzazione delle immagine (a condizione che tali immagini siano ad alta risoluzione).

Guida al Design di App per iOS (iPhone, iPod Touch & iPad)

Di norma gli sviluppatori non sono guru del Photoshop e del design in generale e certamente odiano rifare il proprio lavoro per venir incontro alle esigenze degli esperti.
Così abbiamo deciso di segnalarvi una guida infographic pensata per i progettisti che intendono fare App per  iOS  e aiutarli spedire file corretti per lo sviluppatore.

Principi di design in un prodotto e per un’app iOS e Android: iPhone, iPad, Android App Design

Quando si decide di progettare un'App è sempre necessario seguire i principi di base della progettazione industriale.
Molte persone  pensano di commissionare un'app, ma quando si trovano a dover descrivere l'applicazione e quindi come la loro idea possa essere tradotta nell'esperienza dall'utente e nell'interfacia grafica (User Experience & User Interface)   si trovano impreparati e si nascondono molto spesso dietro frasi del tipo "non saprei questo è un lavoro per tecnici, pensateci voi tecnici!".

Dimensione icone Android: L’icona di avvio o launcher icon

L'icona di avvio (launcher icon)  è un elemento grafico che rappresenta la nostra applicazione. Le icone di avvio vengono utilizzate per avviare le applicazioni e appaiono sulla schermata iniziale del del dispositivo utente.
Le icone di avvio possono essere utilizzate anche per rappresentare i collegamenti (shortcuts) nella vostra applicazione, ad esempio, un'icona di collegamento contatto  permette di aprire le informazioni di dettaglio per un contatto.

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.