1.5 KiB
1.5 KiB
title, type, tags, sources, last_updated
| title | type | tags | sources | last_updated | |
|---|---|---|---|---|---|
| Liquid Glass Design System | concept |
|
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 角色定义