首页 > 代码库 > Android切图注意事项
Android切图注意事项
Android切图注意事项
1. 切图需要两套分辨率的图:480*800,720*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*1280按50px考虑
8. 标注:需要给所有元素的宽,高,相互边距(左,右,上,下)像素,文字颜色值。
AndroidApp切图示例:
在做android版本设计的时候,尺寸有很多种,这时我们要以一种尺寸为基准,那这个基准尺寸是480px*800px,设计图完成之后就开始切图了,我拿我之前设计的一张图为例子讲解下:
当看到上边这张设计图的时候,我们首先分析下应该给技术切哪些图(为了避免以后少改动,建议切图之前最好和技术先沟通下,怎么切);
1、底部栏目的icon和背景:
这个一般有2种切法:(有默认和选中之后的效果)
2、顶部栏目的背景切图:
由于顶部导航栏的是渐变样式,所以切图只需要切一小条,技术来平铺拉伸就可以——(PS:如果是花纹背景,就必须切整条了,因为花纹切一小条就会被拉伸了——)
3、标注文字大小和行间距:(以这张图为例子,我标注好了,请看下图)
源文档下载
Android切图注意事项