欢迎访问自学路径

您尚未登录

登录后即可免费访问自学内容

点击登录

MasterGo 零基础入门教程!NO. 07 组件与样式(2)

时间:2022-06-15
B站视频:av897487658
类别:UI设计
水平:入门
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

MasterGo 零基础入门教程!NO. 07 组件与样式(2)

教程讲师:刘昱

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

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

MasterGo 介绍

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

MasterGo 零基础入门教程!NO. 07 组件与样式(2)

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

本集教程内容概要

本集视频是 MasterGo 系列教程的第 7 集,由老师刘昱带领大家了解组件与样式功能中的剩余部分,让我们跟随老师的脚步一起学习吧~

编者按:图文内容简概为视频内容的提炼总结,想要了解详细教程内容,请观看文章顶部完整的视频教程。

第1部分:了解样式

我们可以使用样式来自定义对象的颜色、文字、特效。需要使用相同样式的对象时,就可以一键完成覆盖。

MasterGo 零基础入门教程!NO. 07 组件与样式(2)

我们可以通过现有的图像来创建样式。把编辑好的图像属性保存为样式,就可以在其他图像上重复使用。

MasterGo 零基础入门教程!NO. 07 组件与样式(2)

添加多个特效(例如:1个外阴影 + 1个内阴影)并创建样式,这些属性会保存到一个 特效样式 里。

MasterGo 零基础入门教程!NO. 07 组件与样式(2)

颜色样式 包括填充、描边和文字颜色。填充纯色和图片时,图标会显示在名称前面,渐变样式则不会显示。

MasterGo 零基础入门教程!NO. 07 组件与样式(2) MasterGo 零基础入门教程!NO. 07 组件与样式(2)

如果我们想为不同的文本块设置不同的属性,可以创建 文字样式。需要注意的是,每个文本都需要单独设置对齐的方式。

MasterGo 零基础入门教程!NO. 07 组件与样式(2) MasterGo 零基础入门教程!NO. 07 组件与样式(2) MasterGo 零基础入门教程!NO. 07 组件与样式(2)

第2部分:样式的编辑与管理

如果想要 更改之前编辑好的样式,有两种方法:

  1. 将光标移动到该样式上,然后单击右键,选择编辑样式
  2. 将光标移动到样式的最右侧,会出现相应的图标,单击即可修改

MasterGo 零基础入门教程!NO. 07 组件与样式(2)

将光标移动到该样式上,然后单击右键,选择 删除样式,就可以将样式删除了。

MasterGo 零基础入门教程!NO. 07 组件与样式(2)

更改样式的属性后,使用该样式的所有图像都会随之更新。

MasterGo 零基础入门教程!NO. 07 组件与样式(2)

在不选中任何对象的状态下,样式管理面板 会出现在右侧栏,我们可以在这里对文件的 颜色、文字、特效样式 进行重命名、手动排序和分类管理。

MasterGo 零基础入门教程!NO. 07 组件与样式(2) MasterGo 零基础入门教程!NO. 07 组件与样式(2)

第3部分:团队库

我们可以将 样式和组件 添加为 团队库,这样每次更新时,都可以将这些更改同步到团队库,允许团队成员查看和更新。

注意:目前只有团队文件才能添加团队库。当组件或样式所在的文件存在于草稿箱内时,不能添加进团队库。

MasterGo 零基础入门教程!NO. 07 组件与样式(2) MasterGo 零基础入门教程!NO. 07 组件与样式(2)

在创建好的团队库中新建一个项目,将文件拖到团队项目中,再点击文件组件中的 管理 图标,选择 添加为团队库,再点击 同步更改,即可完成发布。

MasterGo 零基础入门教程!NO. 07 组件与样式(2) MasterGo 零基础入门教程!NO. 07 组件与样式(2)

如果我们使用了某个团队库中的组件或样式,当团队成员上传更新了此团队库后,我们会在窗口中看到提示。点击 更新 按钮即可查看详细的更新内容。想要接受更新,再点击 同步更改,即可完成更新。

MasterGo 零基础入门教程!NO. 07 组件与样式(2) MasterGo 零基础入门教程!NO. 07 组件与样式(2)

以上就是本集视频中关于 组件与样式 的介绍,在下节课中,我们将为大家讲解 MasterGo 中 原型模式 的应用,我们下集教程见~

1 收藏

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

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

复制本文链接
img

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

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

支持键盘 ← → 键翻阅图片