---
title: "Liquid Glass Design System"
type: concept
tags: []
sources: [visionos-spatial-engineer]
last_updated: 2026-04-25
---

## Definition
Apple visionOS 26 引入的核心视觉设计语言，通过透明材质实现深度感知和空间沉浸感。Liquid Glass 设计系统让 UI 元素呈现出类似玻璃的透明、折射和光影效果，同时自适应 light/dark 环境变化和周围内容。

## Core Characteristics
- **Translucent Materials（透明材质）**：UI 元素呈现玻璃般的透明效果，可透视背后的 3D 空间内容
- **Adaptive Lighting（自适应光效）**：根据环境光照条件动态调整透明度和反射效果
- **Depth Perception（深度感知）**：通过透明层级传达 UI 元素在 Z 轴上的相对位置
- **Contextual Adaptation（内容自适应）**：透明效果根据周围 3D 内容动态调整，确保可读性和美观性

## Implementation Technologies
- **SwiftUI glassBackgroundEffect**：实现毛玻璃透明背景的 SwiftUI modifier
- **RealityKit Materials**：RealityKit 中的物理材质系统支持 Liquid Glass 效果
- **Metal Shader Framework**：底层 GPU 渲染支持高性能透明效果计算

## Related Concepts
- [[Spatial Layouts]]：Liquid Glass UI 在 3D 空间中的布局管理
- [[Multi-Window Architecture]]：多窗口场景下 Liquid Glass 效果的一致性
- [[Glass Background Effects]]：具体实现透明效果的技术手段

## Sources
- [[visionos-spatial-engineer]] — visionOS Spatial Engineer Agent 角色定义