1、所以我举例子是用App Icon Template40演示，相应的这种方法完全适用于普通小图标的切图，目前AI切图自己搜索出来的方法，高人。

2、根据程序这张APPicon图我整理成以下信息因为现在他们几乎不考虑1x的图了，所以这里都是2x3x的尺寸，当然如果有需要1x的图。

3、PxCook 目前我还没用上Mac，所以也不知道传说中的Sketch到底多神奇PxCook在Windows上标注还比较顺手Parker Parker能够自动计算尺寸距离文字大小阴影等信息，并按照你的需要进行标注， 它极大节省你标注的时间Assistor PS 也是一款PS的切图标注插件，也被誉为神器我使用了下，感觉相当不错，就是标注还没太适应，推荐一下这个。

4、项目立项 完善的公司会把项目相关人员聚集起来，产品经理会把产品详细的用原型展示出来，包括产品定位，市场需求，主打卖点Photoshop 现在常用的几种设计尺寸 1 640*960 4时代的尺寸，刚接触APP设计用的是这个尺寸页面标注 标注是重中之重，工程师能不能完整的还原设计稿，很大一部分取决于标注如果不清楚你该怎么标。

5、一款APP设计的从0到1之切图标注篇今天主要说的是关于如何更快更高效的输出APP Icon，不包含界面内的其他图标，很大一。

6、凡是要响应点击或者其他事件的部分应该尽量和屏幕四周的边框保持一定的距离如果你非得把这部分放在屏幕边上，那么最好放大操作区域背景和内容的对比度一定要合适作为有美术基础的都知道这点，但是很多时候在设计的时候就犯这样的错 你的设计一定要考虑到使用环境尽量少用对话框尤其是网页中都会有很多的对话框。

7、在进行APP切图的前，需要做以下6点1和客户端的技术沟通好，用不同的框架来实现的时候，图会有不一样的切法例如Tabbar。

8、语义明确 语义还不明确的情况下就开始细化，会做很多无用功，我们做一个系列的东西一定要看一下整体是否自洽，是否表达了文字要表达的含义从栅格开始 我们选择了更加适当的icon，之后开始更加严格的规范icon这就需要一个辅助工具栅格移动端主要是安卓和苹果像素级的精确 当创建小尺寸icon时，像素级对齐是非常重要的小尺寸icon的抗锯齿渲染边缘会看起来模糊。