| 尺寸 |
| 1、一定要偶数 2、可点击部件不小于88px（以Retain为基准，通常所说的44px是指普通屏幕），实在不够大的切图时空白补足或者让程序控制触点大小 3、桌面图标：需要很多个不同的尺寸，在输出的时候要把双平台的尺寸全部输出切图，只需要提供直角切图，手机系统会自动生成圆角效果 * ios开发单位pt：750×1334尺寸的换算关系 1pt=2px，也就是说程序员拿到我们的px单位的标注稿，自己除以2就是pt了 |
| 命名 |
| 切图命名：模块_类别_功能_状态.png （按顺序可以灵活使用、附件有切图命名的例子2.2.1） 模块： 登录页面（login）、 公共（common） 、 主页（home） 、 列表页面（list）、新闻页面（news）... 类别： 导航栏（nav） 、菜单栏（tab） 、 按钮（btn） 、图标（icon）、背景图片（bg）、默认图片（def）、分割图片（seg）、logo、输入框（input）、提示信息（msg）... 状态【按钮组件】： sel（选中）、 默认（nor）、pre（按下）、dis（不可点） （ 推荐简写写法） |
| 切图 |
| 1、用cutterman切图，要切的图片要先重命名； 2、按钮： 每个按钮有4种状态[选中、默认、按下、不可点]，一个按钮最少要有2个状态【选中、默认】 3、android下，自适应的切图图片要做成 .9 图片 教程（9png软件：draw9patch） 4、引导页需要单独设计多套 640x1136 、 750x1334、 1242x2208 5、动效元素（如在app种加载动画需要的切图元素），按照图片排序切出 |
| 整理 |
| 1、IOS切3套（ 例如：btn.png、[email protected]、[email protected]），以750x1334px为基准 (是2倍 @2x) |
| 标注 |
| 1、要标出模块的高度宽度，距离 2、文案的字体大小，颜色 3、背景颜色 4、不同状态链接颜色的变化 （时间有限的话，可以用IOS的效果图来做标注，安卓程序会知道怎么换算数值，有必要的话也输出一份安卓的单位是dp的标注） |
| 整合 |
| 切图一个界面一个文件夹，包括效果图、标注图、切图资源包 （通用的切图单独整理出来放一个文件夹内） |