虎课网为您提供字体设计版块下的【UI进阶】-谷歌MD设计规范认识图文教程,本篇教程使用软件为无,难度等级为中级拔高,下面开始学习这节课的内容吧!
本篇教程讲第6课 MD设计规范,喜欢的一起来学习吧!
那就开始今天的课程吧。
1.安卓规范和iOS规范类似,我们只需关注界面相关规范要求即可,针对安卓界面设计,谷歌对自己设计规范都有相应代号,这一代设计代号简称MD。
2.安卓规范和iOS规范类似,我们只需关注界面相关规范要求即可,针对安卓界面设计,谷歌对自己设计规范都有相应代号,这一代设计代号简称MD。
3.MD主要搭载在原生设备中,完全采用MD设计规范的项目界面如下图所示。MD设计规范的项目界面扁平、卡片感重。
4.MD是强调空间、环境、动画和适配设计语言。国产手机会在谷歌系统基础上深度定制固件,并采取其他设计规范。
5.MD官方组件库在官网下载,进入官网打开Resources,找到Downloads进行下载。
6.XD有深色模式和浅色模式规范,组件中安卓的主要页面板式如下图所示。
7.MD与iOS不同的是顶部状态栏和底部操作栏有背景色,使用规则基本一致。顶部状态栏有自定义权限,根据实际状态进行调整。
8.Buttons中会展示出不同状态的按钮。MD提供元素比iOS多。
9.MD设计非常重视投影,引入Z轴概念,即元素离平面越远,投影越大。
10.投影可以参照规范源文件中的设置,或在实际设计项目中复制使用。一个投影由3个图层组成。
11.谷歌还定义了状态材质概念,即一个元素本身样式默认情况下,为它叠加内容和遮罩的方式表现状态。
12.在色彩应用过程中,MD官方提供了一套WEB安全色库,可以在选择色彩时直接复制。
13.官方提供对应工具,帮助我们直接填充颜色和检视效果。
14.本节课程结束,谢谢大家,下节课再见。
以上就是【UI进阶】-谷歌MD设计规范认识图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!