(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