ui设计为什么要切图？切图是什么意思？
新闻来源：优漫本站
日期：2023-04-20
切图严格来说并不是Ui设计师的工作，而是前端工程师的工作，指的是将设计师的设计转化为网页，是一种将设计师的“理想”转化为“现实”的工作，将psd进行切片重组，利用div+cssjs等等前端开发代码来生成网页的一种技术。
切图严格来说并不是Ui设计师的工作，而是前端工程师的工作，指的是将设计师的设计转化为网页，是一种将设计师的“理想”转化为“现实”的工作，将psd进行切片重组，利用div+cssjs等等前端开发代码来生成网页的一种技术。
在软件或网页中，各元素的代码应该是分隔开的，有些ui中做的文字部分，对应到软件或网页中就需要写相应的文字显示代码，如果是ui中做的背景，则在软件中就只需要显示该图片。
UI设计中的切图本质上来说，就是需要把一些图形打包到app的安装包内，这部分图形(比如说是图标)开发工程师无法用开发语言写出来，但是这些各种形状的图标也需要随着安装包安装到用户的手机里，所以这些图标就需要UI设计师给切出来，然后让开发工程师打包到app的安装包内。那么UI设计师切图要怎么做呢？
在设计软件里手动切图用PS的切片工具把图标分割出来（通常先用辅助线把元素围起来，方便准确切割），然后存为Web所用格式，通常是存为透明底的PNG图，这样一个切图就做好了。
当然，正常情况下是把一个页面上的图都切好，全部选中，批量导出。不过，现在这种方式，已经很少有人用了，效率太低了。设计软件+第三方插件在Sketch或PS里把设计稿做好，再上传到第三方插件里去切，这样的好处是效率提高很多，缺点就是如果要修改设计稿或者有漏标的内容，要重新上传。
对UI设计行业感兴趣的小伙伴可以联系下方，领取优漫教育课程七天免费试听活动，助力追梦的莘莘学子把握黄金学习机会成为Ui设计师，用专业技能充实自己，为成功就业奠定基础。
