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*800。720*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*1280按50px考虑
8.        标注:须要给全部元素的宽,高。相互边距(左,右,上。下)像素,文字颜色值。

AndroidApp切图演示样例:
在做android版本号设计的时候,尺寸有非常多种,这时我们要以一种尺寸为基准。那这个基准尺寸是480px*800px。设计图完毕之后就開始切图了,我拿我之前设计的一张图为样例解说下:
 
 

Android切图注意事项

文章图片

当看到上边这张设计图的时候,我们首先分析下应该给技术切哪些图(为了避免以后少修改,建议切图之前最好和技术先沟通下,怎么切);
 
1、底部栏目的icon和背景:
 
 
Android切图注意事项

文章图片

这个一般有2种切法:(有默认和选中之后的效果)
 
Android切图注意事项

文章图片

 
2、顶部栏目的背景切图:
 
 
Android切图注意事项

文章图片

由于顶部导航栏的是渐变样式,所以切图仅仅须要切一小条。技术来平铺拉伸就能够——(PS:假设是花纹背景,就必须切整条了,由于花纹切一小条就会被拉伸了——)
 
3、标注文字大小和行间距:(以这张图为样例,我标注好了,请看下图)
 
 
Android切图注意事项

文章图片

源文档下载【Android切图注意事项】











    推荐阅读