切图严格来说并不是Ui设计师的工作，而是前端工程师的工作，指的是将设计师的设计转化为网页，是一种将设计师的“理想”转化为“现实”的工作，将psd进行切片重组，利用div+cssjs等等前端开发代码来生成网页的一种技术。

  在软件或网页中，各元素的代码应该是分隔开的，有些ui中做的文字部分，对应到软件或网页中就需要写相应的文字显示代码，如果是ui中做的背景，则在软件中就只需要显示该。

  UI设计中的切图本质上来说，就是需要把一些图形打包到app的安装包内，这部分图形(比如说是图标)开发工程师无法用开发语言写出来，但是这些各种形状的图标也需要随着安装包安装到用户的手机里，所以这些图标就需要UI设计师给切出来，然后让开发工程师打包到app的安装包内。那么UI设计师切图要怎么做呢？

  在设计软件里手动切图用PS的切片工具把图标分割出来（通常先用辅助线把元素围起来，方便准确切割），然后存为Web所用格式，通常是存为透明底的PNG图，这样一个切图就做好了。

  当然，正常情况下是把一个页面上的图都切好，全部选中，批量导出。不过，现在这种方式，已经很少有人用了，效率太低了。设计软件+第三方插件在Sketch或PS里把设计稿做好，再上传到第三方插件里去切，这样的好处是效率提高很多，缺点就是如果要修改设计稿或者有漏标的内容，要重新上传。

Powered by Froala Editor