Liquid Glass
可以先理解为:用动态透明材料组织界面层级和注意力的视觉语言
Liquid Glass 是一种把界面表层想象成会折射、浮动和响应的透明材料的视觉语言。它的重点不是漂亮,而是用材料感重新组织层级、焦点和过渡。
关键结构图
画三层半透明界面材料,最上层是焦点按钮,中层是内容卡片,底层是背景;旁边标出对比度和层级规则。
What
Liquid Glass 可以理解为一种系统级视觉语言:按钮、面板和导航不只是平面色块,而像带有透明度、折射和动态响应的材料层。它适合讨论界面如何用视觉物理感表达层级,但也需要警惕可读性、对比度和信息密度被效果压过。
When
当一个界面想通过材质、透明和运动表达层级时,可以用这块砖判断它是在服务理解,还是只是在堆视觉效果。
How
先看文字是否仍然清楚,再看交互目标是否更容易识别,最后看不同页面是否共享同一套材料规则。任何一项失败,材料感就会变成噪声。
Examples
一个系统设置页使用半透明面板时,如果用户更难扫读内容,那就不是好的 Liquid Glass,而是视觉负担。
在设计 Bricks Planet 时,这张卡会提醒我们克制:星球可以有深度,但卡片阅读不能被材料效果遮住。
来源
类型:设计实践 / 概念整理
事实线:这张卡把「Liquid Glass」整理为可公开复用的Concept: Liquid Glass 可以理解为一种系统级视觉语言:按钮、面板和导航不只是平面色块,而像带有透明度、折射和动态响应的材料层。
依据:来自每日 AI 工程观察中围绕 Apple 设计语言、体验完整度和界面材料感的材料提炼。
边界:适用于分析视觉语言、系统界面和体验一致性;不等于所有产品都应该采用强材料效果。
常见误读:不要把 Liquid Glass 简化成透明或玻璃拟态。它真正考验的是层级、动效、可读性和系统一致性。