算法团队：把实验结论做成可复用的卡片
每个模型评测结果封装为一张卡片，包含数据集版本、指标快照与置信区间。评测跑完 8 分钟内自动同步到共享看板，前端、产品不需要再问「最新数字是多少」。动态图表随筛选条件联动，切换 3 个维度耗时低于 400ms。
这是一个网页样式设计参考 · 卡片式 AI 平台视觉稿
生态协作视角
APPLICATION SCENES
三类团队，在同一张卡片网格里交汇
按 12 列栅格规划信息位：主卡片放结论，副卡片放证据，横向风琴卡收纳过程细节。
业务团队：用智能推荐找到下一步动作
平台根据历史调用与业务目标推荐可组合的能力模块，命中率提升约 31%。推荐的每一项都标注预计调用量与成本区间，避免「先接进来再说」。
协作方：把权限与数据边界写进卡片
每张卡片携带数据域标签，跨团队引用时自动校验权限，越权请求直接拦截并回执原因，平均排查时间从 2 小时降到 15 分钟。
交互设计：让信息密度与呼吸感共存
卡片网格间距 12–20px，圆角统一走胶囊与 24px 双档；悬停卡片上浮 4px、阴影升一级，0.25s ease-out 完成。悬停展开的横向风琴卡默认收起，只在需要时展开细节，保证首屏信息不被挤散。
KEY METRICS
协作效率的四个硬指标
建议把这四项放进团队周报首屏，用同一套口径对齐认知。
99.2%跨团队接口调用成功率（月均）
8 min评测结果同步到共享看板的时延
31%智能推荐带来的能力复用提升
3.1 倍同等人力下的方案验证吞吐
PRACTICAL CHECKLIST
落地这张卡片网格前，先过这 6 条
每一条都能在评审会上直接验证，不做形容词式的自我感觉评估。
- 1先定栅格再放卡片：桌面端锁定 12 列、沟槽 16px，卡片只允许跨 4/6/8/12 列。经验阈值：单列宽度低于 240px 时，卡片内正文改为 1 行摘要 + 展开详情，避免出现 3 字一换行。
- 2图表只保留一个视觉焦点：每个数据可视化卡片里，最高饱和色（本页为青调强调色）只用于 1 条主线或 1 个关键数字，其余折线用中性灰。实测当同屏强调色面积控制在 10% 以内时，用户定位异常点的时间缩短约 27%。
- 3接口性能写进验收标准：首屏卡片数据并发请求 ≤ 8 个，单个接口 P95 响应 ≤ 300ms；超过则先做聚合接口或本地缓存，缓存 TTL 建议 30–60s，避免数据看起来「卡住不动」。
- 4权限与数据域标签前置：建卡片时强制填写数据域（公共 / 部门 / 受限）与责任人。跨域引用触发二次确认，越权请求返回明确原因码，而不是一个空白卡片——这能把协作排查从小时级压到分钟级。
- 5动效克制且可降级：淡入上浮位移控制在 12–16px、时长 0.45–0.62s，ease-out 曲线；必须提供 prefers-reduced-motion 降级。悬停上浮不超过 4px，避免大范围移动导致误点击。
- 6三档屏幕各验一次：≥1600px 容器放宽到 1400–1680px 并允许卡片增列；1024px 以下主副卡改单列；380px 以下收内边距到 12px、点按区保持 ≥44px，长模型名与 URL 强制断行，禁止出现横向滚动条。
WORKFLOW
从接入到复用的四步协作流程
每一步都有明确产出物，交接时不需要口头补充背景。
登记能力
填写模型名称、输入输出格式、SLA 与计费口径，生成第一张能力卡片，约 10 分钟完成。
接入沙箱
用样例数据跑通调用链路，返回结构与错误码写入卡片备注，验证用例建议不少于 5 条。
共享看板
把指标卡挂到团队看板，动态图表按 5s–60s 粒度刷新，异常自动打上标记并通知责任人。
复用与推荐
新需求先检索已有卡片，命中则直接组合；未命中由智能推荐给出 2–3 个可改造的邻近能力。
GALLERY
真实界面切片
统一 4:3 裁切、圆角与柔光叠加，保证图集节奏一致。
FAQ
协作中最常被追问的四个问题
答案都指向同一件事：让信息在卡片里一次说清。
卡片变多以后，看板会不会越来越乱？
不会，前提是设上限。建议单个看板主卡片不超过 9 张，其余收进分组折叠；卡片按「结论 → 证据 → 明细」三层组织，默认只展开结论层。超过上限时系统提示合并或归档，而不是继续平铺。
多个模型结果不一致，以哪个为准？
在卡片上并列展示而非互相覆盖，并标注各自的评测集版本与置信区间。平台按 最近 30 天同任务表现 给出推荐权重，但最终选择权留给业务负责人，决策记录写回卡片备注，便于回溯。
响应式改造要重写一遍样式吗？
不需要。把间距、圆角、阴影、字号全部收敛为设计令牌，断点只改网格列数与容器宽度：≥1600px 放宽容器并增列，1024px 以下改单列，380px 以下收内边距。实测改造量约为重写的 1/5。
怎么衡量这次卡片式改造真的有效？
看三个可量化信号：跨团队信息查询次数下降、单个方案从提问到验证的时长、以及越权/口径不一致导致的返工次数。建议以 4 周 为一个观察周期，三项同时改善才算改造成立。