MasterGo 「切图」功能上线,从此不再谈“切图”色变!

由「设计」经「交付」到「开发」,理应是一个协同配合、互相成就的过程。

设计师通过视觉稿呈现其想法,工程师将其完美还原,将伟大的想法变为现实,美好且令人振奋。

但在实际的操作过程中,最终的产品呈现往往与视觉稿大相径庭。

造成这种低视觉还原度的原因,往往是因为交付时,并没有针对不同的设备进行准确匹配,导致最终的开发出现很大的偏差,对于严谨到像素级的设计师来说,就好像自己的劳动成果被摁在地上狠狠“摩擦”。

MasterGo 「切图」功能上线,从此不再谈“切图”色变!

一切的关键在于「切图」,「切图」是设计开发的关键流程,是连接「设计师」和「工程师」的重要“纽带”。

为保证设计稿的完美还原。作为设计师,需要快速根据不同设备导出不同命名方式、不同格式的图片;作为工程师,需要在页面快速找到切图,且下载不同命名方式、不同设备的图片。

很多设计工具都配置了「切图」功能,而高效精准的「切图」,除了具备基础的导出功能外,更应该具备「导出预设」「批量增加」「便捷寻找」等智能化提效功能,来满足设计师与工程师的需要。

广大设计师与工程师“苦「切图」久矣”,急需高效便捷的产品功能解决这一痛点。

也就是在此时,MasterGo 「切图」功能正式上线!

下面我们具体了解一下 MasterGo 「切图」功能是如何进行操作的。

进入 MasterGo 工作台,有两种方法开启「切图」功能:

  • 在设计界面,鼠标点击工具栏「容器」旁的下拉图标,选择开启「切图」功能。
  • 使用快捷键 S,即可开始使用切图工具。还可以使用快捷键 Shift+S,快速显示和隐藏制作的切图。

MasterGo 「切图」功能上线,从此不再谈“切图”色变!

MasterGo 「切图」功能支持预设切图参数,支持 Android、iOS、Flutter 设备的尺寸、倍率、前后缀、格式等不同类型的切图导出。

设计师无需单独制作不同参数类型的切图,在 MasterGo 上,一图满足多设备、多尺寸使用需求,实现高效交付。

  • 点击「导出」按钮右侧的「预设」按钮,可设置切图预设。

MasterGo 「切图」功能上线,从此不再谈“切图”色变!

  • 支持 iOS Android Flutter 预设,倍率、前后缀、格式。批量导出,素材打包一键搞定。

MasterGo 「切图」功能上线,从此不再谈“切图”色变!

  • 任何元素在设计页面设置了切图导出选项,标注模式下,都会有虚线提示,帮助研发快速定位切图位置。

MasterGo 「切图」功能上线,从此不再谈“切图”色变!

无论是移动端还是网页端设计,高度还原个性化设计,都能更好吸引用户目光、拉开与竞品的差异,设计师的特别设计、精致图标和特殊装饰元素,往往无法由工程师通过代码实现,「切图」是唯一的办法。

MasterGo「切图」功能,帮你告别繁琐的切图流程,便捷、高效、完美地还原设计想法。

相关文章

暂无评论

暂无评论...