# 苹果Liquid Glass：12年设计轮回的终极押注 ## 导语 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设计语言的首次上手体验与深度解析 | ## 核心内容拆解 ### 1. 从Skeuomorphism到Flat再到Glass：苹果的12年设计钟摆 要理解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正是扁平化"过度简素"后的必然反弹。 ### 2. 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"（可读性）**——这表明他们并非没有意识到透明度可能带来的阅读问题，而是在试图用技术手段解决它。 ### 3. 设计师的两极分化：美丽与可用的永恒战争 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在视频中展示了一个非常有说服力的对比：在浅色壁纸下，控制中心的半透明按钮确实美得惊人；但当壁纸变成高对比度的复杂图片时，同样的按钮上的文字立刻变得模糊不清。这不是审美问题，而是**功能性问题**。 ### 4. 苹果的设计哲学跃迁：从"少即是多"到"适度的多" 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的那个）的根本性范式转移。 ### 5. 行业影响：设计圈的地震波 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正在成为**全平台的设计方向标**。 ### 6. MKBHD的核心洞察：好的设计不是风格，是系统 视频中最有价值的一段不是视觉展示，而是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."（无论你爱它还是恨它，你都无法忽视它——而这恰恰就是重点。）苹果要的从来不是所有人喜欢，而是所有人**都在讨论**。 ## 知识结构图 ```mermaid mindmap root((Liquid Glass
设计革命)) 历史脉络 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趋势 ``` ## 实战启示 ### 对于UI/UX设计师 Liquid Glass不仅仅是一个需要模仿的视觉风格，它提出了几个你需要认真思考的设计问题： 1. **重新审视"层级"的概念**。过去我们用颜色深浅和大小来表达层级，Liquid Glass引入了**透明度和折射率**作为新的层级维度。开始学习如何在设计中运用`backdrop-filter`、`glass-effect`等CSS属性，它们正在成为新的设计基础。 2. **可读性不能妥协**。苹果自己在文档中13次提到"legibility"说明他们也在挣扎。在你的设计中，透明效果永远不能以牺牲文字可读性为代价。一个实用的做法是：在所有玻璃效果后面增加一个**自适应的对比度补偿层**——当背景变亮时自动加深文字，当背景变暗时自动提亮文字。 3. **学习材料思维**。未来的UI设计师需要像工业设计师一样思考——你的界面元素有重量吗？有质感吗？光线如何与它交互？这不是加个CSS滤镜就能解决的问题，它要求你理解光学和材料学的基础概念。 ### 对于产品经理和创业者 4. **关注设计负债**。如果你正在构建产品，Liquid Glass的兴起意味着你需要在视觉上重新评估竞争格局。但不要盲目追风——如果你的用户群体中有大量无障碍需求用户，全盘转向透明化设计可能适得其反。 5. **预判设计趋势的方向**。从Flat到Liquid Glass的演变说明了一个规律：**设计趋势正在向"有触感的数字体验"方向加速**。VR/AR设备的普及只会强化这个趋势——当你在三维空间中操控界面时，你需要的恰恰是Liquid Glass提供的"物质感"。 ### 对于技术学习者 6. **GPU渲染和Shader编程**正在成为前端开发的新核心竞争力。Liquid Glass的效果需要实时片段着色器（fragment shader）来实现，这意味着WebGL、WebGPU、Metal等技术栈的价值将持续上升。 ## 延伸学习路径 1. **Apple官方Liquid Glass设计指南** — [developer.apple.com/design](https://developer.apple.com/design/new-design-gallery-2026/) — 苹果官方的设计资源和新设计Gallery，展示了头部应用如何适配Liquid Glass。 2. **"Meet Liquid Glass" WWDC25 Session** — [developer.apple.com/videos/play/wwdc2025/219](https://developer.apple.com/videos/play/wwdc2025/219/) — 苹果设计师亲述Liquid Glass的设计原理，约45分钟，含代码示例。 3. **"iOS 26's Liquid Glass Through the Lens of Design History"** — [verklaren.space](https://verklaren.space/liquid-glass-through-design-history/) — 将Liquid Glass放在完整的苹果设计史中分析，视角独特。 4. **Roger Wong: "Breaking Down Apple's Liquid Glass"** — [rogerwong.me](https://rogerwong.me/2025/06/breaking-down-apples-liquid-glass) — 8分钟的深度技术分析，特别关注了"legibility"被提及13次这个细节。 5. **Canva 2026 Design Trends Report: "Imperfect by Design"** — [canva.com/design-trends](https://www.canva.com/design-trends/) — 理解Liquid Glass不是孤立现象，而是全行业设计哲学转变的一部分。 ## 一句话总结 **Liquid Glass不是一个UI风格更新，而是苹果用芯片+软件+工业设计的三位一体能力，向全行业宣告"数字世界需要物理感"的宣言——无论你喜不喜欢，这场设计范式转移已经开始。** ## 参考来源 1. [iOS 26 Hands-On: Liquid Glass! - MKBHD](https://www.youtube.com/watch?v=FXrcFeuYtq8) — 分析的核心视频 3. ['Beautiful' and 'Hard to Read': Designers React to Apple's Liquid Glass - Wired](https://www.wired.com/story/designers-react-to-apple-liquid-glass/) — 设计师社区的两极化反应 4. [Breaking Down Apple's Liquid Glass - Roger Wong](https://rogerwong.me/2025/06/breaking-down-apples-liquid-glass) — 技术深度分析 5. [Liquid Glass vs. Skeuomorphism and Flat Design - Wolf n Hare](https://wolfnhare.com/liquid-glass-vs.-skeuomorphism-and-flat-design-apple-s-new-material-middle-ground) — 设计范式比较分析 --- > 本文由「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 等场景全覆盖。