Liquid Glass, WWDC25

Liquid Glass(液态玻璃)可谓 WWDC25 中除了命名更新以外最大的更新了。俗话说“科技以换壳为主”,视觉感官上改变所带来的冲击力,总是高于新功能所带来的冲击感受。

开场

今年开场又双叒叕没有对开发者的致敬了,WWDC变了,再也不是那个以开发者为中心的大会了,完全成为了 Craig 的个人 F1 秀。

一开场就提到去年的 Apple Intelligence 所取得的成绩,所以呢??都过了一年了,国区苹果智能还在准备,最近又有消息称 iOS 18.6 依然不会正式发布国区苹果智能。所以,根本就没有什么可聊的,我今天就只想聊聊 Liquid Glass。

Liquid Glass

苹果在 WWDC25 上官宣迄今规模最大的设计更新 —— Liquid Glass(液态玻璃)。苹果是非常偏爱 Liquid 这个词语,早在 Liquid Display 显示屏就采用了这个词语,只不过这里的 Liquid 更多程度上指的是 LCD(Liquid Crystal Display),而 Liquid Glass 则更加偏向于“流体”的感觉。

苹果官方介绍称,新的设计语言是受 visionOS 启发的,它能折射光线,动态地体现运动,会根据内容和上下文而变化而呈现不同的光泽,还能智能适应浅色和深色模式。

Windows Vista

我相信,绝大多数人会第一时间想到 Windows Vista 的 Aero,即 Authentic(真实)、Energetic(动感)、Reflective(反射)及 Open(开阔),是具立体感、令人震撼、具透视感和阔大的用户界面。

很多外媒也是这么认为的,

It was January 2007, and Microsoft introduced the world to Windows Vista — an ambitious overhaul of the Windows operating system, and one of the most beautiful OS ever designed. At its core was Windows Aero, a user interface that traded the utilitarian XP look for something far more expressive: translucent windows, smooth animations, glowing highlights, and that unforgettable “glass” effect.

Windows Vista and Aero Design — Liquid Glass 18 years Ago

2007年1月,微软向世界推出了 Windows Vista —— 这是对 Windows 操作系统的一次雄心勃勃的全面革新,也是迄今为止设计最精美的操作系统之一。其核心是 Windows Aero,这是一种用户界面,它摒弃了 Windows XP 的实用主义风格,转而采用更具表现力的设计。

Aero 不仅仅是一次设计更新,更是一次视觉上的宣言。粉丝们称之为 “Vista 的用户界面捕捉到了一种我们从未在 PC 上见过的未来主义优雅感”。但 20 年后,Aero 的故事不仅仅是视觉上的怀旧,更是美感、性能和时机的典范。

Windows Vista 的失败,没有人认为是 Aero 设计上的问题,更多的是因为其对硬件要求极高,当时大多数机器还没有准备好。

腾讯云

另外一个很喜欢类玻璃风格的,就是腾讯云。

在腾讯云官网设计中,使用了很多这种「模糊玻璃」风格的 Three.js 模型和 Icon,给人一种很干净和清透的感觉。同时,配色统一,只采用了一种主色,不会给人造成视觉上的混乱。

我的毛玻璃

我在 2020 年也对子站点的图标进行了一次「毛玻璃化」设计:

每个 Icon 的主色也都只采用了一种主色,且跟各自子站点的前端配色相统一,不会带来视觉上的混乱。

我的评价

这种玻璃的形状和视觉,都是通过光线的折射、反射和散射而表现出来的。例如下方的「透明字母 Z」,首先需要确定一个或若干个光照类型和反向,确定周围的环境,然后才能在「Z」的左侧进行金属光泽的泛着,上侧和右侧是光线的反射,而整体确实透明的。

玻璃态设计,最大的难点就是「光线」和「颜色」。在玻璃态设计,往往不会出现过多的颜色,否则就会造成「炫彩夺目」的光线污染。同时,玻璃态的背景一般采用一定的模糊,已降低背景对内容的干扰。

目前 iOS 26 等系列的系统,最大的问题就是:

  1. 没有背景模糊:这就会导致前景信息对比度、区分度不够,看起来非常费眼。特别是 iOS 26 第一个 bata 版的控制中心,极致糟糕的体验;
  2. 主颜色过多:如果用户只使用 App 的默认图表,就会造成颜色的混乱,在加之各个 App 为了争夺视觉效果,往往使用的设计颜色饱和度较高。所以苹果才顺势推出了统一「Liquid Glass」风格的 Icon 主题,以挽救这个目前失败的视觉体验。

ONing
ONing

建筑与计算机交叉方向的研究生

留下评论

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