Dimensión de imagen de fondo para la cabecera del cajón de navegación

Básicamente me gustó el fondo utilizado por el Sr. Jonathan Lee para el encabezado de gavetas de navegación de nuevo en el enlace oficial de google http://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-content

Así que quería reproducir algo similar inspirado por eso. Creo que necesito hacer un diseño similar en photoshop y fijarlo como la imagen de fondo. Pero la pregunta es, ¿cuáles deben ser las dimensiones y los píxeles para que coincida con diferentes tipos de dispositivos?

El enlace anterior tiene directrices para los iconos y los márgenes, pero no he visto ninguna de las dimensiones mencionadas para ese fondo.

¿Alguien tiene alguna idea o enlace que pueda ayudar?

El ancho es:

Móvil:

Ancho = Ancho de la pantalla – 56 dp

Anchura máxima: 320dp

El ancho máximo sólo se aplica cuando se utiliza un navegador lateral a la izquierda. Cuando se utiliza un panel a la derecha, el panel puede cubrir todo el ancho de la pantalla.

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

La altura está determinada por la relación de aspecto de la imagen que desea:

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

Probablemente 16: 9

Descomprimido un APK y esto es lo que he encontrado-

 Mdpi-
     Anchura = 384 píxeles
     Altura = 216 píxeles
 Hdpi-
     Anchura = 576 píxeles
     Altura = 324 píxeles
 Xhdpi-
     Anchura = 768 píxeles
     Altura = 432 píxeles
 Xxhdpi-
     Width = 1152 píxeles
     Altura = 648 píxeles

Fuente de la imagen = Aplicación Google Newsstand, Herramienta = Adobe Photoshop 7.0

Yo recomendaría el uso de Adobe Illustrator, ya que funciona muy bien con el diseño de ui. La mayoría de los dispositivos móviles / tabletas tienen una anchura que varía de 320px – hasta 1080px y sigue aumentando a medida que se liberan nuevos teléfonos / tabletas. Gráficos vectoriales escalables funciona muy bien con la creación de prototipos ui layouts.

Compruebe hacia fuera: http://www.uxbooth.com/articles/considerations-for-mobile-design-part-2-dimensions/

  • El color del elemento de menú NavigationView no cambia en API 15
  • El cajón de navegación en android no está en pantalla completa
  • Android.widget.RelativeLayout no se puede convertir en android.support.v7.widget.RecyclerView
  • Android: Cajón de navegación en múltiples actividades
  • ¿Cómo añado iconos a la plantilla de gavetas de navegación de Android Studio?
  • El cajón de navegación inhabilita la vista trasera cuando el cajón está abierto
  • ¿Cómo comprobar si el cajón de navegación está abierto?
  • Cambiar el ícono de la hamburguesa del cajón de navegación
  • Alternar el cajón de navegación 'abrir' en el botón / clic de imagen
  • Desenfocar el fondo del cajón de navegación
  • ¿Cómo agregar un título en el diseño del cajón de navegación?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.