首页 › design › Liquid Glass:Apple最大胆的设计豪赌为何真的赢了

Liquid Glass:Apple最大胆的设计豪赌为何真的赢了

2025年6月9日,WWDC主题演讲结束后的24小时内,一条推文获得了超过1850万次浏览。推文引用了Steve Jobs的名字,配图是iOS 26控制中心半透明的玻璃质感界面,配文是"Steve Jobs would've fired everyone"。

这是Apple史上最具争议的设计变革。从iOS 7的扁平化到Liquid Glass的"液态玻璃",Apple用一次激进的视觉革命撕裂了整个设计社区。有人称其为"自Aqua以来最伟大的设计语言",有人则直呼"Windows Vista重制版"。

但很少有人从设计理论的底层逻辑去拆解这场争议。YouTube频道BetterWay发布的视频《Why Apple's Most Controversial Design Is Actually Brilliant》做到了这一点——它用Progressive Disclosure(渐进式披露)和Affordance Theory(示能理论)等经典设计框架,论证了Liquid Glass不是一次视觉上的炫技,而是一套经过深思熟虑的交互哲学。

这才是真正值得深挖的故事。

视频背景卡片

项目 内容
视频标题 Why Apple's Most Controversial Design Is Actually Brilliant
频道 BetterWay
订阅数 4.02K
播放量 180,269
发布日期 2025年6月25日
核心主题 用设计理论框架解析Apple Liquid Glass的交互逻辑

一、Liquid Glass不是"好看"那么简单

在BetterWay的分析中,最核心的论点是:Liquid Glass不是视觉装饰,而是一套信息层级系统。

Apple在WWDC25的Human Interface Guidelines中明确写道:Liquid Glass的应用应该"展示内容与控件之间的层级关系"。这句话翻译成设计语言就是——用材质的透明度、折射率和模糊程度来告诉用户"什么重要,什么次要,什么可以忽略"。

视频指出,这恰恰是Progressive Disclosure(渐进式披露)的经典应用。这个概念由交互设计先驱John M. Carroll在1983年提出,核心思想是:不要一次性向用户展示所有信息,而是根据用户当前的任务和上下文,逐步揭示更多细节。

Liquid Glass的实现方式是:工具栏、标签栏等导航元素使用半透明玻璃材质,让背后的内容若隐若现;而主要内容区域保持高对比度的清晰呈现。 这创造了一种视觉上的"前景-背景"分离——你一眼就知道该看哪里。

这不是随机的设计选择。Craig Federighi在WWDC后接受华尔街日报采访时透露,Apple的工业设计工作室甚至手工制作了不同透明度和折射特性的真实玻璃样品,以精确匹配界面中模拟的光学属性。

二、从iOS 7到Liquid Glass:设计哲学的钟摆

要理解Liquid Glass,必须回溯Apple设计语言的演变史。

timeline
    title Apple UI设计语言演变
    2007 : iPhone OS 1.0 : Skeuomorphism(拟物化)——皮革、木纹、金属质感
    2013 : iOS 7 : Flat Design(扁平化)——Jony Ive主导,极简至上
    2014 : OS X Yosemite : 毛玻璃模糊——Blur效果的首次大规模应用
    2017 : iOS 11 : 渐进式调整——在扁平与深度间寻找平衡
    2020 : macOS Big Sur : Glassmorphism回归——半透明、圆角、模糊
    2023 : visionOS : 空间计算UI——全息玻璃质感的诞生
    2025 : Liquid Glass : 液态玻璃——Apple六大OS统一的全新设计语言

2013年,Jony Ive用iOS 7的扁平化设计彻底清除了Scott Forstall时代的拟物化美学。那次变革在视觉上是激进的,但在交互逻辑上是简化的——去掉了所有"不必要"的装饰,让内容本身成为界面。

但12年后的Liquid Glass做了一件不同的事:它不是回归拟物化,也不是继续扁平化,而是创造了一种新的"数字材质"。这种材质既有玻璃的物理质感(折射、反射、模糊),又有液体的动态特性(流动、形变、适应)。

Wikipedia的Liquid Glass词条将其称为"glassmorphism"的集大成者——这个概念最早由Microsoft的Fluent Design在2017年提出,在2020年的macOS Big Sur中被Apple大规模使用,现在终于在Liquid Glass中得到了完整的理论化和系统化。

三、Affordance Theory:为什么"像玻璃"很重要

BetterWay视频中另一个关键论点来自Affordance Theory(示能理论)。

这个理论由心理学家James J. Gibson在1977年提出,后来被Don Norman在《The Design of Everyday Things》(设计心理学)中引入交互设计领域。核心思想是:好的设计应该通过视觉线索让用户直觉性地知道如何操作。

一个门把手暗示"拉",一个按钮暗示"按"。而Liquid Glass中的玻璃材质暗示的是"这里有控件,它在你需要时出现,不需要时隐退"。

具体来说:

视频特别强调了Apple对"toolbar脱离边框"这一设计的处理。在Liquid Glass中,工具栏不再固定在屏幕边缘,而是"漂浮"在内容之上,变成可收缩的气泡。当你滚动时,标签栏缩小;当你停止时,它重新展开。这种设计通过动态的空间关系而非静态的颜色和边框来传达层级信息。

四、争议的核心:可读性之战

但批评者的声音并非没有道理。Wired杂志采访了多位设计师,得到了一个分裂的结论:"Beautiful" and "Hard to Read"。

这是Liquid Glass面临的最核心的批评:在追求视觉表现力的同时,可读性是否被牺牲了?

设计师们指出的具体问题包括:

  1. 低对比度场景下的文字辨识度——当背景图片色彩丰富时,半透明控件上的文字几乎无法阅读
  2. 直射阳光下的可用性——在户外场景中,Liquid Glass的精细光学效果完全失效
  3. 小团队的适配成本——独立开发者可能无法投入足够资源来适配这套复杂的视觉系统

Apple对此的回应是迭代式的。从iOS 26 Beta 1到正式版,Apple进行了多轮调整: - Beta 3中增加了导航栏的不透明度 - Beta 4中改进了系统覆盖层和模态背景的对比度 - iOS 26.1 Beta 4中甚至增加了用户可调节的透明度控制开关

这种"发布-反馈-调整"的循环本身也是一个值得注意的设计策略——Apple罕见地承认了设计需要通过用户测试来校准,而不是一次性地强加于人。

五、YouTube也在学:Liquid Glass的跨平台影响

Liquid Glass的影响不局限于Apple生态。2026年,YouTube推出了全新的视觉品牌系统,其中最明显的变化就是从纯红色转向红-品红渐变,以及全新的半透明视频播放器设计。

Google Design专门发布了一篇长文《YouTube's New Hue》来解释这次品牌更新的设计过程。文中YouTube视觉设计主管Robyn Lee说了一句意味深长的话:"We wanted an evolution, not a revolution"(我们要的是进化,不是革命)。

这与Liquid Glass的设计理念惊人地一致。YouTube的运动设计总监David Amichai进一步解释了如何通过渐变和运动来创造"活力感":"With a gradient, we can use more subtle animations and create ambiance in a less intrusive way"(借助渐变,我们可以使用更微妙的动画,以不那么突兀的方式创造氛围)。

YouTube的设计团队还考虑了Apple设计团队同样面临的问题: - 色彩的无障碍性——为新红色创建了浅、中、深三个变体,以满足4.5:1的最小对比度要求 - 设备性能适配——不在低端设备上启用新的启动动画,因为会增加性能负担 - 品牌色的克制使用——Robyn Lee说:"We didn't want to paint the town red!"(我们不想把整个城市都涂成红色)

这暗示了一个更大的趋势:整个科技行业正在从"扁平化"转向一种新的"数字材质"设计范式。

六、设计理论的知识地图

mindmap
  root((Liquid Glass<br/>设计分析))
    设计理论
      Progressive Disclosure<br/>渐进式披露
        信息层级分离
        上下文感知显示
        前景-背景区分
      Affordance Theory<br/>示能理论
        玻璃=控件区
        动态空间关系
        物理隐喻
    视觉特性
      折射与反射
      实时高斯模糊
      液态动画
      明暗自适应
    设计渊源
      Aqua (macOS)
      Windows Aero/Vista
      Glassmorphism (2021)
      visionOS空间UI
    争议焦点
      可读性 vs 美感
      开发者适配成本
      设备性能要求
      户外场景可用性
    行业影响
      YouTube品牌重塑
      Material Design演进
      Fluent Design发展
      数字材质新范式

七、Craig Federighi的工坊秘密

最令人印象深刻的细节之一是Federighi在接受采访时透露的:Apple的工业设计工作室手工制作了真实玻璃样品。

这不是比喻。设计师们真的去玻璃工坊,制作了不同透明度、不同折射率的玻璃板,然后在真实光照条件下观察它们的光学效果。这些观察结果被直接编码到Liquid Glass的shader(着色器)系统中。

这也解释了为什么Liquid Glass对硬件的要求如此之高——它不是简单的CSS blur效果,而是基于物理的光学模拟,需要Apple Silicon的GPU计算能力来实时渲染。Federighi本人也承认,如果没有Apple芯片提供的额外计算能力,Liquid Glass根本无法实现。

这个细节揭示了一个重要的设计原则:最好的数字材质设计来源于对物理世界的深入观察,而不是对像素的凭空想象。

八、对设计师的实战启示

如果你是一名UI/UX设计师,Liquid Glass的整个演进过程提供了几条可以直接应用的教训:

1. 用材质而非颜色来传达层级

传统做法是用灰色背景、边框或阴影来区分不同层级。Liquid Glass提供了一种更优雅的方案:用材质的"透明度-折射率-模糊度"三维参数来定义层级。在你的项目中,可以尝试用3-4个预设的"材质层"来替代传统的颜色层级系统。

2. 让"消失"成为一种设计语言

Liquid Glass最激进的设计是让控件在不需要时几乎消失。这要求设计师思考的不是"控件应该放在哪里",而是"用户在什么时刻需要什么控件"。这是从"布局设计"到"时序设计"的思维转变。

3. 为争议做好迭代准备

Apple在Beta阶段进行了多轮调整,最终在iOS 26.1中甚至提供了用户可控的透明度开关。这意味着即使是最顶级的设计团队,也需要通过用户反馈来校准设计。不要期望一次就做到完美——构建可调节的设计参数比追求绝对正确更重要。

4. 物理世界的观察是不可替代的

Apple的设计师去看真实玻璃。YouTube的设计师在多个设备上测试渐变效果。这些"笨办法"在AI设计工具日益普及的今天反而更加珍贵——因为AI能生成视觉效果,但无法生成对物理世界的直觉理解。

延伸学习路径

  1. Apple Human Interface Guidelines - Liquid Glass — Apple官方的设计规范文档,包含所有材质参数和最佳实践
  2. Don Norman《设计心理学》(The Design of Everyday Things) — Affordance理论的经典来源,理解为什么"像什么"比"是什么"更重要
  3. Wired: 'Beautiful' and 'Hard to Read': Designers React to Apple's Liquid Glass — 最好的争议性报道,展示了设计社区的真实分裂
  4. Google Design: YouTube's New Hue — YouTube品牌重塑的完整设计案例,是Liquid Glass理念在非Apple生态中的应用范例
  5. John M. Carroll《The Nurnberg Funnel》(1998) — Progressive Disclosure理论的奠基之作,虽然出版于25年前,但Liquid Glass的设计逻辑与之高度一致

一句话总结

Liquid Glass真正的创新不是让界面变"好看",而是用物理世界的材质隐喻重新定义了数字界面的信息层级系统——它证明了一件事:当设计争议足够大的时候,往往意味着一次真正的范式跃迁正在发生。

参考来源

  1. Why Apple's Most Controversial Design Is Actually Brilliant — BetterWay,分析的核心视频
  2. 'Beautiful' and 'Hard to Read': Designers React to Apple's Liquid Glass — Wired对Liquid Glass争议的深度报道
  3. YouTube's New Hue - Google Design — YouTube 20周年品牌重塑的设计过程
  4. Meet Liquid Glass - WWDC25 — Apple官方WWDC演讲

本文由「51学通信」技术团队出品。51学通信由通信行业18年老兵爱卫生(微信ID: gprshome201101)维护,聚焦5G/6G核心网、3GPP标准解读、通信前沿技术深度分析。 出版作品有《5G核心网原理与实践》《IMS原理与实践》等4本通信专业书籍。知识星球「51学通信」提供深度技术答疑和行业洞察。

[!tip] 51学通信知识星球 星主:爱卫生(微信:gprshome201101)——公众号「51学通信」创办者,19 年通信行业运维与讲师经验,著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书(各大电商平台有售)。 星球定位:深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域,主打运维岗位与信令分析。 当前规模:5200 篇主题 / 990 个回答,198 元/年。 加入福利:加入星球后请加爱卫生微信,拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题,另有群内分享。 AI 加持:51学通信知识星球已作为 skill 接入 WorkBuddy,使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例,做总结、找文档和 PPT 等场景全覆盖。

51学通信知识星球海报-扫码加入