What is Material You

What is Material You

Material You 是 Google 今年(2021)推出的第三代设计语言,也可以把它称作 Material Design 3。掐指一算,Material Design 从第一代发布至今已有 7 个年头。随着时间的推移以及生活环境的改变,用户的需求从实用性层面转变为情感价值,Material Design 此次更新,也正强调其个性化的用户体验。

0_mHOKfAg6KjA_1-td

Material You 率先登陆了 Android 12 系统,在购买 Google Pixel 并深度体验一段时间后,Material You 设计给笔者的感受是:

  • 一切围绕着主题颜色。随意更换一张壁纸,系统便会根据壁纸的颜色,将图标、小部件、设置面板等内容重新着色,整个系统看起来焕然一新。
  • 圆润与不规则。在小组件的设计中,不再拘泥于常规的 UI 形状,图形语言变得更加丰富。同时,按钮、导航、卡片等控件变得更加圆润。
  • 真实与舒适。例如在充电时会激起的闪光灯涟漪效果,在滑动时的 UI 会产生一定的拉扯感。

z0q2UC

随着设计规范的逐步完善,Android 12 中的很多 App 都对 Material You 进行了适配,在实用性、可访问性方面有了很大的提升。Android 平台的颜值标杆:Material You 应用大赏 文章中介绍了 Android 12 已适配 Material You 设计的 App,有兴趣的读者可以进一步阅读。

Google 最近也发布了 Material You 的设计文档,文档中对颜色、字体、控件、响应式等等提出了设计与使用规范,其中囊括了很多设计案例,值得深究与学习。例如一个简单的按钮,Material You 为其定义了八种样式,每种样式对应着不同的场景。

2DgUIi

按照优先级来说,(7,8,2)>(3,1,4)>(5,6)。按钮 7 和按钮 8 称作 FAB(Floating Action Button,浮动操作按钮),是一个屏幕的主要操作,在所有的按钮中其优先级最高,主要的应用场景有新增、编辑等操作。在大尺寸的屏幕设备上,通常使用按钮 8。其他的按钮根据自身的视觉特性以及产品需求,应用于不同的场景,这里限于篇幅,不再做赘述。

本篇作为《What is Material You》系列文章的开篇介绍,在之后的文章中,笔者会对每个 Material You 设计规范中的控件、样式、响应式等设计内容做更进一步剖析,敬请期待。

邹明远 wechat
欢迎关注我的公众号「嗜码」
请我喝杯快乐水