Files
nexus/wiki/concepts/Liquid-Glass-Design-System.md

1.5 KiB
Raw Blame History

title, type, tags, sources, last_updated
title type tags sources last_updated
Liquid Glass Design System concept
visionos-spatial-engineer
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 MaterialsRealityKit 中的物理材质系统支持 Liquid Glass 效果
  • Metal Shader Framework:底层 GPU 渲染支持高性能透明效果计算

Sources