别说你还不会切图

切图应该是最能体现设计师的设计态度的一项，切图的精准可以避免工程师的很多不必要的麻烦。

1.切图要切哪些内容？

1）图标

2）按钮

3）气泡框（点九切图法）

4）背景

5）渐变

6）loading页、弹窗

7）非系统文字

8）内建式图片

2. 切图要注意哪些问题？

1）切图资源尺寸必须为双数

因为1px是智能手机能够识别的最小单位，换句话说就是1像素不能在智能手机被分为两份。如果是单数，再拉伸切图会造成边缘模糊。

2）切图需考虑到适配的尺寸

3）在确保切图质量的同时尽可能缩小切图后文件大小

4）APP端：按钮、icon等需要点击的部分，尺寸不可小于最小有效点击区域（88px*88px）

5）切图需输出各种状态下的控件：正常状态、点击状态、点击后状态、不可用状态

当然，这只是列出了切图的整体框架，具体的细节要求还有很多。总而言之，切图是为了减少工作交接处的沟通成本。如果不确定该如何切图，可以多和工程师小哥哥多多交流，只要能满足彼此工作顺利进行就是好的切图。

---

王旋子同学