当前位置：首页 >ui设计培训

ui设计怎么切图

作者：超帅怎心情发布时间： 2023-11-27 08:39:27 浏览量：1689次

互联网产品从构思到落地，大致分为以下环节：发现商机 – 市场调研 – 头脑风暴 – 产品策划/功能设计 – 原型绘制 – 交互设计 – 项目立项 – 流向图绘制 – UI设计 – 切图标注 – 技术开发 – 产品测试 – 项目上线。切图是指在设计稿里整理出技术开发所需要的素材或图片，今天我们就来聊一聊一名合格的ui设计师应该如何切图吧！

ui设计怎么切图

首先切图也是有着一定的原则的，这是什么原因呢？因为设计切图输出的目的是跟下游的工程师团队协同工作，那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量，避免因切图输出而导致的不必要的工作量。最后输出的切图应当尽可能的压缩大小，以降低APP的总大小，提升用户使用时的加载速度。所以切图输出应当做到切图精准、便与协同和压缩大小。

ui设计怎么切图

其次，切题一定要量身定做，要根据自己的所需要的切图。UI切图一般都会用到专门的软件，比如摹客，Sketch、Adobe XD、PS的设计稿都支持，设计师只需在设计稿上进行切图标记，然后用摹客的插件上传到平台，就可以自由下载和使用切图了。以PS的插件为例：安装摹客的PS插件，安装好之后在PS的「窗口>扩展功能」找到摹客插件，选择并打开；标记切图：在完成的设计稿上，选中需要切图的图层或编组，点击「标记切图」。当图层或编组的名称前增加了“-e-”，「标记切图」变为「取消切图标记」，就可以了。标记切图后，点击插件的上传按钮，开发工程师就可以在摹客平台自主下载不同尺寸和平台的切图了。大家对于UI设计切图还有哪些不了解的内容呢？可以多多关注火星时代官网，更多有关ui设计内容等你来发现！