Android应用的UI设计图要做多大分辨率?设计图在开发过程中具体是怎样被使用的?设计图中px如何换算成官方的dp来作规范的设计(比如我ps中用720px*1280px作设计图,怎么确定这个规范的48dp)?

2013-09-02 17:31:55 +08:00
 cssnote
12383 次点击
所在节点    设计
5 条回复
vileer
2013-09-02 19:44:07 +08:00
dp转px是看屏幕密度的,mdpi比率大约1就是说48dp=48px(这里说大约是因为mdpi,hdpi,xhdpi指的都是一个范围),hdpi=1.5 48dp=72px,xhdpi=2 48dp=96px,720px*1280px如果是手机的话有可能是hpi或者xhdpi具体要看手机的屏幕大小,例如在5寸手机和4寸手机上是不一样的。譬如我的nexus4 768*1280 4.5寸就属于xhdpi。
如果你是按照720px*1280px xhdpi来设计,那么切图要放在xhdpi的文件夹,当app运行在非xhpid的手机上时android会自己帮你换算到其他的dpi。切图最好切9patch图,省空间。
tonyzzp
2013-09-03 09:46:23 +08:00
@vileer 楼主说的不错。另外,个人认为做android界面设计的不能把屏幕摆太满,有些东西是没办法做到太精确的。做的太精确在设计图上看起来很好,真手机上一跑就不是那么回事。
holmesabc
2013-09-03 10:19:39 +08:00
简单点的,基本满足95%的情况。你的设计图是800*480(hdpi),那么代码里面的dp就用设计图的px / 1.5。如果是1280*720的(xhdpi),dp就是 px / 2.
一般的背景图放在相应dpi的文件夹,可以由系统正常缩放。
但一些ICON可能由系统缩放的话,空间的填充就很不协调了,这个时候还是对相应的dpi切不同尺寸的图吧。
vileer
2013-09-03 13:32:13 +08:00
@tonyzzp 我是沙发,另外对于“做的太精确在设计图上看起来很好,真手机上一跑就不是那么回事。”强烈推荐skala,至今再手机上预览ps内的设计图
@holmesabc +1
garipan
2013-09-03 14:18:36 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.fyfyfm.apispeedy.workers.dev/t/81074

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX