2025年6月9日,WWDC大会上Craig Federighi展示iOS 26的那一刻,整个设计界炸了锅。一个 translucent 的、会折射光线的、如同流动液体般的界面取代了统治我们手机12年的扁平设计。这就是Liquid Glass——苹果自iOS 7以来最大胆的设计赌博。MKBHD的上手视频在48小时内突破千万播放,评论区吵成一团:有人说"这是设计的未来",有人说"Steve Jobs会开除所有人"。但不管你站哪边,Liquid Glass都不只是一个UI更新——它是苹果对"数字世界应该长什么样"这个根本问题的重新回答。今天,我们通过MKBHD的上手体验视频,深度拆解这场设计革命背后的逻辑、争议和未来走向。
| 项目 | 内容 |
|---|---|
| 视频标题 | iOS 26 Hands-On: Liquid Glass! |
| 频道 | MKBHD (Marques Brownlee) |
| 时长 | 约16分钟 |
| 播放量 | 1000万+ |
| 核心主题 | 苹果Liquid Glass设计语言的首次上手体验与深度解析 |
要理解Liquid Glass为什么是"设计地震",必须先看苹果的设计演变史。2007年第一代iPhone发布时,Steve Jobs和Scott Forstall推崇的是Skeuomorphism(拟物化设计)——记事本应用看起来像真皮笔记本,日历应用有翻页效果,游戏中心的绿色毛毡桌面甚至能看到纹理。背后的哲学很简单:普通人还不知道怎么用触摸屏,所以界面要"像真实的东西"来降低认知门槛。
2013年,Jony Ive主导了iOS 7的惊天转变——Flat Design(扁平化设计)。所有拟物化装饰被一刀切除,取而代之的是纯色块、细线条和大量留白。这个转变在当时同样争议巨大,但最终定义了整个行业的审美方向——Google的Material Design、微软的Metro/Fluent Design全都跟进。
现在,2025年,苹果再次翻转。Liquid Glass既不是拟物化的简单回归,也不是扁平化的延续——它是一个全新的"第三条路"。MKBHD在视频中说了一句很精准的话:"这不像在用软件,像在操控一种物质。" 苹果自己将其描述为"将玻璃的光学特性与流动感结合"。
这个钟摆的周期大约12年,恰好一代人的时间。MKBHD指出,这不是巧合——每一代设计语言在走向极致后都会产生反作用力,而Liquid Glass正是扁平化"过度简素"后的必然反弹。
很多人看到Liquid Glass的第一反应是"这不就是glassmorphism(毛玻璃效果)吗?"——2021年Windows 11和macOS Big Sur确实用过类似效果。但MKBHD上手后发现,Liquid Glass的技术深度远超于此。
实时折射与反射:Liquid Glass不是静态的半透明叠加层。它会根据背后内容实时计算折射路径,甚至能模拟光线的弯曲。当你在主屏幕滑动时,图标和控件的玻璃边缘会像真实透镜一样扭曲背后的壁纸。Craig Federighi在WWDC上透露,苹果的工业设计团队实际制作了不同透明度和折射率的真实玻璃样品,让软件设计师能够精确匹配物理属性。
流体动力学动画:在iOS和iPadOS上,界面元素会响应设备的物理移动——倾斜手机时,控件的玻璃效果会像水滴一样流动。这需要苹果芯片的实时渲染能力,也是为什么Liquid Glass只在较新的设备上完整运行。
层级系统:苹果更新了Human Interface Guidelines,要求开发者用Liquid Glass建立清晰的内容层级——控件浮在内容上方,内容浮在背景上方,每一层都有独特的透明度和模糊程度来暗示深度关系。这不是简单的装饰,而是一种信息架构工具。
Roger Wong在其分析文章中指出了一个关键细节:苹果在Liquid Glass的技术文档中13次提到"legibility"(可读性)——这表明他们并非没有意识到透明度可能带来的阅读问题,而是在试图用技术手段解决它。
Wired杂志采访了多位设计师后得出的结论是:"Beautiful and Hard to Read"(美丽但难以阅读)——这八个字精确概括了Liquid Glass面临的核心争议。
支持派的观点: - 前Apple设计师认为,Liquid Glass终于让数字界面拥有了物理感,这是人机交互长期缺失的维度 - Dynamic Island的成功证明了用户能接受界面元素"活着"——而Liquid Glass是这种理念的全系统扩展 - 对于苹果的生态统一策略来说,Liquid Glass首次让iOS、iPadOS、macOS、tvOS、watchOS、visionOS拥有了真正统一的设计语言
反对派的声音: - 多位UX设计师指出,透明背景上的文字在复杂壁纸面前几乎无法辨认,特别是对视力障碍用户 - UX Collective发表了一篇引发广泛讨论的文章,标题直指核心:"Apple's Liquid Glass isn't just an accessibility blunder—it's an environmental one too"——文章论证了Liquid Glass需要更多GPU渲染,间接导致更高的能耗和碳排放 - 独立开发者Laura Sofia写道:"Liquid Glass is unreadable. Now what?"——她担心小团队无法负担适配Liquid Glass的设计成本 - 一位X用户的评论被广泛引用:"Steve Jobs would've fired everyone"
MKBHD在视频中展示了一个非常有说服力的对比:在浅色壁纸下,控制中心的半透明按钮确实美得惊人;但当壁纸变成高对比度的复杂图片时,同样的按钮上的文字立刻变得模糊不清。这不是审美问题,而是功能性问题。
Liquid Glass背后的设计哲学转变比技术实现更值得关注。从Jony Ive时代开始,苹果信奉的是Dieter Rams的"Less, but better"(少即是多)——去掉一切不必要的装饰,让内容成为焦点。Flat Design正是这种哲学的极致表达。
但Liquid Glass代表了一种新态度:适度地多。界面不再只是内容的容器,它本身成为一种体验。苹果在官方设计文档中写道:Liquid Glass"provides a sense of depth and hierarchy between elements"——关键词是"sense"(感觉)。苹果不再追求界面的透明化(让界面消失),而是追求界面的感官化(让界面可感知)。
这个转变不是孤例。Canva发布的2026设计趋势报告将这一趋势定义为"Imperfect by Design"——完美不精确、不完美中见美学。Adobe的2026趋势报告也在讲同一个故事:从过度精炼回到有质感、有触感的设计。
苹果工业设计工作室制作真实玻璃样品这件事本身就说明了一切——他们不再把界面设计当作纯数字问题,而是当作材料问题。这是从"graphic design"到"material design"(不是Google的那个)的根本性范式转移。
Liquid Glass的影响远超苹果生态。MKBHD在视频后半段分析了几个更广泛的行业趋势:
Skeuomorphism的"复仇":多个设计博客已将Liquid Glass标记为"neo-skeuomorphism"(新拟物化)的标志性事件。Web Designer Depot的标题直白得令人发笑:"Apple just resurrected skeuomorphism, but it's hiding behind shiny buzzwords"。2026年的UI设计趋势已经明确指向:Flat Design is Dead。
开发者生态的适应成本:苹果要求所有第三方应用采用Liquid Glass风格,但设计复杂度的飙升让独立开发者头疼不已。一位开发者在Reddit上写道:"我的三人间团队做不出那种折射效果,我们能做的就是加一层半透明模糊——但那不是Liquid Glass,那只是一个廉价的山寨版。"这可能导致App Store上的设计分层:大厂应用精致如水晶,小团队应用粗糙如毛玻璃。
对Android和Web的影响:Google的Material Design 4已在内部测试中加入类似的深度和透明度效果。Web端的CSS也在加速支持backdrop-filter和glass-effect属性。Liquid Glass正在成为全平台的设计方向标。
视频中最有价值的一段不是视觉展示,而是MKBHD在结尾的总结性思考。他指出了一个常被忽略的事实:苹果每一次设计革命都不是孤立的视觉选择,而是与其硬件能力深度绑定的系统决策。
iOS 7的Flat Design之所以能实现,是因为2013年的Retina屏幕让纯色块和细线条看起来足够清晰。如果用2007年的非Retina屏幕显示Flat Design,那些1像素的分隔线会变成锯齿状的灾难。
Liquid Glass同理——它依赖的是苹果芯片的实时渲染能力、ProMotion显示屏的流畅度、以及LiDAR和陀螺仪提供的空间感知数据。这不是"把界面做得好看一点",而是软硬件协同设计的一次完整表达。
MKBHD最后说:"Whether you love it or hate it, you can't ignore it—and that's exactly the point."(无论你爱它还是恨它,你都无法忽视它——而这恰恰就是重点。)苹果要的从来不是所有人喜欢,而是所有人都在讨论。
mindmap
root((Liquid Glass<br/>设计革命))
历史脉络
2007-2013: Skeuomorphism
拟物化降低学习门槛
Scott Forstall主导
2013-2025: Flat Design
Jony Ive的极简主义
影响全行业审美
2025-: Liquid Glass
第三条路:感官化设计
软硬件协同表达
技术内核
实时折射反射
物理级光学模拟
真实玻璃样品校准
流体动力学动画
响应设备移动
苹果芯片实时渲染
层级系统
内容与控件分离
HGI更新
核心争议
可读性危机
复杂背景下的文字模糊
视力障碍用户的影响
能耗与环境
GPU渲染需求增加
碳排放争议
开发者适配成本
小团队难以跟进
App Store设计分层
行业影响
Neo-skeuomorphism浪潮
Flat Design终结
设计钟摆再次摆动
全平台设计方向标
Material Design 4跟进
Web CSS属性扩展
"Imperfect by Design"
Canva 2026趋势
Adobe 2026趋势
Liquid Glass不仅仅是一个需要模仿的视觉风格,它提出了几个你需要认真思考的设计问题:
重新审视"层级"的概念。过去我们用颜色深浅和大小来表达层级,Liquid Glass引入了透明度和折射率作为新的层级维度。开始学习如何在设计中运用backdrop-filter、glass-effect等CSS属性,它们正在成为新的设计基础。
可读性不能妥协。苹果自己在文档中13次提到"legibility"说明他们也在挣扎。在你的设计中,透明效果永远不能以牺牲文字可读性为代价。一个实用的做法是:在所有玻璃效果后面增加一个自适应的对比度补偿层——当背景变亮时自动加深文字,当背景变暗时自动提亮文字。
学习材料思维。未来的UI设计师需要像工业设计师一样思考——你的界面元素有重量吗?有质感吗?光线如何与它交互?这不是加个CSS滤镜就能解决的问题,它要求你理解光学和材料学的基础概念。
关注设计负债。如果你正在构建产品,Liquid Glass的兴起意味着你需要在视觉上重新评估竞争格局。但不要盲目追风——如果你的用户群体中有大量无障碍需求用户,全盘转向透明化设计可能适得其反。
预判设计趋势的方向。从Flat到Liquid Glass的演变说明了一个规律:设计趋势正在向"有触感的数字体验"方向加速。VR/AR设备的普及只会强化这个趋势——当你在三维空间中操控界面时,你需要的恰恰是Liquid Glass提供的"物质感"。
Apple官方Liquid Glass设计指南 — developer.apple.com/design — 苹果官方的设计资源和新设计Gallery,展示了头部应用如何适配Liquid Glass。
"Meet Liquid Glass" WWDC25 Session — developer.apple.com/videos/play/wwdc2025/219 — 苹果设计师亲述Liquid Glass的设计原理,约45分钟,含代码示例。
"iOS 26's Liquid Glass Through the Lens of Design History" — verklaren.space — 将Liquid Glass放在完整的苹果设计史中分析,视角独特。
Roger Wong: "Breaking Down Apple's Liquid Glass" — rogerwong.me — 8分钟的深度技术分析,特别关注了"legibility"被提及13次这个细节。
Canva 2026 Design Trends Report: "Imperfect by Design" — canva.com/design-trends — 理解Liquid Glass不是孤立现象,而是全行业设计哲学转变的一部分。
Liquid Glass不是一个UI风格更新,而是苹果用芯片+软件+工业设计的三位一体能力,向全行业宣告"数字世界需要物理感"的宣言——无论你喜不喜欢,这场设计范式转移已经开始。
本文由「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 等场景全覆盖。
