Material Design 设计规范入门

说到 Material design 不得不提安卓操作系统,最早的安卓系统是一个基于 Linux 的开放源代码的操作系统,由于它的免费开源和出众的性能被快速广泛的应用在各种设备中。

安卓

说到 Material design 不得不提安卓操作系统,最早的安卓系统是一个基于 Linux 的开放源代码的操作系统,由于它的免费开源和出众的性能被快速广泛的应用在各种设备中。2005年安卓被谷歌收购,从此安卓的发展更是如虎添翼,如今有超八成的智能手机搭载安卓系统,除了 iPhone 之外,可以说几乎全部都是 “安卓手机”,不仅如此,就连银行的ATM机的操作页面,商场的导视屏幕,博物馆的互动交互屏幕等等都搭载了安卓系统。

之所以说是带引号的 “安卓手机” ,是因为目前市面上的各大厂商都利用 安卓 这个优秀的底层框架去开发了自己的系统,比如国内的 小米、华为、 联想、魅族等等,所以 安卓 的市场可以说是疯狂生长,很难有 苹果生态 中那样严格统一的设计规范,这也是为什么在做界面设计时往往先做 iPhone 版本,再去适配为各种 安卓 版本。

Material design

Material design 是谷歌为旗下全线产品提供的一套完整的设计规范,从2014年发布到现在,Material design 不仅仅是安卓设备阵营的设计规范,这种设计风格甚至被应用在苹果设备和windows设备中。

作为设计规范它的设计风格非常独特,具有包容性但同时又非常严格。所以要将这套规范全部讲解真是个大工程,所以今天就从 Material design 的设计原理说起,等不及设计规范讲解的小伙伴可以自行去官网查看 material.io

Material Design 的设计理念和风格对UI设计风格发展趋势有着非常大的影响,甚至从最近流行的新拟物风格中都可以看到 Material Design 设计风格的影子。

在扁平风格的基础上加入了Material design 的设计理念

Material Design 在扁平风格的基础上加入了许多物理现实中的隐喻元素,像质感、投影、速度等等,这些设计都让 Material Design 的可用性增加,并且降低了学习成本。

Z轴概念

在 Material Design 的众多设计理念中,非常有代表性和深远影响的当属Z轴概念 了。我们知道,当二维平面到三维空间时,Z轴则出现。手机界面是典型的二维平面,Material Design 在平面中引入 Z轴 则是在突出界面中每个物体都有它的厚度,和高度的理念。

Z轴的概念十分巧妙,它是对现实中物理现象的隐喻,有了相对高度,就有了不同形态的投影,界面上的物体就自然的实现了「错落有致」。

距离用户越近(物体悬浮越高)投影则越大,反之则越小。

界面中,Z轴的应用。


Z轴的概念对后续的各种设计风格影响很深,国内最大的一套设计规范—— Ant design 中,在描述阴影规则时也加入了Z轴的理念。

Material Design中物体相对高度对比。

Ant design中物体相对高度对比。

这次的Material Design 设计规范入门就讲到这,关于这套庞大的设计体系后续会继续为大家讲解。

入门教程请看
SU保姆级教程,入门就靠这三点
独立设计师的入门设计工具

文章作者:MUzi
南安普敦大学交互设计硕士
擅长交互设计与用户体验相关专业辅导和课程知识体系建立

任何关于院校和作品集的问题
欢迎随时和马克君沟通
知无不言,言无不尽

Leave a Reply