1

What is Material You

 2 years ago
source link: https://blog.mayandev.top/2021/11/25/design/material-design-0/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

What is Material You

发表于 2021-11-25

|

更新于: 2021-11-30

| 分类于 设计

| 0

| 阅读次数: 5

字数统计: 653

|

阅读时长 ≈ 2

What is Material You

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

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

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

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

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

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

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

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

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK