拟物化组件库
按钮、开关、滑块、分段控件共 32 个基础件，均带外凸/内凹双态阴影，直接引用设计令牌，禁止业务侧写死阴影值。
拟物化设计 · AI 平台 · 用户体验优化
让模型能力摸得着：智慧启迪拟物化人工智能平台
单一低对比暖底 + 双向柔和凹凸阴影，把抽象推理变成可按压、可回弹的操作实体。数据展示、动态交互与响应式布局在同一条交互链路上完成，用户中心从「找按钮」变成「凭手感」。
38%任务完成耗时下降
4.7/5拟物控件易用度评分
240 ms按压反馈响应
数据可视化面板
刷新频率 5 s · 单屏 7 指标
把 7 条指标压进一屏：凹槽内嵌图表 + 可读层级
图表底座统一用 box-shadow: inset 7px 7px 16px 的凹槽内嵌，数据条用双向柔和阴影浮起 2–3px，保证在低对比暖底上依然有清晰的前后关系。
近 7 日推理吞吐（万次）
柱体高度即真实吞吐，标签只保留整数，避免小数位干扰阅读。
- 主色柱体＝平台推理请求量
- 强调色数字＝当日峰值刻度
面板可读性阈值
四条硬指标，用于判断拟物化图表是否「好看但读不出」。
- 对比度 ≥ 4.5:1
文字与底座、数字与柱体分别校验，不靠饱和色硬撑。
- 投影位移 ≤ 12px
凹凸阴影偏移超过 12px 会显脏，柔和扩散优先。
- 动画 ≤ 600ms
柱体生长用 ease-out，交错延迟 80ms，避免急促弹跳。
- 悬停必有反馈
hover 位移 2px + 景深加深，触屏以 240ms 按压态替代。
实用指导清单
建议排期 5 个工作日
拟物化 AI 平台落地 6 步：从调色到验收
按顺序执行即可复现本页质感，每步都给了可量化的验收口径，避免做成「塑料感」或「糊成一团」。
- 先定单底色，再谈阴影
整个平台只保留一个中性底（本页
oklch(0.15 0.03 358)）与其表面层，凹凸阴影的亮面用比底色高 0.05–0.07 明度的同色相，暗面用纯黑 45% 透明；底色一变，全部阴影需重算。 - 控件圆角统一 20–30px
卡片、面板取
--r-lg:28px，按钮与标签取--r-pill；混用直角会立刻破坏可按压的联想，验收时抽查 10 个控件的圆角是否都来自令牌。 - 强调色只占 10% 面积
关键数字、激活态、图标描边用强调色，单屏累计面积不超过可视区的 1/10；若某块大面积发亮，改为加大明度差而非提高饱和。
- 按压态必须双向可逆
默认态外阴影、按下态内阴影，两者在 150ms 内切换；触屏点击区不小于 44×44px，本页导航与按钮均按此下限设置 min-height。
- 数据展示留白靠内边距而非空隙
图表面板内边距 24px、柱间距 12px，靠 padding 制造呼吸感；卡片间距控制在 12–20px，保证一屏能看到 6 张核心能力卡。
- 真机验收三条红线
320px 宽度无横向滚动；开启「减弱动态效果」后动画时长趋近 0；键盘 Tab 走完全部交互元素且焦点环可见——三项任一不过，回到第 2 步重调。
核心能力卡片
6 项能力，全部围绕「手感可信」展开
每张卡片都给出可验证的量化目标，方便产品与工程对齐验收标准。
实时数据可视化
7 类图表（柱、线、环、热力、桑基、瀑布、散点）共享同一凹槽底座，刷新 5s 一次，切换图表不改变页面骨架高度。
动态交互编排
状态流转用 250ms 标准曲线、入场用 450ms ease-out；交错延迟 60ms 起步，列表越长延迟越短，避免尾部等待过长。
响应式布局体系
1680 / 1400 / 1140 三档容器宽度，卡片列数 4→3→2→1 逐级收敛，超大屏放宽容器而非拉伸卡片，杜绝窄柱留白。
用户中心聚合
把配额、密钥、用量、工单四类信息压进单一视图，关键数字用强调色放大，次要信息降至次要文本色，减少 3 次以上跳转。
可访问性内建
全站对比度 ≥ 4.5:1，焦点环 2px 强调色偏移 3px，装饰性光晕与噪点标记 aria-hidden，读屏不被视觉噪声干扰。
应用场景展示
把拟物化放进真实业务流程
同一套质感语言，在四种业务里承担不同职责：有的降低误触，有的加快判读，有的让参数可调。
模型训练监控
训练任务的损失、学习率、显存占用并排呈现，异常点用强调色小圆点标记。
- 异常定位时间从 6 min 降至 90 s
- 凹槽卡片分组，误关闭率下降 41%
智能客服工作台
会话、知识命中、情绪评分三栏布局，高频操作做成可按压实体键，减少视线迁移。
- 单次会话处理时长缩短 22%
- 快捷键与按钮双通道，误操作率 0.8%
运营数据看板
面向非技术角色，用大号浮雕数字替代密集表格，一屏回答「今天发生了什么」。
- 核心指标 7 个，超出即折叠
- 首屏判读时间控制在 15 s 内
开发者控制台
密钥、配额、调用日志集中管理，危险操作采用内凹按下态二次确认。
- 误删密钥事件降至 0 起
- 密钥轮换流程从 5 步压缩为 2 步
◈云枢算力◈深潜数据◈星环实验室◈海岬医疗 AI◈青轴智造◈长风金融科技
先跑通一条链路，再谈全平台改造
建议从用户中心的「配额与密钥」单页开始试点：只替换控件层，不动业务逻辑，两周内即可拿到按压反馈与误操作率的真实数据，再决定是否铺开数据可视化与动态交互。
2 周试点页改造周期
0 逻辑改动仅替换控件层
3 项验收红线必过