把「模型黑箱」变成可陪伴的白话解释
每一次推理都在右侧玻璃抽屉里同步展开：输入摘要、检索片段、置信度与建议动作，用户不必离开当前页面即可追问。建议把单条解释控制在 3 行内、术语密度 ≤ 15%，并在超过 0.8 秒的等待里插入一行「正在为你梳理依据…」的陪伴式文案。
解释可读性（Flesch 中文适配）78 / 100
追问后重排结果耗时≤ 1.5s
玻璃层模糊半径建议16–20px
图文混排特写：玻璃层里的智慧启迪
三层玻璃结构——背景渐变、磨砂卡片、内高光描边——让注意力自然落在关键结论上，而不是被装饰吃掉。
解决方案对比：三档平台怎么选
按团队规模与数据合规要求选型，避免为用不到的能力付费，也避免后期推倒重来。
| 方案档位 | 适用团队 | 玻璃拟态落地重点 | 首版周期 | 关键指标 |
|---|---|---|---|---|
| 轻量启发版 | 2–8 人小队 | 单层磨砂面板 + 3 个核心指标卡 | 约 2 周 | 首屏渲染 ≤ 1.5s，卡片 ≤ 6 张 |
| 协同陪伴版 | 10–50 人产品线 | 分层玻璃抽屉、动态交互解释链路 | 约 5 周 | 解释可读性 ≥ 75，追问 ≤ 1.5s |
| 平台级玻璃版 | 50 人以上 / 多业务线 | 设计令牌统一、玻璃组件库 + 权限可视化 | 约 9 周 | 组件复用率 ≥ 70%，对比度 ≥ 4.5:1 |
大图叠层卡：三个被反复验证的能力切口
每张卡片只讲一件事，图片负责情绪、文字负责结论，避免信息互相抢戏。
数据可视化
让指标自己说话
把调用量、准确率、延迟放进同一张磨砂画布，用明度层次而非颜色数量区分类别。
- 同屏图表 ≤ 4 个，避免认知过载
- 主折线用主色，异常点用强调色单点标注
动态交互
拖动即所得
参数调节与结果预览保持同屏，过渡曲线统一用缓出，避免拖拽时的生硬跳变。
- 交互动效时长 150–250ms 为宜
- hover 抬升不超过 4px，防止晕眩
用户体验
把等待变成陪伴
加载态不转圈，用一句进度说明加一条细高亮线，让用户知道系统正在为他工作。
- 超过 0.8s 必须给进度反馈
- 空状态提供 1 个可点击的示例问题
实用指导清单：玻璃拟态 AI 平台的 6 条落地要点
每一条都给出可执行参数与避坑点，直接写进设计规范即可复用。
模糊半径与透明度的平衡
backdrop-filter 模糊取 16–20px、卡片底色透明度 6%–9%；模糊超过 24px 会让文字边缘发虚，低于 10px 则失去磨砂质感。
对比度必须过线
正文与玻璃底对比度 ≥ 4.5:1、大标题 ≥ 3:1；玻璃上不放小于 14px 的灰色小字，必要时加一层 12% 深色内衬。
强调色只做 10% 的点亮
强调色仅用于按钮、激活态、关键数字与细高亮线，单屏占比控制在 10% 以内；大面积一律交给中性底与主色层次。
性能兜底与降级
同时写 -webkit-backdrop-filter；对不支持模糊的浏览器回退为 88% 不透明实底，并保证首屏渲染 ≤ 1.5s、玻璃层数不超过 3 层。
动效克制且可关闭
入场交错延迟按 60–80ms 递增、单段不超过 450ms；在 prefers-reduced-motion 下全部降级为静态呈现。
小屏与触控可用
点按区 ≥ 44×44px；640px 以下卡片转单列、表格横向滚动；380px 以下内边距收到 8–12px，长英文词强制断行防溢出。
工作流程步骤：四周把原型变成可用平台
以陪伴式协作推进，每周都有可验证的产出，避免一次性大改。
对齐目标与指标
用 1 天梳理 3 个核心场景，写清每个场景的成功指标（如意图识别率 ≥ 86%）。
建立设计令牌
把间距、圆角、阴影、字号固化为变量，玻璃组件只引用令牌，杜绝魔法数值。
打通交互链路
接入数据可视化与动态交互，确保追问重排 ≤ 1.5s，异常态有明确兜底文案。
可用性验证
邀请 5 位真实用户走查，记录首次任务完成时长，目标较旧版下降 30% 以上。