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切图注意事项

源文档下载

更多相关文章

随机推荐