导航抽屉标题的背景图像尺寸

Question

基本上我喜欢Jonathan Lee先生在谷歌官方链接http://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-content

中使用导航抽屉头部背景所使用的背景

所以我想要重现类似的东西。我相信我需要在photoshop中制作类似的设计并将其设置为背景图像。但问题是，尺寸和像素应该是多少，以便匹配不同类型的设备？

以上链接包含图标和边距的指南，但我没有看到针对该背景提及的任何尺寸。

有人有任何想法或链接可以提供帮助吗？

Answer 1

解压APK，这就是我发现的 -

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

图片来源= Google的报亭应用，工具= Adob​​e photoshop 7.0

Answer 2

宽度为：

  

移动：

     

宽度=屏幕宽度 - 56 dp

     

最大宽度：320dp

     

最大宽度仅适用于左侧使用侧面导航的情况。使用右侧面板时，面板可以覆盖整个屏幕宽度。

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

高度取决于所需图像的宽高比：

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

可能是16：9

Answer 3

我建议使用adobe illustrator，因为它适用于ui设计。大多数移动设备/平板电脑的宽度范围从320px到1080px，并且随着新手机/平板电脑的发布而不断增加。可缩放矢量图形适用于原型ui布局。

结帐：http://www.uxbooth.com/articles/considerations-for-mobile-design-part-2-dimensions/