Priorità bassa dimensione per la navigazione cassetto intestazione

Question

Fondamentalmente mi piaceva lo sfondo utilizzato da Sig Jonathan Lee per la navigazione cassetto intestazione back ground in link ufficiale google http://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-content

Così ho voluto riprodurre qualcosa di simile ispirato a quello. Credo che sia necessario creare un disegno simile in Photoshop e impostarlo come immagine di sfondo. Ma la domanda è, quali dovrebbero essere le dimensioni e i pixel in modo che corrisponda a diversi tipi di dispositivi?

Il collegamento precedente ha linee guida per icone e margini, ma non ho visto alcuna dimensione menzionata per questo background.

Qualcuno ha qualche idea o collegamento che può aiutare?

Answer 1

larghezza è:

Cellulare:

larghezza width = schermo - 56 dp

Larghezza massima: 320dp

Larghezza massima si applica solo quando si utilizza un navigatore laterale sulla sinistra. Quando si utilizza un pannello sulla destra, il pannello può coprire l'intera larghezza dello schermo.

http://www.google.com/design/spec/layout/structure.html#structure-side-nav

altezza è determinata dal rapporto di aspetto dell'immagine che si desidera:

http://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-ratio-keylines

Probabilmente 16: 9

Answer 2

Si consiglia di utilizzare Adobe Illustrator come funziona perfettamente con il design dell'interfaccia utente. La maggior parte dei dispositivi mobili/tablet ha una larghezza che va da 320 px a 1080px e continua ad aumentare man mano che vengono rilasciati nuovi telefoni/tablet. La grafica vettoriale scalabile funziona alla grande con la prototipazione dei layout dell'interfaccia utente.

check-out: http://www.uxbooth.com/articles/considerations-for-mobile-design-part-2-dimensions/

Answer 3

Unzipped un APK e questo è quello che ho scoperto-

 
mdpi- 
    width=384 pixels 
    height=216 pixels 
hdpi- 
    width=576 pixels 
    height=324 pixels 
xhdpi- 
    width=768 pixels 
    height=432 pixels 
xxhdpi- 
    width=1152 pixels 
    height=648 pixels 

Sorgente immagine = Edicola applicazione di Google, utensile = Adobe Photoshop 7.0