设计风格指南
什么是 Apple Liquid Glass 2024？
告别十年扁平化，苹果液态玻璃将深度重新还给设计——那些会呼吸、随视角流动、如同活晶体切割而成的半透明面板。
Apple Liquid Glass 2024 速览
苹果液态玻璃（Apple Liquid Glass）是苹果为 visionOS 和 Apple Vision Pro 构建的视觉设计语言，随 2023 年的发布会亮相，并于 2024 年 2 月正式随设备推出。其核心是一套半透明、多层叠加的界面系统——面板看起来仿佛由磨砂玻璃或抛光水晶制成，在三维空间中以不同深度悬浮。与将屏幕视为单一平面的扁平化设计不同，液态玻璃将屏幕视为一个体积：界面层层叠加，光线穿透其中，每个面板后方的世界以微妙的模糊与闪光方式呈现——无需硬边框或厚重阴影，便已传达出清晰的层级关系。
这套美学汇聚了多重影响：苹果自身从 Mac OS X 晶莹剔透的 Aqua 界面延续至今的半透明与材质化传统；2020 年代初席卷数字设计领域的玻璃拟态（glassmorphism）浪潮；以及科幻电影界面的视觉语法——那些悬浮的全息面板暗示着超越物理介质的技术感。液态玻璃区别于普通玻璃拟态的，是其精准与克制：背景模糊经过严格校准，高光反射随视角以物理上可信的方式流动，色调从周围环境中提取而非来自固定色板。
最终呈现的是一套以界面表面本身作为意义载体的设计语言。一个让背景内容透过的面板在表达自身的次要地位；一个捕捉到明亮高光的面板在宣告焦点所在。深度不是装饰——它是结构。这使液态玻璃成为首批将三维空间作为一等组织工具而非叠加于扁平布局之上的装饰点缀来对待的主流数字设计语言之一。
Apple Liquid Glass 2024 从何而来？
液态玻璃的种子早在 visionOS 出现之前便已埋下。2000 年史蒂夫·乔布斯发布的 Mac OS X Aqua 界面，首次将模仿抛光糖果与凝胶质感的数字表面带入大众视野——按钮具有体积感，工具栏可见反光，Dock 将界面元素变为镜面。这是一种毫无歉意的拟物化：屏幕模仿物理材质，因为这种模仿帮助用户在全新的操作范式中找到方向。此后超过十年，日益精湛的工艺与拟真感定义了苹果的设计语言。
2013 年的 iOS 7 扭转了这一轨迹。在 Scott Forstall 离开后接手的设计领导层将界面剥离至扁平、轻盈、字体为核心的风格。色彩成为组织工具；深度感与材质模拟被视为视觉噪音。这一范式在此后十年间贯穿 iOS、macOS 与 watchOS。磨砂玻璃效果以有限形式留存——通知中心面板、控制中心叠层、macOS 菜单栏——但它只是脚注，而非哲学。
后来演变为 Apple Vision Pro 的空间计算项目从根本上改变了这一方程式。一台穿戴于现实世界中的头显设备，无法使用不透明的彩色面板，否则会遮蔽用户的物理环境。界面表面需要透明或半透明，才能让佩戴者仍然感知周围的房间。这不纯粹是美学偏好——它是人体工程学和安全层面的需求。在这一约束之下，一种新的材质逻辑应运而生：玻璃成为默认界面材质，不是因为它看起来高端，而是因为它是唯一诚实的材质——对于一台介于用户与世界之间的设备而言。
苹果人机界面团队在 Alan Dye 的带领下，通过 visionOS 1.0 的开发历程完善了液态玻璃系统，精炼了虚拟界面捕捉光线的物理规律、基于背后内容进行色调调整的方式，以及随用户头部移动而变化的高光反射逻辑。这套设计语言明确地向建筑玻璃取经——现代建筑的玻璃幕墙在清晨与黄昏呈现出截然不同的面貌，既映照天空又让室内光线渗透而出。到 visionOS 于 2024 年 2 月正式公开发售时，液态玻璃已被打磨为一套连贯的设计系统，拥有属于自己的层叠、着色、模糊程度与透明界面后方内容处理规则。
Apple Liquid Glass 2024 的视觉特征是什么？
半透明界面层
液态玻璃的标志性材质是一种既非完全不透明也非完全透明的界面层。它呈现为磨砂或抛光玻璃的质感——后方内容清晰可见却经过柔化，如同隔着磨砂玻璃看清一张面孔。透明度并非在整个设计中保持一致，而是依据层级与每个面板的语义角色而变化。主要内容层更接近不透明；辅助叠层更接近透明。这种不透明度的渐变在无需彩色边框的情况下传达出清晰的层级关系。
背景模糊
每一个液态玻璃面板都会对其后方内容施加模糊效果，模糊程度根据面板在层叠结构中的位置精心校准。这种模糊并非均匀施加——它会感知下方内容的亮度与饱和度，在深色背景上略微提亮，在鲜艳背景上微微染色。效果是每个面板都给人一种物理上真实的感受：你会本能地理解它后方有内容、且处于不同深度，就像你透过雨滴划过的车窗本能地感知到窗外的街道。
镜面高光
液态玻璃最具标志性的特征是镜面高光——一道明亮而细窄的反光带，出现在面板的一或两条边缘，仿佛捕捉到远处光源的反射。不同于拟物化设计中渐变风格的内部发光，液态玻璃的高光有其物理依据：它的位置与强度随用户视角的变化而偏移，利用设备的运动传感器与眼动追踪实时更新反射状态。这让每个界面表面都充满生命感与回应感，而非仅仅是被绘制出来的效果。
环境色调取样
液态玻璃面板在色彩上并非中性——它们会根据下方的内容或设备所处的环境进行微妙的色调采样。一个悬浮于暖色夕阳照片之上的面板会带上一丝琥珀色；置于蓝色渐变之上的面板则会带有冷调的底色。这种环境色调足够柔和，不会损害面板的可读性，却足以让界面与所在情境产生有机的联结感，而非显得生硬叠加。
深度分层
液态玻璃系统通过明确的深度层级而非色彩对比或边框粗细来表达空间关系。主要内容面板距观察者最近；上下文叠层向后退远；背景界面层锚定整个场景。每一层都有一致的视觉处理方式——模糊程度、高光强度、色调浓淡——使观察者在短暂接触后便能本能地读懂深度信息。这套分层系统以三维层级取代了扁平设计的二维层级，与我们从物理世界中携带的直觉认知相符。
克制的色彩运用
尽管材质效果丰富，液态玻璃在色彩运用上却相当克制。玻璃界面本身基本保持无彩色状态——其色调从情境中借用，而非从固定色板中强加。有意为之的色彩被保留给可交互元素、状态指示器和品牌强调色，即便在这些场合也倾向于使用柔和的粉彩色调而非饱和的原色。整体效果是色彩显得珍贵而有意义，而非装饰性存在——因为玻璃材质自身承担了环境冷暖感的传递，而离散的色彩标记着刻意的意图。
运动与物理感
液态玻璃与动画密不可分。面板的出入遵循弹簧物理特性——它们不是简单地出现或淡入淡出，而是仿佛具有质量与动量地稳稳落定。面板被关闭时，它以真实玻璃收缩的顺从性向内收拢，而非一个扁平形状单纯地缩至消失。状态之间的过渡遵循空间深度的方向逻辑：新面板从后方浮现而来，被关闭的面板向下层退去。在这套系统中，运动不是装饰——它传达的是空间模型的内在逻辑。
谁塑造了 Apple Liquid Glass 2024？
Alan Dye 自 2014 年起担任苹果人机界面设计副总裁，主导了从 iOS 7 扁平化语言，经由此后数年的材质精炼，直至 visionOS 液态玻璃系统的设计演进历程。液态玻璃对他团队的挑战是前所未有的：空间操作系统的约束要求以透明与半透明界面的属性、对运动的高光回应，以及数字面板与其后方物理空间的关系，为整套视觉语法重新奠基。Dye 的烙印在系统的自律性上最为清晰可见——液态玻璃在实现丰富光学效果的同时，维持了始终定义苹果界面设计方式的清晰可读性。
苹果人机界面团队是负责苹果所有操作系统视觉与交互语言的设计组织。在液态玻璃项目中，团队的工作延伸至视觉规范之外，深入物理模拟领域——定义虚拟玻璃界面应如何捕捉和反射光线，如何通过 Vision Pro 的传感器响应用户的头部位置，以及如何根据环境进行色调调整。团队还解决了使液态玻璃具备无障碍可访问性的挑战：一种通过半透明而非实心颜色传达信息的界面，需要为视觉障碍用户重新思考对比度与可读性标准。
尽管 Jony Ive 于 2019 年离开苹果，早于 Vision Pro 发布会整整四年，但他的设计哲学在液态玻璃上留下了深远的影子。在其任期内，Ive 既主导了早期 iOS 拟物化的巅峰时期，也推动了 iOS 7 的扁平化革命——他执掌了液态玻璃所处设计钟摆的两个极端。他对材质诚实性的坚持，以及对光线与物理对象互动方式的敏锐关注，构成了液态玻璃所继承的哲学与美学基因。液态玻璃面板捕捉光线的方式，在某种深刻的意义上，是为 iPhone 实体选择铝与玻璃的同一设计感性的数字表达。
visionOS 平台工程团队与人机界面设计师紧密协作，将液态玻璃从视觉概念转化为技术现实。系统最具标志性的行为——以显示刷新率更新的透视校正镜面高光、适应下方内容亮度的模糊效果、从环境光中取色的面板——均需要全新的渲染解决方案。平台团队的工作建立了基础 API 和渲染原语，使第三方开发者能够构建在液态玻璃环境中感觉原生自然的应用，而非将扁平窗口笨拙地导入空间计算场景中。
今天怎么用 Apple Liquid Glass 2024？
液态玻璃最自然地适用于多层叠加、富有深度感的设计场景——空间界面、浮动叠层面板、搭配鲜明背景图像的主视觉区域，以及任何需要观察者同时解析多个信息层的情境。核心原则是玻璃界面的半透明性应有其意义：一个面板之所以透明，是因为其下方的内容是相关情境，而非单纯作为美学肌理。当设计中每个界面都是半透明的，深度层级便随之坍塌，视觉系统也将失去其组织能力。
在演示文稿中，液态玻璃特别适合以单一大图或渐变作为背景的封面页与转场页。一个承载标题的磨砂面板悬浮于背景之上，沿上边缘捕捉一道细窄的镜面高光，让图像以恰到好处的模糊程度透过，确保文字可读性。内容页应抵制将每个元素都玻璃化的冲动——而是将半透明面板处理保留给引用语、数据注释，以及真正在主层之上的补充信息。数据页面受益于深度系统：主图表占据前景界面层，坐标轴标签与注释则出现在略微后退、更轻盈的玻璃层之上。
对于网页界面设计——仪表板、定价页、产品卡片展示——液态玻璃引入了单纯依靠颜色无法实现的层级感。一条将其后方页面内容模糊化的导航栏，无需深色实心背景便能传达自身常驻最顶层的地位。带有轻度磨砂处理的卡片组件无需硬阴影便与页面背景区分开来。模态对话框与抽屉面板通过半透明性而非遮罩灰化来表达其叠层含义。这套系统在背景内容丰富时效果最佳——鲜艳的渐变、高质量摄影或密集的数据可视化——因为玻璃有值得折射的素材。
在编辑与营销场景中，液态玻璃尤其适合主视觉区域与特性展示模块，在这些场景中深度与立体感传递出高端品质感。一个营销页面可以将全幅视频或动态渐变作为背景，将产品描述与行动号召承载于浮动的玻璃面板之上，随用户滚动时面板的模糊度与高光发生微妙变化。这种风格在社交卡片设计与数字户外广告中同样传达有力：鲜明背景搭配明亮磨砂文字面板，会被第一时间识别为当代高制作水准的美学风格。
应用液态玻璃时最常见的错误，是将其当作滤镜使用——无论深度是否在发挥组织作用，都为每个界面叠加模糊与透明度。结果是设计看起来雾蒙蒙而非层次分明，没有任何元素显示出清晰的深度位置。一个相关的错误是忽略镜面高光：没有那道细窄的亮边在面板一两条边上捕捉光线，一个模糊的透明矩形不过是一个对比度降低的着色方框，而非玻璃界面。液态玻璃需要完整地承诺这套材质逻辑——模糊、色调、高光与物理感知的动效——否则它只会被读作一个未完成的姿态，而非连贯的设计语言。
Apple Liquid Glass 2024 · 常见问题
液态玻璃和玻璃拟态是同一回事吗？
两者共享相似的视觉词汇——都使用了半透明、背景模糊以及面板边缘的浅色描边——但液态玻璃的规范更为精确，且有物理依据。玻璃拟态作为一种设计趋势，在很大程度上是装饰性的：以任意参数将模糊和透明度作为美学选择叠加。液态玻璃在此之上增加了随视角更新的透视校正镜面高光、从真实内容而非固定色板中取样的环境色调，以及支配面板出入与空间过渡的物理层。可以这样理解：玻璃拟态是视觉上的近似，液态玻璃则是其背后经过完整工程化的材质系统。
液态玻璃能在没有空间计算硬件的场景中使用吗？
可以，而且已经在发生。苹果在 visionOS 发布后的数年间开始将液态玻璃原则引入 iOS 和 macOS，将半透明界面处理应用于灵动岛、控制中心面板和小组件叠层等元素。在平面屏幕上，随透视变化的镜面高光通过静态位置来近似模拟，而非依靠实时传感器输入；环境色调则响应屏幕上的内容而非物理房间的光线。系统因此失去了部分交互特性，但保留了其组织逻辑——通过半透明传达的深度感无论在何种显示技术下都持续发挥着层级信号的作用。
在液态玻璃界面上应如何处理文字以保证可读性？
玻璃界面上的文字面临真实的可读性挑战，因为面板后方的背景内容是可变的，有时具有高对比度。液态玻璃通过多种组合方式来应对这一问题：面板下方的模糊消除了会与字形竞争的高频细节；玻璃界面相对于背景的轻微提亮或压暗增加了对比度缓冲；对于关键文字——主要标签、行动号召文案、数据数值——在文字块后方使用次级投影或轻微的亚光处理是允许的。液态玻璃设计在可读性上出现问题，通常是因为模糊程度不足，或为追求视觉透明感而将面板透明度压缩得过于激进。
液态玻璃适合非苹果生态的产品使用吗？
这套设计语言在其视觉原则上并非专有——半透明、深度分层、镜面高光与环境色调调取，任何媒介上的任何设计师都可以使用。属于苹果独家的是 visionOS 中的具体实现及其相关 API。在苹果生态之外工作的设计师可以有效地应用液态玻璃原则，但应意识到，在最字面的应用层面，这种风格带有强烈的苹果品牌联想。设计偏离直接视觉惯例的程度越高——将玻璃材质与不同的字体选择、不同的动效曲线或不同的构图方式相结合——这种风格便越成为一种独特语言的起点，而非苹果设计的直接移植。
液态玻璃如何处理深色模式或低光环境？
液态玻璃在深色环境中通过加深玻璃色调而非翻转来进行适配。在深色场景中，面板不会以传统方式翻转为深底白字；相反，玻璃变得更深邃、更具反射性，向其镜面般的特质靠拢。镜面高光在深色背景上变得更加突出，因为亮边与周围深色玻璃之间的对比度更高。环境色调同样发生转变——浅色模式下面板可能从背景中吸取温暖的琥珀色，深色模式下的等价效果则可能呈现同一色调更冷、更明亮的版本。在浅色与深色模式之间保持材质逻辑的一致性，是正确实现这套系统技术上最具挑战性的方面之一。
相关设计风格
Vision Pro Spatial UI (2030)结构化光感，不像软件。深夜蓝玻璃面板，以薰衣草-青-薄荷边缘发光。
Discord 2024刻意去企业化的语音聊天：blurple 蓝紫、深炭灰底、俏皮插画角色——每个界…
Solana (Magenta Gradient)黑底高速显色：洋红到青绿渐变与3D球体让速度发光。
Generative AI Data Art (Refik Anadol era)计算崇高。靛紫渐变与青品红粒子让数据有生命。
Gojek Superapp城市速度被整理：亮绿瓷砖网格串起出行、餐食与支付。
Solarpunk (2035)气候乐观是手作的：苔绿底、日光金与新艺术边框编织未来。