MasterGo 功能研习社|@设计师们:从 Sketch 到 MasterGo,这些入门技巧拿去用!

MasterGo

官方 · 2022年11月08日

不同工具有各自的特性,操作上难免存在差异。

本篇「MasterGo 功能研习社」结合近期功能优化,梳理了 MasterGo 与 Sketch 在设计与协作上的一些差异和解决方式,还有对应的 MasterGo 常见 Q&A,帮助大家减轻切换工具带来的不适感,都是干货,建议阅读前先收藏哦~


容器与画板有啥不一样


从作图角度来讲,使用 Sketch 作图是从画板开始,而使用 MasterGo 则是从容器开始。

用法上略有差异:MasterGo 容器支持多层嵌套,可以放入容器、编组、布尔组图层内,并且还可以作为矩形使用,添加填充圆角等属性。

了解容器与画板的差异后,我们只需要记住在 MasterGo 中创建容器的方式就可以开始作图啦!

创建容器:工具栏中选择容器工具或快捷键 F 即可在画布上拉出任意大小的容器。

选择尺寸:激活容器工具后点击画布即可创建一个 100*100 尺寸容器,或在右侧容器属性栏中选择更多尺寸。

添加和移动图层:直接将图层拖入容器,或者通过拖动图层栏中的图层来移入或移出容器。


关于容器的 Q&A

在 Sketch 中,图层和容器重叠则进入该容器,但在 MasterGo 中像这样将图层拖入容器时会发现无法进入容器。

Q:如何将图层正确拖入容器?

A:在 MasterGo 中,拖拽图层路过容器时,如果鼠标起始点在图层外,则图层不会进入容器本身,只有鼠标触碰到容器才能将图层拖入容器。


矢量绘制,路径不一样


MasterGo 与 Sketch 都可以使用钢笔工具和铅笔工具进行矢量绘制。

但与 Sketch 不同的是,MasterGo 的锚点没有起始点和末尾点的概念,每个锚点都可连接多条路径


关于锚点的 Q&A

不少用户在绘制矢量图形时,都需要删除锚点,直接选中锚点,按删除键,会发现填充效果也一并消失了。

Q:删除锚点如何不删除填充效果?

A:按住 shift 键,删除对应锚点时路径会自动闭合,这样填充效果就不会被删除啦。

9dc2952b-1d42-402d-b460-21814932171e.gif


画布操作,有区别也有对策


作图时,少不了在画布上的一顿操作。

由于 MasterGo 默认的快捷键、鼠标滚轮、图层测距、新建图层位置等与 Sketch 的操作方式不太一样,对于已经习惯了 Sketch 的操作方式的用户来说,使用 MasterGo 作图时经常会出现搞混操作的情况。

如果你也遇到了以上问题,记得打开偏好设置,这里为你提供了第二个选择:

c783fed4-acc5-4d78-aea6-ec03b95a0149.png

你可以仍然按照 Sketch 的操作习惯使用快捷键、鼠标滚轮作图,并且我们还支持「移动测距」和「新建图层位置在选中图层之上」。若是不习惯 MasterGo 默认的操作设置,那就依你的习惯来吧~


关于填充与描边的 Q&A

Q:MasterGo 填充和描边的快捷键是什么?

A:在 Sketch 适配模式下,你可以使用快捷键 F 设置填充效果,快捷键 B 设置描边效果。

但在 MasterGo 默认快捷键模式下,快捷键 F 依然是创建容器,不支持用快捷键填充和描边哦!


隔离移动,点哪里移动哪里


我们经常会遇到需要移动下方图层的情况,但由于上方图层的遮挡,移动时常常会选中上方的图层。

与 Sketch 中按住 Command + Option 键隔离移动图层的方式不同,在 MasterGo 中,不需要使用快捷键,鼠标选中相应图层,就可以很方便地拖动图层进行隔离移动了。


多种蒙版,多样设计效果


在 Sketch 中,给一个图层添加蒙版后,蒙版层仍然显示,并且在调整蒙版层的填充不透明度时,蒙版上方的图层不会受到影响,不透明度不会跟着改变,这样的蒙版称之为轮廓蒙版。

在 MasterGo 中,我们提供了两种蒙版方式,「透明度蒙版」「轮廓蒙版」

12f5be5c-028d-4e83-b369-cb7c41f58a3c.png

当给一个图层添加蒙版后,默认添加的是透明度蒙版,且蒙版层会隐藏,此时调整蒙版层的不透明度时,上方图层也会受到影响,不透明度会跟随改变。

我们也可以在右侧面板中将蒙版方式切换成轮廓蒙版。

需要注意的是,MasterGo 默认的轮廓蒙版与 Sketch 的轮廓蒙版是有差异的,蒙版层会默认隐藏。当然,想要显示蒙版层的话,在右侧面板中勾选“显示蒙版层”即可。


一键分享,高效协作


MasterGo 与 Sketch 在协作上的特点不太一样。

使用 Sketch 完成设计后,需要通过插件将设计稿上传至蓝湖,再发送给研发。

而在 MasterGo 中,除了可以将设计图上传到蓝湖,还可以直接分享原文件链接给对应的研发同事,可直接在文件的标注模式下查看设计标注,下载切图资源。

0fd04e4e-2161-4627-9c6d-4a893d0e00d0.png

并且,当设计稿有变更时,所有打开的文件都会同步更新,不需要反复上传文件。


一些常见问题 Q&A


Q1:如何取消对容器的约束呢?

A:MasterGo 暂不支持取消约束,但是可以使用 Command 快捷键忽略约束效果调整容器大小哦~

c14cd87f-8572-4a01-90dc-b7832ca96faf.gif


Q2:MasterGo 中如何删除所有参考线?

A:点击左侧顶部导航菜单栏,在视图中选择删除全部参考线,就可以一键删除画布内所有参考线。

65f92364-fbba-4965-b36d-86e72315772a.png


Q3:MasterGo 的 Option 框选逻辑是?

A:按住 Option 键进行框选,只有当图层完全进入框选区域内时,才会选中这些图层。


Q4:MasterGo 可为同一图层添加多个描边?

A:MasterGo 目前不能添加多个描边,如果需要有多个描边,可将多个图层重叠增加描边。

好啦,以上就是本期 MasterGo 功能研习社的内容,快去试试吧!

面向团队的专业 UI/UX 设计工具

免费使用