模型服务台:把抽象能力变成可点按的入口
面向内部算法团队,统一托管 60+ 模型版本,支持灰度发布与一键回滚。默认展示调用量、错误率与配额三条线,异常阈值可配置。
四个高频疑问,直接给判断标准与可执行参数。默认折叠,点击展开,键盘可聚焦。
不会。判断标准是「信息密度 ÷ 视觉噪声」。做法:保留 1px 细线分隔与栅格对齐,把装饰性色块、阴影层级压到 3 档以内;把参数、日志、指标压进数据可视化面板而不是铺在首屏。验收线:首屏可见元素 ≤ 28 个,关键操作按钮 ≥ 44px 点按区。
把动效限制在 transform / opacity 两类属性,时长 150–450ms,缓动用 --ease-out。禁止对 width、top、background-position 做持续动画。上线前用 Performance 面板验证:滚动期间长任务 ≤ 50ms,掉帧率 < 5%。开启系统「减弱动态效果」时全部降级为静态。
渐变只做 背景层,透明度控制在 0.12–0.18,色相停在主色与暖金强调色内,禁止靛蓝→紫罗兰过渡。落地方式:用多层 radial-gradient 叠加在 --bg 之上,容器 overflow:hidden,正文始终位于 z-index 之上的实底卡片里,保证文字对比度 ≥ 4.5:1。
用「摘要—明细」两段式:首屏给 3 个量化结论(可用性、延迟、成本),下方 FAQ 与面板给可核查明细。文案避免营销词,改用 可量化指标:如推理成本下降 37%、部署周期由 6 周压到 9 天。投资者看趋势,技术看参数,两者共享同一套栅格。
左图右文,滚动时左右轻微联动位移,幅度 ≤ 22px,不干扰阅读节奏。
抽象几何 · 单色强调
Bento 错落格,主卡横跨两列承载图文,其余四张按业务场景分布。
面向内部算法团队,统一托管 60+ 模型版本,支持灰度发布与一键回滚。默认展示调用量、错误率与配额三条线,异常阈值可配置。
四步向导:环境探测 → 镜像拉取 → 密钥注入 → 健康检查,每步给出预估耗时与失败回退点。
按周聚合调用量、单位成本与留存曲线,指标口径固定并标注采样范围,避免口径漂移。
内置请求构造器与 trace 视图,单次调用可下钻到 token 级耗时,支持导出为可复现的 curl。
拒答与风险样本自动入队,按置信度排序,复核结论回流为提示词与阈值调整依据。
每条都含做法、参数与避坑点,可直接作为设计评审的核对项。
采用 12 列栅格、8px 基准间距;所有区块用 1px --line 细线分隔,禁止用阴影与色块同时承担分组。避坑:同级区块不要混用线框与卡片两种容器,会让层级读不出来。
强调色只出现在主按钮、激活态导航条、关键数字与细高亮下划线。用取色工具核验:截图中高饱和像素占比 ≤ 10%,主色约 30%,其余为中性底。避坑:整条横幅铺满强调色会立刻失去极简气质。
标题 2.4–3.6rem、行高 1.12;正文 0.95–1.06rem、行高 1.62;注释 0.72–0.78rem。单屏字号不超过 4 档。避坑:用字重堆叠替代字号堆叠,标题 700–800,正文 400,避免全篇加粗。
入场位移 ≤ 14px,时长 450ms,缓动 --ease-out;滚动联动位移 ≤ 22px 并限制在图片与文案两栏。必须提供 prefers-reduced-motion 降级。避坑:给列表项逐条延迟超过 120ms 会显得卡顿。
≥1600px 容器放宽到 1680px 并增列;1024px 侧栏转顶栏、卡片两列;640px 单列;≤380px 内边距收到 8–12px、按钮满宽。每档检查:无横向滚动、长英文术语断行正常、点按区 ≥ 44px。
统一 2px 线宽、端点圆角、网格线透明度 ≤ 12%;同一图表最多 3 个系列,颜色仅取自主色、次色与暖金强调色。避坑:不要给数据点加发光与阴影,会让小屏读数困难。
四格面板,左三为指标与迷你图,右侧给出图例与口径说明。
数据按小时聚合、取近 7 日均值;延迟剔除首包冷启动样本;命中率包含前缀缓存与结果缓存两类。
带上现有界面的三个核心页面,我们按本清单逐条比对:栅格与分隔、强调色占比、动效降级、四档响应式与面板口径,输出一份可执行的最小改动集。