| md3 Expressive 这个新的版本有点太夸张了
引入
我曾今一直是一个热衷于向身边人展示质感设计(material design)的适用性的人,codingmway 这个网站经历了两次界面上的改动,从 md2 到 md3,算是真的把 md 几个版本实际在 web 这个平台上应用过。md3 Expressive 这个新的版本有点太夸张了,不适合 web 这个平台的用户和开发者接触。
md2:符合常识的系统
这个版本是质感设计的全盛时期。我非常喜欢系统中的一个设定——数字纸张,手机屏幕是有厚度的,这就允许我们规定界面上元素的层级,不同元素之间有高低差,所以光线会造就阴影。其次,界面元素类似纸张,它可以被切割、与其他元素合并等。。。从这两个点可以感知 md2 的系统是符合物理世界的感官体验的,我很愿意为这个概念买单,从本站以往两次改动的体验上也确实证明 md2 可以适应 web 平台。
md3:更多的颜色、形状,“抛弃阴影”
连 surface (页面的背景)也应用上了淡淡的主题色,md3 是喜欢和颜色打交道的,我能感受到这个设计系统开始往广泛性、可自定义的这种概念发展。这是好事,目前还没有什么设计系统敢考虑这种胆大的设定,如果能把握好分寸,是可以适合未来发展的。
从官方的文档中可以发现形状也是这个版本的一个重点。这个设定可能是延续自 md2 的形状系统,以前这个形状是应用在组件上的,允许输入框或者卡片的边缘更改为圆角或者切割的三角等形状。现在发展成了奇怪的圆润多边形、圆润的三角形以及波浪线进度条。。。也不是不能接受,也许,能适应。。。吗?
md3 Expressive:多元化?
Expressive 意思是“善于表达;表现的;有表现力的”。谷歌开始让这个系统往奇怪的方向发展了,为什么要有这么多形状和颜色层级呢?
有人评价:“这个系统是谷歌为了表现自己已经适应多元文化。谷歌是这方面的急先锋。”也不是不无道理,这版本的 md 确实太抽象了,反观隔壁 iOS 那一套设计系统在其现状上发展,也比现在的 md 好上几倍。
总结:md3 Expressive 不适合 web 平台
太丑了,没有个人开发者愿意配合高傲的公司去采用这一套设计系统的,界面就像是被绑架了一样,被打的到处都是形状和淤青。
过多的颜色层级会分散用户对于核心内容的注意力,过多的形状同理。对于国内商业化场景的应用来说,md 这个系统规范已经没有什么机会再去影响公司的领导去选择了,我也没有义务再去采用这个新版本的规范。再见,质感设计,饭后的谈资。