# 毛玻璃（Frosted Glass）

镜语 · 特效与转场 / 扭曲与变形

- 别名：磨砂玻璃、毛玻璃效果、背景模糊卡片、Glassmorphism
- 口语：「隔着磨砂玻璃看过去」「苹果那种毛玻璃背景」「模糊但有点颗粒感」
- 一句话：像隔着磨砂玻璃看，画面散成带细颗粒的柔和色块
- 是什么：毛玻璃效果像隔着一层磨砂玻璃看过去：表面的细小凹凸把光随机散开，后面的景物变成带细颗粒的柔和色块，暗处被轻轻提亮。界面设计中常把它做成半透明卡片背景（Glassmorphism、iOS 的材质）
- 缺了就不像：后面的景物散成色块；带细颗粒的磨砂质感
- 加了更像：暗部被提亮像乳白；半透明卡片的白色细边
- 适合用在：字幕底板、信息卡片、封面标题背后的半透明底；口播视频把背景磨砂，突出前景的人物或文字；转场时画面逐渐磨砂，再切到下一个场景
- 看哪里：灯笼和人物散成带细颗粒的光团，边缘是沙沙的而不是平滑的，这是它和高斯模糊的区别；暗部被提亮，像蒙了一层乳白。磨砂程度越大，后面的景物越难辨认
- 注意：磨砂太弱时卡片上的文字会和背景细节打架；整张图都磨砂会失去主体，通常只用于局部或背景；只说「模糊」会得到平滑的高斯模糊，要说明颗粒和乳白感
- 描述示例：加入 Frosted Glass 毛玻璃效果：像隔着一层磨砂玻璃，后面的景物散成柔和色块，表面有细小颗粒质感，暗部被轻微提亮呈乳白色；可作为半透明卡片的背景，前景文字保持清晰
- 易混：
  - [高斯模糊](https://idea.ameng.dev/terms/gaussian-blur.md)：高斯模糊是平滑均匀的模糊；毛玻璃是随机散射，模糊中带颗粒，暗部还会发白
- 相关：[柔焦](https://idea.ameng.dev/terms/soft-focus.md)、[置换扭曲](https://idea.ameng.dev/terms/displacement-map.md)

## 来源与延伸阅读

- [MDN · backdrop-filter（界面里的背景模糊）](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter)
- [Apple Human Interface Guidelines · Materials](https://developer.apple.com/design/human-interface-guidelines/materials)
- [Wikipedia · Frosted glass](https://en.wikipedia.org/wiki/Frosted_glass)

网页版（含演示）：https://idea.ameng.dev/terms/frosted-glass