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



基本上,我喜欢乔纳森·李先生(Jonathan Lee)在Google官方链接中用于导航抽屉标题的背景http://www.google.com/design/design/spec/patterns/patterns/navigation--drawer.html#navigation-draker-content

所以我想复制受到启发的类似内容。我相信我需要在Photoshop中进行类似的设计并将其设置为背景图像。但是问题是,尺寸和像素应该是什么,以便它匹配不同的设备?

上面的链接具有图标和边距的指南,但是我没有看到该背景的任何维度。

有人有任何想法或链接可以帮助吗?

解开apk,这就是我发现的 -

mdpi-    宽度= 384像素    高度= 216像素h    宽度= 576像素    高度= 324像素xhdpi-    宽度= 768像素    高度= 432像素xxhdpi-    宽度= 1152像素    高度= 648像素

图像源= Google的报摊应用程序,工具= Adobe Photoshop 7.0

宽度为:

手机:

宽度=屏幕宽度 - 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

我建议使用Adobe Illustrator,因为它与UI设计效果很好。大多数移动设备/平板电脑的宽度范围从320px到1080px,并且随着新手机/平板电脑的发布而仍在增加。可扩展的向量图形在原型UI布局中效果很好。

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

相关内容

  • 没有找到相关文章

最新更新