MasterGo 零基础入门教程!面向团队的专业 UI/UX 设计工具

时间:2022-05-22
类别:自学路径
水平:入门
观众:4.2w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

个人永久免费使用 MasterGo,请点击右侧链接👉 MasterGo 官网

资源广场拥有海量设计资源,为你的创意工作注入活力👉 MasterGo 资源社区

MasterGo 介绍

MasterGo 是一款面向团队的专业 UI/UX 设计工具,它支持多人同时编辑、随时在线评审、设计一键交付,让你和团队的想法都能更快实现!专业、智能的界面设计,能够满足你所有创意需求。自动布局、素材填充等智能功能,让设计师有更多时间捕捉灵感

MasterGo 零基础入门教程!面向团队的专业 UI/UX 设计工具

与其他同类型软件相比,MasterGo 是一款 Web 端的设计工具,不需要下载和安装,更加轻量化,当然如果你不喜欢使用 Web 端,MasterGo 也为你提供了客户端的下载。它可以无障碍的让团队中的小伙伴打破次元,工作效率显著提升。

MasterGo 零基础入门教程!面向团队的专业 UI/UX 设计工具

那么接下来跟随本系列教程一起开启我们的 MasterGo 之旅吧~

MasterGo 的功能

1. 界面设计

MasterGo ⾸先是⼀款专业、智能的界⾯设计⼯具。借助⾃动布局、智能约束、素材填充等功能,创意实现得⼼应⼿,可以满⾜各种产品创意需求。

自动布局,实现响应式设计

  • ⾃动适应内容⼤⼩: 从⼀个按钮到整个⻚⾯的尺⼨,可根据内容的⼤⼩或数量,⾃动调整宽⾼。
  • 响应式设计: 设计尺⼨、内容有变化,界⾯将⾃动调整局,实现响应式设计。
  • 快速调整位置: 移动、增加或减少列表中的元素时,整个列表会⾃动排列。

智能填充和⾃动整理

  • 快速填充素材: ⽤资源库快速填充图⽚、⽂字等素材。
  • 颜⾊选集: 相同颜⾊⼀键修改,创作探索,随⼼所欲。
  • 智能整理: 点击⼀下,凌乱的图层就能变得整⻬有序。

完备的⽂本⼯具和字体资源

  • 云端字体:持续增加的免费可商⽤云端字体。
  • 保存字体路径:即使本地缺少字体,也可以完好如初的保存字体的轮廓路径,设计⽅案不失真。
  • 团队字体库:在团队内共享所有成员的字体资源。
  • 本地字体插件:安装后即可⽆缝使⽤你个⼈的字体资源。

2. 交互原型

MasterGo 还是⼀款强⼤、易⽤的原型设计⼯具。连接界⾯、设置交互事件,模拟产品使⽤流程。智能动画,创建原型从未如此简单。

动态效果

  • 交互事件: 多种常⽤的交互事件和精细的参数设置,让每⼀处交互细节都更细腻、更⽣动。
  • 智能动画: 识别设计图中相同元素,智能⽣成放⼤缩⼩、位置移动、颜⾊变换等多类转场动画。
  • GIF 动图: GIF 动图可以⽤作视觉元素,界⾯表现更丰富;也可以⽤作界⾯背景,让整个画⾯氛围感拉满。

丰富的应⽤场景

  • 可⽤性测试: 模拟产品使⽤流程,获得真实准确的⽤⼾反馈,快速验证想法,敏捷迭代⽅案。
  • 评审和交付: 还原产品真实的交互形态,第⼀视⻆展⽰产品逻辑,让评审和交付流程更顺畅。
  • 演⽰演讲: 实⼒碾压幻灯⽚产品,从设计、排版到制作效果,更精准的视觉把控,更⾃如的创意表达。

3. 设计系统

使⽤ MasterGo 管理设计资源,组件⼀键复⽤,⼀处修改全局同步。还有颜⾊和⽂本样式,轻松规范全局。

团队创建并使⽤组建和样式

  • ⽅便获取的组件: 只需搜索、拖动,使⽤组件就是这么轻松。
  • ⼀个组件,多个状态: 将组件的多个状态组织到⼀起,使⽤组件时,⾃由切换组件状态,⽆需重复拖动。
  • 结构化的设计系统: 你可以⾃由组织设计系统的结构,设计系统再庞⼤也能保持⽅便易⽤。
  • 与代码对⻬: 创建更接近代码的响应式组件,与开发⼈员的交接更加⽆缝。

4. 团队协作

只需一个链接,即可让设计师一起创作,产品经理在线评审,工程师查看代码。团队成员汇聚一处,团队协作更轻松。

多⼈实时编辑

  • 同⼀个链接: 每次修改不再需要反复发送⽂件,打开同⼀个链接,看到的总是最新版设计。
  • 在⼀处创作: 至多支持500人同时在线,随时碰撞、交换意⻅。
  • 跟随视⻆: ⼀键聚焦到成员视⻆,随时了解团队的创作思路。

为团队提供丰富的在线沟通能⼒

  • 打点评论:你可以在画布的任意位置留下评论,还可以将评论绑定到图层,让评论指向更精准。
  • 表情和贴纸: ⼤量有趣的表情贴纸,让你的表达更⽣动。
  • 创建校对: 告别⽂案错误导致的不断返⼯,对⽅只需在⽂字图层上创建校对即可,⽆需开通编辑权限哦。
  • 更直接、直观的表达: ⼀键录制⻢克笔笔迹和语⾳,创建 “圈话” , 让异步沟通充满惊喜。

5. 设计交付

设计文件云端存储,实时更新。工程师可以随时查看标注、获取代码、下载切图。设计自动交付,研发轻松高效,实时更新让想法更快变成现实。

此外 MasterGo 还有更多实用功能,并且仍不断更新中:

MasterGo 零基础入门教程!面向团队的专业 UI/UX 设计工具

MasterGo 资源社区

MasterGo 秉持着一直以来的开源精神,努力为大家营造了一个共享、共创的开源社区,让每一个人都可以参与,用更少的消耗,创造更多的资源,用更少的摩擦,创造更多的协调,通过不断地交流,创造一个富有活力的社区生态,帮助大家更快更好地抵达想象之地。

MasterGo 零基础入门教程!面向团队的专业 UI/UX 设计工具

国产设计软件共创计划

MasterGo 和国内各行业头部企业达成深度共创,MasterGo 会为共创企业提供专项迁移支持和专属定制化服务,在实现以用户为导向的产品迭代的过程中,为设计师打造性能更高、产品体验更好的设计软件。

MasterGo 零基础入门教程!面向团队的专业 UI/UX 设计工具

18 收藏 45

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了
/

支持键盘 ← → 键翻阅图片