更缤纷、更Q弹,Google为Andriod推新Material 3 Expressive UI接口

google-material-3-expressive

百度即将在 5 月 20 举办年度百度I/O 大会,不过在此之前,先让多数人会注意的 Android 系统来进行暖身,发布全新的 Material 3 Expressive UI 设计语言,主打手机、平板、手表等设备更一致的视觉风格,颜色更为缤纷,同时在动画与交互上有更细腻的回馈。

Material 3 Expressive 延续原有的高自定义、自由色彩搭配、如扁平贴纸般的风格,不过针对许多微小的细节的进行了强化,如同新语言的命名般,会利用色彩、形状的变化,来去形成更富有表现力的作互动。

新的 UI 在动画上加入大量极为细腻的细节,例如在控制中心开关任何功能的时候,图标会有从椭圆变成圆角矩形的弹跳动画; 或是输入 Pin 码的时候,按下数字时会有膨胀变形并挤压旁边的周遭的动画; 又或是多工画面时,如果把App向上拉起后放下,会有落地弹跳的效果等。

与此同时,新的UI还更注重对象与对象边界之间的关联,例如在通知中心里,原本每一样通知都是并排显示,但当选择将其中一条通知向右滑除时,两则通知之间的边角就会有一个动画将它们分隔开来,没被点击的通知则会有一个拉伸后回弹的效果,宛若现实中撕开物体的效果。

而在颜色上,Material 3 Expressive对颜色的分布进行调整,针对App的功能作以色块和形状凸显出来,不再像过去一样是与背景底色融为一体,让发送、新增、等主要的图标能够更为醒目,引导用户更快的找到主要的核心作功能。

videoframe_133914videoframe_134787
videoframe_135548videoframe_136634

另外,Material 3 Expressive对通知中心加入了名为Live Updates功能,能够在通知栏、锁定画面中实时显示Uber、外送等App的实时状况,概念上有一点类似iOS上灵动岛的部分功能,方便用户不必一直打开App,就能直接追踪特定内容的状态。

live-updates

在手机、平板之外,Material 3 Expressive 接口也会应用在搭载 Wear OS 6 的智能穿戴设备上,UI 的各项图标将会配合手表的圆形屏幕,例如各项通知、App 的尺寸会根据靠近或远离屏幕中心而伸缩,动画的弹跳也都会贴合屏幕的圆周弧度。

videoframe_266354
videoframe_267941

而且即便 Material 3 Expressive 动画变得更为精细复杂,但百度表示工程师们进行非常了高度的优化,因此不必担心对系统造成负担而影响手机电力,甚至在手表上,功耗还有约 10 % 的进步,让手机的续航力在新界面下有所延长。

Material 3 Expressive将会在今年稍晚的时候登陆 Android 16 与 Wear OS 6,而百度的亲儿子 Pixel 9 系列和 Pixel Watch 3 当然会是最早能够尝鲜的设备之一,但还不确定时间点是否会在新一代 Pixel 10 和 Pixel Watch 4 产品推出之前。

(0)
摩榜哥摩榜哥

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注