UI设计师做完界面设计后，剪什么？

网页设计完成后，裁剪就是将设计稿裁剪成容易制作成页面的图片，用HTML和CSS布局完成静态页面，有利于交互，形成良好的视觉感。一般来说，用一个设计图切片工具，把需要的东西剪成小图，然后用DIV CSS完成静态页面编写和CSS布局。

所有设计好的网页都需要裁剪。主流的软件有dreamweaver，photoshop，sketch，firework，低端的QQ裁剪，网页裁剪等等。切图给后端程序员带来方便，提高效率，网页互动，实现你平时看到的各种功能，屏幕浏览速度快，有利于优化。

扩展数据:

一般我们从设计师那里得到的都是psd文件，包含几十层或者几百层。一般按照内容分文件夹，有文字有图片，有的只有特殊情况下才展示。这时候就需要根据自己的需要导出不同的图片。

剪切图片的时候要考虑很多，比如什么东西压缩成图片，什么时候用透明背景PNG，什么时候用CSS Sprite(把按钮、logo之类琐碎的小图片复制到透明背景图片然后存为图片，再用背景位置提取出来。)是把文字剪成图片还是复制成HTML。

一般情况下，除非使用特殊的字体或者变形，否则文字是不会被剪成图片的，而且即使photoshop将导出的图片保存为web格式，有时候尺寸也是非常大的，尤其是PNG。这时候要用一些专业的压缩工具进行二次压缩。

当然，有些有前端经验的设计师会把剪下来的图片发给你，让你直接开始写HTML和CSS，但是建议尽量自己剪。掌握熟练的图形裁剪技巧也是一个前端应该具备的技能。

搜狗百科-切图

搜狗百科-静态切页