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.

Design iOS7 guida trucchi di progettazione

Apple ha sviluppato un sistema a griglia (golden ratio grid system) che può essere utilizzato per dimensionare e allineare gli elementi sulla vostra icona. Leggendo vari articoli sembra che questo modello di griglia sia stato molto criticato dalla comunità dei designers, e sembra che i progettisti (anche quelli di Apple) non stiano seguendo alla lettera il sistema di griglia.

Design iOS7 , come cambiano le icone Apple rispetto a iOS6

Dopo aver visto la presentazione iOS 7  di Apple si sa che ora le icone della schermata home (c.d. springboard) camieranno leggermente.
Molte delle nuove icone sono state progettate principalmente dai membri del reparto marketing e comunicazione di Apple, non dal il team di sviluppo di app. Jony Ive (ora a capo di Human Interaction di Apple) ha guidato personalmente il team di progettazione per impostare l'aspetto e la tavolozza dei colori delle icone delle cosidette stock app .

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!".

iOS: Tecniche per non appesantire le App; sviluppare per iPad 3

Con il rilascio della prossima generazione dell' iPad (iPad 3)  si aprirà una nuova stagione per la progettazione grafica ad altissima risoluzione.Le nuove App dedicate ad iPad , sopratutto quelle universali , dovranno valorizzare il nuovo Retina display, che raggiunge l'incredibile risoluzione  di 2048x1536 pixel.
La distribuzione di massa di un iPad con uno schermo così dettagliato e di risoluzione grafica così elevata rappresenta una sfida per tutti gli sviluppatori che vogliono mantenere i loro App Bundle al di sotto del limite di 20 MB.

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.

Suggerimenti per la creazione di Icone e Artworks per il Retina Display

Il display Retina permette di visualizzare versioni ad alta risoluzione della vostra grafica. Se ci si limita a scalare la grafica esistente si perde l'opportunità di fornirne immagini accattivanti che gli utenti si aspettano. Si dovrebbe quindi rielaborare le risorse esistenti per creare l'immagine di grandi dimensioni, versioni in qualità superiore che sono: