Question

UI中的切图是什么意思为什么要切图

Answer 1

切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的图片。但因为开发经常需要不同平台不同尺寸的切图，如果全部由UI来做，不仅费时费力，可能还会因为细微的差距造成开发不能很好的还原设计稿。

所以可以用摹客之类的专业工具来自动切图。UI把Sketch、AdobeXD、PS的设计稿进行切图标记，上传至摹客后，开发就可以自主下载不同平台不同尺寸的切图和使用了。

扩展资料：

切图用于完成htmlcss布局的静态页面，有利于交互，形成良好的视觉感。通俗来讲，把一张设计图利用到切片工具把自己所需的切成一张张小图，然后前端开发用DIVCSS完成静态页面书写，完成CSS布局。

切图大家都有个误区，觉得切图就是把图片切出来，其实并不完全是这样，首先处理的是什么类型的页面图片型（EDM或活动着陆页等）、图文型（门户网站或电商网站等）、界面型（WebApp等），把图片切出来这个过程是叫切片。