玻璃拟态设计指南

解决什么设计问题

毛玻璃（glassmorphism）是一种高反差设计语言：它能让卡片“悬浮”在背景之上，也很容易让界面变成一场半透明灾难。实践中常见的失败包括：

• 可读性失真：backdrop-blur 一加，文字边缘就发糊；背景太复杂时，信息层级直接塌陷。
• 配色拍脑袋：高饱和背景上叠高饱和前景，对比度不足；阴影、描边和色块互相打架。
• 层级与排版失焦：圆角、模糊和透明度被当成装饰，而不是建立信息层级的工具。

玻璃拟态设计指南 要解决的问题不是“生成一张好看的效果图”，而是把这些视觉决策拆回原理：为什么模糊会带来空间感，色彩如何影响情绪，网格和留白怎样维持秩序。

核心能力与关键步骤

技能会先确认你要分析或设计的对象与目标场景，再把现象讲成可迁移的判断依据，而不是堆术语。核心知识覆盖视觉原理与 Gestalt 法则、色彩心理与配色策略、排版网格与信息层级、趋势演变与经典案例四个维度。

执行流程分为六步：

1. 理解需求：明确对象与目标，避免泛泛而谈。
2. 原理拆解：用通俗语言给出至少 3 条核心原理，建立分析框架。
3. 案例解构：选取 2–3 个经典案例，说明设计决策的因果逻辑。
4. 实操指导：输出至少 3 条可执行建议、参数方向或步骤。
5. 对比演示：用 Before/After 让设计决策的影响可感知。
6. 总结反思：梳理要点，把结论沉淀成你自己的判断力。

互动上，每 2–3 个知识点会抛出轻量问题，例如“你觉得模糊应该服务于内容，还是反过来？”回答会调整后续深度，而不是按固定模板灌完。探索值则被设计成内容深度的标尺：1-10 适合补基础，11-25 能做案例分析，26-50 偏向独立讨论，50+ 鼓励产出原创观点。

适用边界

• 它适合设计评审、改版复盘、教学演示和灵感探索；不适合直接替代前端实现、可用性测试或真实用户研究。
• 玻璃拟态强依赖背景图像和色彩环境，纯文本输出无法验证最终视觉，真实落地仍需设计稿、浏览器或代码环境。
• 全部内容由模型自身知识生成，不调用外部 API、插件或联网检索，案例时效性与版权场景需自行核对。
• 互动问题控制在 3 个以内，避免变成考试；退出机制很简单，输入“退出 / 结束 / 够了”即可。