移动端界面切图

尺寸

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）... 状态【按钮组件】：selected（选中）、normal（默认）、pressed（按下）、disabled（不可点）          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)      安卓要切4套 （文件夹分类：xxhdpi、xhdpi、hdpi、mdpi），以720x1280为基准（xhdpi） 2、图片要压缩下，减少文件大小 在线压缩

标注

1、要标出模块的高度宽度，距离      2、文案的字体大小，颜色 3、背景颜色 4、不同状态链接颜色的变化 （时间有限的话，可以用IOS的效果图来做标注，安卓程序会知道怎么换算数值，有必要的话也输出一份安卓的单位是dp的标注）

整合

切图一个界面一个文件夹，包括效果图、标注图、切图资源包    （通用的切图单独整理出来放一个文件夹内）