基本上,我喜欢乔纳森·李先生(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/