暗色模式
协作
本章介绍 MasterGo 中的协作功能,包括分享文件、评论、校对、圈话、标注、原型模式以及权限管理。
分享文件
文件权限说明
| 角色 | 权限 |
|---|---|
| 查看者 | 可以查看和添加评论,将文件复制到个人草稿箱中;可与其他查看者共享文件,但无法更改文件名称、内容或删除文件 |
| 编辑者 | 可更改文件和项目的全部内容,包括文件名称、内容以及权限设置 |
分享个人文件
通过链接共享文件时,任何具有链接的人都可以查看该文件。可通过下拉箭头设置访问者的权限。
无付费团队的账号通过链接分享时仅支持设置查看权限,需要多人协同编辑需升级版本。
共享团队文件
团队文件默认当前团队成员可访问,可设置为仅受邀协作者可访问。
共享企业文件
企业文件默认当前企业成员可访问,可设置为仅受邀协作者可访问。通过链接共享时,可灵活设置访问者的访问时长和编辑权限。
跟随视角
多人协同时,点击他人头像,可以跟随其视角。这个功能非常适合在评审环节使用。
标注模式
设计师将设计稿分享给开发工程师后,开发工程师能够通过 MasterGo 原生的标注模式来获取设计稿中各图层的属性信息以及对应的代码片段,从而快速、高效地完成设计稿的开发工作。
进入标注模式
- 拥有编辑权限的用户进入文件后点击上方标签页的"标注"
- 没有编辑权限的用户(查看者)进入文件后默认开启标注模式
查看图层信息
标注模式下可在画布内快速查看图层的尺寸、边距等信息。可在画布左侧查看文件内所有页面,在下方图层树中查看图层结构。
查看图层属性
可在画布右侧的标注代码区域查看图层的各种属性,包括位置、尺寸、填充、特效等。引用了样式或本身为组件/实例,同样能在标注模块中快速识别。所有标注区域的属性均可通过点击实现一键复制。标注区域支持切换多种色彩模式。
查看图层代码
标注模式下可在画布右侧下方查看图层属性的代码,代码内容同标注区域保持一致。单击代码或批量选中代码后会自动复制。
代码类型支持
为满足不同项目的开发需求,MasterGo 支持 CSS、iOS 和 Android 代码的展示,查看者根据需要在画布页右上方选择相应的代码。
查看倍图标注信息
MasterGo 在设计师侧没有设置倍率选择,所有设计稿均默认为 1 倍 (1x)。
| 场景 | 操作 |
|---|---|
| 设计师交付 2 倍图,开发需要 1 倍图 | 在画布页右上方选择 0.5x |
| 设计师交付 1 倍图,开发需要 2 倍图 | 在画布页右上方选择 2.0x |
注意: 多倍图模式下,画布内信息(位置、尺寸、边距等)始终为 1 倍实际数值,不会随倍率设置更改而更改。
标注模式其他特性
- 查看者点击画布内图层时默认为"穿透选中"
- 如希望选中父级图层或容器(常规选中),按住 Ctrl / Command 再选中即可
原型模式
概述
在 MasterGo 中,可以放心使用原型模式快速创建种类丰富的交互效果。通过点击、悬停、按下、拖拽、延时等效果在容器与容器、容器与图层、图层与图层间创建交互流程,并进行演示。
界面介绍
通用设置(未选中设计内容时):
- 调整背景色设置演示原型时的舞台背景
- 选择设备模型查看设备的正面样式,模拟真机效果。提供多款市面主流设备模型并保持更新
- 在流程中可以看到设计稿包含的所有流程,支持演示、定位起始页面、复制链接、重命名、删除流程
交互设计信息(选中设计内容时):
- 为一级容器添加流程起始点,创建流程
- 添加交互:容器以及容器内任何图层都可以添加交互。选中图层后,可在画布中拖拽连接器添加,也可在右侧属性栏交互栏处点击 + 图标设置
- 添加溢出行为:选中任何容器时,右侧出现溢出行为选项,可设置无溢出、水平、垂直、水平和垂直方向的滚动效果
了解评论功能
一个项目的设计环节,往往需要各成员基于设计稿频繁沟通、分析研讨、审核校对。MasterGo 评论功能,从原型到设计,有意见图上见。
你可以在评论模式下为设计或原型文件添加文字和表情评论,还可以 @ 其他成员,该成员可及时收到提示并查看评论。
注意: 评论模式下,无法对画布中的对象进行任何更改操作,需要切换到另一个工具才可恢复编辑能力。任何登录 MasterGo 账号且在文件中的人都可以评论。
权限系统介绍
概述
MasterGo 是一个协同性工具,可多人共同创作。权限设置一般不做改动,如有改动会第一时间同步到帮助中心。
团队管理权限
团队内部角色分为:创建者、管理员、编辑者、查看者。创建者拥有最高权限,管理员、编辑者和查看者权限依次递减。团队外部账户没有任何团队设置权限。
团队文件权限
团队内部成员: 每个成员针对团队文件有两个角色——在团队中的角色和在文件中的角色。在团队中的角色分为创建者、管理员、编辑者、查看者,在文件中的角色分为所有者、编辑者、查看者。
权限选项:
- A:允许查看者创建文件副本
- B:开启文件公开访问
- C:邀请外部账户查看
- D:邀请外部账户编辑
团队外部成员: 团队外部成员对于团队文件只有两个角色——文件外部编辑者和文件外部查看者。拥有的权限仅限于团队成员赋予的权限,没有对其他文件的任何权限。
常见问题
| 问题 | 解决方法 |
|---|---|
| 我只想让别人查看标注,需要给他开编辑权限吗 | 不需要,只要有查看权限就可以查看标注 |
| 邀请了外部账户合作一个团队文件,他会有查看和编辑其他文件的权限吗 | 没有,外部账户仅拥有被赋予权限的那一个文件 |
| 为什么打开文件后提示"没有此文件的查看权限" | 可能是文件的公开访问未开启,联系文件分享人打开即可 |
| 团队成员离开团队后,他创建的团队文件会丢失吗 | 不会,创建的文件会自动变更为团队创建者所有 |
开始评论
添加评论
快捷键:C
- 点击评论按钮,光标变成位置图标
- 单击界面需要添加评论的地方,在输入框中输入评论内容
- 若想对一个区域进行评论,左键长按拖动评论光标框选范围,即可针对所选范围评论
提示
- 对顶级容器、组件或组发表评论,评论将附加到该对象上
- 评论不会附加到任何嵌套的容器、组件、组或其他图层上
提及成员
通过输入 @ 并选择成员,即可在评论中 @ 该成员,被提及的成员会收到通知。
提及成员的条件与限制:
- 同一团队成员可以互相提及
- 在文件中的团队外成员,无法提及团队内的成员
- 团队内成员,无法提及在文件中的团队外成员
查看和回复评论
查看评论(画布中)
文件中的评论可以被固定至某一画布区域。评论显示的数量取决于画布的缩放级别和评论数量。
当光标移动至目标评论定位点时有放大效果,点击定位点可查看此评论弹窗内容并作出回复,点击其他定位点可切换查看其他评论。
评论弹窗操作:
- 切换评论:点击切换按钮,切换至上一条、下一条评论
- 复制链接:点击更多按钮,复制评论链接或删除评论
- 隐藏评论:点击评论框上方的解决按钮,将评论标记为解决并隐藏
- 回复评论:鼠标悬停在评论上浮现功能按钮,可使用表情回复、回复评论时 @ 目标、编辑或删除评论
查看评论(评论区)
激活评论功能时,右侧属性栏变成评论区。通过评论区选择评论,对应评论在画布中被导航至视图中心并选中。
- 当选择的评论不在当前画布显示区域时,视图自动移动至评论位置
- 当选择的评论不在当前页面时,发生页面跳转并移动视图
处于评论模式时,将无法更改画布中任意对象。
过滤评论
评论按时间顺序排列,同时按页面进行分组。点击下拉按钮可过滤评论:
- 默认显示全部评论
- 可选择"和我相关的评论"(被 @ 提及的评论、自己创建的所有评论)
- 可决定是否显示已解决的评论
回复评论
任何人都可以添加、查看和回复评论,包括查看者(必须登录账号)。
- 在画布中或从右侧边栏中选择评论
- 在评论框底部输入回复内容,或添加表情符号、@ 提及
- 点击回复按钮或按回车键完成回复
解决和删除评论
解决评论
反馈得到解决时,可选择解决评论,隐藏画布和评论区中对应评论。
- 在画布或从评论区中选择评论
- 点击弹窗右上角的解决按钮标记为已解决
可以取消解决,或选择"显示已解决的评论"。
删除评论
- 在画布或从评论区中选择评论
- 点击更多按钮并选择删除
可以删除自己发布的任何评论。如果删除带有回复的评论,会删除整个线程。
移动和编辑评论
移动评论
可以通过拖动评论定位点更改它在画布中的位置:
- 在画布或评论区中选择评论
- 单击并按住评论定位点,将其拖拽到想要的位置
- 也可以将评论定位到容器上绑定,移动容器时评论跟随
注意: 评论只能绑定到最外层的容器(父级容器)和最外层组中。
编辑评论
如发现有用词错误或需要添加说明时,可以编辑发布的任何评论内容:
- 在画布或评论区中选择评论
- 点击更多按钮
- 选择编辑选项,编辑内容后按回车键完成保存
评论通知设置
无论你是否是文件的所有者,只要在文件中就会默认收到"和我相关的通知"。通知包含邮件通知和站内通知。
调整通知设置
- 点击评论区右上角的设置按钮
- 选择希望收到通知的范围:
- 全部通知
- 和我相关的通知:包含其他成员提及我或回复我
- 不接收通知
通过通知可跳转到对应评论位置。
校对工具
了解校对功能
设计师日常工作中,经常遇到上游需要修改设计稿中的文案。MasterGo 校对功能只需在要改的文案旁标记新文案,设计师即可一键应用替换。这样既高效,又不需要给团队外的人开通编辑权限。
任何登录 MasterGo 账号且在文件中的人都可以使用校对功能,添加建议修改的文字内容。
添加校对
激活校对快捷键:E
- 点击工具栏中的校对或使用快捷键
- 激活校对后,鼠标移动至文字图层上时显示蓝色虚线框
- 点击虚线框文字后,鼠标落点处出现校对评论标识和弹窗
- 输入建议修改的文字内容后单击确认按钮
提示
- 校对只针对文字图层
- 一个文字图层只能添加一个校对
- 校对和文字图层有关联性且不可被更改
查看和应用校对
查看校对: 光标移动至校对标记点出现校对预览弹窗,点击查看可查看详细内容并进行回复。
应用校对: 校对弹窗中点击"应用"按钮,将校对文案内容应用到设计稿中完成文案修改。
解决、忽略和删除校对
解决校对: 将鼠标移动至校对标记点上方,点击弹窗右上角的解决按钮。
忽略校对: 点击忽略按钮可以忽略校对内容。忽略后的校对无法恢复。
删除校对: 点击更多按钮并选择删除。可以删除自己发布的任何校对。
移动和编辑校对
移动校对: 校对标记点位置与文案绑定,拖动文案可移动校对位置。拖动文案所在容器时校对跟随。
编辑校对: 点击更多按钮选择编辑,修改校对文案内容后按回车键保存。
圈话工具
了解圈话功能
MasterGo 独家推出的圈话功能,通过录屏和语音将想说的话实时记录,想指出的问题快速绘制标记,降低沟通成本,提高协同时的沟通效率。
圈话模式下,无法对画布中的对象进行任何更改操作,需切换到另一个工具才可恢复编辑能力。
创建圈话
- 激活后光标为圈话光标样式
- 点击画布任意位置出现标记点,标记点后面出现圈话操作弹窗
- 弹窗包含:
- 声音设置:有声音(默认)或静音
- 开始录制按钮
- "创建中"不会直接开启录制,需点击录制按钮
开始录制
点击录制图标后进入录制状态,视图上蓝色边框内是录制区域,录制时间为 15 秒。
可在画布中按住并拖动光标进行绘制,画线效果同铅笔工具,可自动对线的弧度进行优化。
提示
- 录制时无法对画布中的图层进行操作,不可移动画布
- 定位点不会绑定图层
- 绘制的画线不会以图层方式出现,只存在于圈话录屏中
- 录制时点击其他页面或切换工具会中断录制且不保留
- 圈话录制后不可被二次编辑和修改
播放和评论圈话
播放圈话: 点击圈话标记点,画布显示区域恢复到录制时状态并自动播放。播放完成后画布停留在播放结束状态。
评论圈话: 圈话播放弹窗中点击评论按钮展开评论弹窗,可进行以下操作:
- 切换至上一条、下一条评论
- 复制评论链接
- 解决评论
- 使用表情回复
- 回复评论时 @ 目标
- 编辑或删除评论
解决和删除圈话
解决圈话: 在圈话评论弹窗中或评论区中选择圈话,点击右上角解决按钮。可在评论设置中选择显示已解决的圈话。
删除圈话: 点击更多按钮并选择删除。可删除自己发布的任何圈话,删除带有评论的圈话会结束整个线程。