首页 > 代码库 > Android切图注意事项

Android切图注意事项

Android切图注意事项

1.    切图需要两套分辨率的图:480*800720*1280。分被放在不同的文件夹中,同一张图片,在两个文件夹中的名字要一致。

2.    如遇到可拉伸可平铺的图片,使用9Patch进行制作,产生xxx.9.png图片即可,优点:灵活度大,可复用,程序包大小减少,增加程序运行效率。(比如Button的背景)

3.    出图建议顺序:以每一个页面作为单位进行出图,可以方便程序开发工作。

(有重复页面,重复图,不再切?)重复不再切

4.    按钮:对于按钮Button需要给以下状态的图:Focus聚焦状态(一般是轨迹球选中)(命名规则:btn_xxx_focused.9.png)UnFocus一般状态(命名规则:btn_xxx_normal.9.png)Click点击状态(点击时状态)(命名规则:btn_xxx_pressed.9.png)。一般情况下,Focus图片和Click是一样的。5.    列表:对于列表项ListItem需要给以下状态的背景图:Focus聚焦状态(一般是轨迹球选中),UnFocus一般状态,Click点击状态(点击时状态)。

6.    Menu:对于所有Menu键点击的弹出的菜单,需要给图标图片。

(也是3种尺寸?)两种即可

7.  切图时考虑顶部通知栏,480*800的顶部通知栏按30px考虑,720*128050px考虑

8.    标注:需要给所有元素的宽,高,相互边距(左,右,上,下)像素,文字颜色值。

AndroidApp切图示例:

在做android版本设计的时候,尺寸有很多种,这时我们要以一种尺寸为基准,那这个基准尺寸是480px*800px,设计图完成之后就开始切图了,我拿我之前设计的一张图为例子讲解下:

 

 

  当看到上边这张设计图的时候,我们首先分析下应该给技术切哪些图(为了避免以后少改动,建议切图之前最好和技术先沟通下,怎么切);

 

1、底部栏目的icon和背景:

 

 

  这个一般有2种切法:(有默认和选中之后的效果)

 

 

2、顶部栏目的背景切图:

 

 

  由于顶部导航栏的是渐变样式,所以切图只需要切一小条,技术来平铺拉伸就可以——PS:如果是花纹背景,就必须切整条了,因为花纹切一小条就会被拉伸了——

 

3、标注文字大小和行间距:(以这张图为例子,我标注好了,请看下图)

 

 

源文档下载

Android切图注意事项