30 lines
1.5 KiB
Markdown
30 lines
1.5 KiB
Markdown
---
|
||
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 角色定义
|