(androidUI设计)UI设计稿到IU界面过程总结 - 狗尾草-大数据挖掘基

时间:2024-03-07 21:08:43

(androidUI设计)UI设计稿到IU界面过程总结

 在android开发过程中,美工设计原图,并按照界面的分辨率进行切图的方式已经行不通,主要矛盾是android 多套设备尺寸的支持。

     对于新的要求,美工往往对开发人员需要的自适应图片,和尺寸,字体大小比较迷茫。

下面是集合了当前,本人的几次项目经验,和美工沟通的总结

 

1 设计原型风格

和网站设计一样,android开发时也要确定一下原型风格,对于原型风格包含title,背景,工具条等,常用的控件样式,字体种类,样式等

        

2 原图定稿后的切图

 原图切图按照9.png技术进行分割,如对9.png不熟悉,请查网收缩

 

3 确定界面控件长度

  界面长度,android 建议使用dp

 dp 是一个抽象单位,android 把屏幕宽度统一设定为320dp。这样只要是长度单位用dp时,相对于屏幕的比例是一致的

 dp 和px 的转化关系

屏幕实际分辨率为240px*400px时,density=120
屏幕实际分辨率为320px*533px,density=160
屏幕实际分辨率为480px*800px,density=240

 

转化公式:Px = dips * (density / 160)

 

如: 320*480 时,1px=1dp

 

4 确定字体大小

在android 中字体建议使用sp,对于sp来讲,和dp的性质一样,

目前还没有关于sp和px 的转化公式,我们处理的方式 按照320*480中的字体px值 直接等值转化成sp