聊一聊安卓新一代设计语言M3 Expressive















谷歌刚刚发布了新一代设计语言Material 3 Expressive,那么Android 16和iOS19一样,视觉上应该会迎来大更新。
仔细看了下更新的内容,我认为M3 Expressive的评价可能会比较两极化。
👉Material 3 Expressive究竟长什么样?
图3的对比很直观,M3E用更多卡片和色块来把内容区分,功能按钮成组,并且最紧要的按钮可以做的很大,看上去采用M3E设计的新UI层级清晰,界面简洁又不失活力,这个用于展示的概念界面确实还不错。
👇先罗列一下具体有哪些更新:
🔹加入了几种全新的UI组件,一些旧组件也更新了样式(图9~图14)
🔹更符合物理直觉的动效细节,加入一些弹性动效,整体更加生动、流畅、自然(图4、图5)
🔹更多用于强调的字体,多了几种可以自由调节字重的可变字体
🔹35种用于装饰、图片蒙版的形状,形状之间加入了过渡变形动画(图6)
🔹生动的配色系统,保留上一代UI随壁纸变色的动态变色特性,加入更多配色方案(图7)
👉更新较大的UI组件包括浮动菜单(图9)、进度条(图10)、加载图标(图11)、拆分按钮(图12)、成组按钮(图13)、工具栏(图14)
👇在我这里M3E的槽点主要有四点:
🔹新的成组按钮,让不同圆角大小的矩形和圆形按钮拼在一起,有一种混乱感,影响UI的一致性。
🔹新的控制中心(图2)也有这个问题,各种大圆角小圆角的按钮这样放在一起,跑道形状按钮选中时又变成小圆角矩形按钮,就跟换了一个按钮似的。而且控制中心也加入了背景模糊,似乎跟整体风格格格不入。
🔹新的圆形进度条(图1)引入了以前音乐播放进度的波浪形设计,看上去相当怪异。
🔹颜色过于丰富的界面是否会产生童稚感?是否会影响可读性。
不过话说回来,除了谷歌自己App,其他App很少会采用原生安卓的设计,我倒是挺期待接下来谷歌全家桶按照Material 3 Expressive更新出来会是什么样子😏
Image Credit: Google
夜雨聆风
