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

Android切图注意事项

1.App Logo大小共五种:

48*48
72*72
96*96
144*144
192*192

2. App启动页所需尺寸:

320×480
480×800
720*1280
1080*1920
3840×2160



Android切图注意事项

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

2.    如遇到可拉伸可平铺的图片,使用9Patch进行制作。产生xxx.9.png图片就可以。长处:灵活度大,可复用,程序包大小降低,添加程序执行效率。(比方Button的背景)

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

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

4.    button:对于buttonButton须要给下面状态的图: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切图注意事项