全部词条 / 视觉风格
视觉风格
常见叫法

玻璃拟态

Glassmorphism

用半透明表面、背景模糊和细边框形成磨砂玻璃感。

也叫毛玻璃磨砂玻璃

效果预览 先看,再试一试

实时演示
DESIGN SYSTEM

好的设计,
让内容更清晰。

关注内容、层级与恰到好处的细节。

探索设计

演示用于理解模式。具体样式和尺寸可按项目需要调整。

这是什么

用半透明表面、背景模糊和细边框形成磨砂玻璃感。

本页示例以后台场景说明这一效果。实际需求应同时说清作用对象、触发方式与结束状态。

什么时候用

有背景层次的少量浮层、概览卡片。

容易混淆

背景模糊作用于元素背后的区域;直接模糊元素自身会影响文字可读性。

可以这样描述

卡片使用半透明背景、适度背景模糊和细边框,确保文字对比清晰。

随上方参数同步生成 · 可加入方案后编辑

参考资料

相关规范与实现参考

释义为编辑整理;“常用说法 / 描述性命名”不代表标准规范名称。

正在准备离线内容…

收藏与方案保存在此设备