Android切图注意事项

Posted 2020-09-18 zhchoutai

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。设计图完毕之后就開始切图了，我拿我之前设计的一张图为样例解说下：

 

 

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

 

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

 

 

　　这个一般有2种切法：（有默认和选中之后的效果）

 

 

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

 

 

　　由于顶部导航栏的是渐变样式，所以切图仅仅须要切一小条。技术来平铺拉伸就能够——（PS：假设是花纹背景，就必须切整条了，由于花纹切一小条就会被拉伸了——）

 

3、标注文字大小和行间距：（以这张图为样例，我标注好了，请看下图）

 

 

源文档下载