切图文件处理技巧-移动界面设计

本节的内容介绍切片资源输出的过程以及切片的常用方法。根据产品视觉效果标注完成规范性说明文档之后，就需要设计师根据标注完成之后的结果进行切片，有时候也称作切图。

为什么需要切图呢？主要是为了帮助工程师在开发过程中从视觉效果的源文件中处理和整合一些在开发过程中无法或者很难用代码实现的视觉效果。工程师通常会考虑使用图片素材来加以替代，基于这个原因，需要去完成切图这工作。

互联网早期，PC端网页切图大多由视觉设计师来完成，后来随着互联网公司产品的设计与开发流程逐步细化与完善，很多互联网公司PC端的切图工作交给工程师来完成，再后来移动端产品设计的崛起，切图这道工序大多还是由视觉设计师来完成的。对于大多数视觉设计师来说，切图的过程非常乏味和无聊，所以，为提高工作效率寻找快速有效的切图方式还是非常重要的。

下面将把实际工作中常用到的一些切图注意事项逐一指出，也会重点介绍在切图的过程中某些规范以及需要注意的地方。(www.xing528.com)

其实切图和标注如出一辙，两者之间的关系是极为紧密的。严格得说关于切图没什么特别固定的工作流程，工程师的开发习惯的不同，所要求的切图的输出效果和方法也不同，所以当设计师进行切图之前最好先和对接的工程师进行交流，避免由于沟通不当造成的工作量增加以及工作效率降低等情况。因为做这项工作是为了给开发打下基础，所以有效的沟通显得非常重要。

在前面的内容中提到过，关于移动端应用的设计以及开发，现在主要是根据iOS、安卓以及Windows Phone三大系统的要求来进行。目前更多以iOS，安卓这两款系统占主导。需要设计师和工程师按照每个不同系统所规范的要求来进行设计以及开发。所以对于切图来说，也有不同的细分要求。