Creazione di base PSD per progettare l'interfaccia utente di app Android per dispositivo mdpi, 320/480px

Question

Sto iniziando il mio primo progetto di progettazione di telefoni Android. Ho un po 'di esperienza con l'iPhone, il design per iPad, ma Android è completamente diverso, non sono nemmeno sicuro di come dovrei creare il mio modello base.

Ecco le informazioni sul dispositivo che sto per progettare. l'app che funzionerà solo su questo dispositivo, senza necessità di compatibilità con più schermi.

• MDPI
• 256K colori
• 3.5"
• ~ densità di 165ppi pixel
• 320px/480px

Così, si crea il file di Photoshop per 320px/480px, 72px risoluzione, rgb?

Apprezzare aiuta !!!

Answer 1

Google ha fatto un intero sito dedicato per le vostre esigenze: http://developer.android.com/design/index.html

Nel tuo caso, le impostazioni del PSD dovrebbe essere messa a punto in questo modo:

NOTA/EDIT: Avviso DPI è impostato sul valore predefinito di 72. Questo perché DPI è meta dati per le stampanti. Quando si leggono DPI nelle specifiche del telefono, stanno parlando della rappresentazione fisica di quanto distanti lo schermo LCD è imballato insieme. La risoluzione dell'immagine (320x640) è l'unica cosa di cui ti devi preoccupare.

Answer 2

Hai guardato il sito Android Design? È progettato specificamente per ... ben designer.

Guarda la devices display section e anche la pagina supporting multiple screens per avere un'idea di quali sono le categorie generali di dimensioni dello schermo e quali sono le dimensioni e l'intervallo accettabili per queste.

Android in generale utilizza DIP (Visualizza pixel indipendente) in modo che i pixel effettivi per pollice dipendano dallo schermo per il quale si sta creando un'opera d'arte. Devi progettare schermi xlarge, grandi, medi e piccoli con densità diverse. Un consiglio generale è di iniziare con schermi a media densità e quindi è possibile aumentare la densità e ridurla nel disegno se necessario. Il link qui sopra fornisce le dimensioni generali di dp di ciascuna dimensione dello schermo e intervalli di densità di diversi tipi di schermi. Ci dovrebbero anche essere alcune informazioni sulla conversione di dp in pixel.

Mentre Google si acciglia su ciò che stai chiedendo (progettando per 1 dispositivo in particolare), hai detto il dispositivo come 166ppi in modo da poter usare solo 165 pixel/pollice nelle impostazioni e impostare l'altezza e la larghezza del PSD a seconda di la dimensione del tuo schermo (qualunque sia la larghezza e l'altezza in pollici).

Questo Smashing Magazine article on designing for android dovrebbe davvero aiutare. È vecchio ma pertinente.

Answer 3

Android è molto diverso. Se impari come usare le proprietà offerte da Android nel modo giusto con cui lavora grandi.

Citazione di developer.android.com

Ogni dimensione dello schermo offre diverse possibilità e sfide per interazione con l'utente, così al fine di soddisfare veramente e impressionare i vostri utenti, l'applicazione deve andare oltre la semplice supportare schermi multipli: deve ottimizzare l'esperienza dell'utente per ogni configurazione dello schermo.

ci sono alcuni strumenti si dovrebbe arrivare a sapere come bene come 'draw9patch'

La cosa migliore da andare fuori di è semplicemente creare un layout in Photoshop solo per ottenere il layout in giù. Non importa davvero quale sia la dimensione esatta finché si ha una forma rettangolare. Crea il tuo layout e poi inizia a farlo in Android.

Molti ottimi tutorial online, ma come ho detto prima. Crea il tuo layout, quindi inizia a personalizzarlo per Android usando draw9patch

Answer 4

Perché hai detto che lo schermo era ~ 165ppi, ppi = pixel per pollice. Inoltre, i documenti Android descrivono 160dp come dimensione generalmente accettata per MDPI. - Ali 7 febbraio alle 22:22

quindi perché nei campioni di google (es: IDEName \ AndroidSDK \ Samples \ android-8 \ NotePad \ res \ disegnabili-hdpi), se l'immagine aperta (es: app_notes .png) in Photoshop e premere ctrl + alt + i, per vedere la risoluzione, i suoi 72 dpi! ma Ali dice MDPI = 160 dpi, HDPI = 240, ...

quindi deve essere 240 dpi, non 72 dpi.

Answer 5

Il requisito di bitmap è simile alla preparazione della grafica per la stampa rispetto al Web. Se hai esperienza con la produzione di stampa, saprai che l'immagine 72 PPI apparirà molto sfocata e sfocata se ingrandita e stampata. Invece, è necessario ripetere l'immagine come immagine vettoriale o utilizzare una foto ad alta risoluzione e quindi impostare la risoluzione del file intorno a 300 PPI per stamparla senza alcuna perdita di qualità dell'immagine. La densità dello schermo per Android funziona in modo simile, tranne che non stiamo cambiando la risoluzione del file, ma solo la dimensione dell'immagine (ad esempio lo standard 72 PPI va bene).

Android Smartphones And Display Sizes