分屏比例固定为 56:44，主任务永远在左
左屏放「用户要做的决策」，右屏放「数据可视化答案」，用 1px 分隔线而非色块切分。验收：1440px 宽下左屏正文行宽 52–66 个字符，右屏图表留白不超过容器 12%。
AI PLATFORM · 分屏叙事
推开未来之门，让 AI 平台每一步都可被感知
我们用分屏设计把「模型能力」与「用户体验」并置在同一视线里：左侧是你要做的决策，右侧是数据可视化给出的答案。动态交互与响应式布局贯穿全程，让品牌形象与科技感网页在同一块屏幕上同步呼吸。
0.8s首屏可交互
96%任务完成率
4 屏分屏联动位
中心标语
能力在左，答案在右。一屏之内完成决策闭环。
左屏｜模型训练参数与收敛曲线
右屏｜推理结果与行为热力
01 / 体验清单
把 AI 平台做成「好用的门」，5 条可落地要点
面向极致用户体验：每条都给出做法、参数与验收阈值，拿去就能改版。
首屏可交互控制在 0.8s 以内
骨架屏先出结构，模型结果分片注入；单次接口超时设为 4s，超时先展示缓存上一版结论并标注「数据更新中」。避免用户在空白里等待，这比提速 200ms 更影响体感。
动态交互只做「有信息量」的动效
数字滚动计数控制在 0.6s、缓动用 ease-out；加载动画超过 1s 必须带进度语义。动画不做纯装饰，每个动效都要回答「发生了什么变化」。
响应式布局按 4 档断点收敛
超大屏 ≥1600px 放宽容器并增加卡片列数；1024px 分屏转上下堆叠；640px 折叠导航；≤380px 单列、内边距压到 8–12px。每档都用真机验证无横向滚动条。
品牌形象统一到一套令牌
圆角只用 14 / 20 / 28px 三档，阴影只用三级景深，间距走 4/8pt 节奏。验收：任意页面临时改一个主色令牌，全站 15 秒内完成换肤且无遗漏色值。
02 / 应用场景
四段旅程，看清 AI 平台在真实业务里的样子
按用户接触顺序展开：进门 → 理解 → 决策 → 沉淀。
进门｜智能问答与任务分发
用户一句话描述需求，平台在 1.2s 内完成意图识别并分发到对应模型链路。
- 支持 12 类业务意图，置信度低于 0.7 时转人工确认
- 分屏左栏展示理解过程，右栏实时回填候选结果
理解｜数据可视化看板
把模型输出翻译成可读图表：趋势、分布、异常三类视图一键切换，切换耗时 < 200ms。
- 默认展示近 7 天窗口，异常点自动高亮至强调色
- 图表与结论同屏并置，避免「看图—返回—再看」的往返
决策｜模型对比与择优
同任务并列 3 个模型输出，按准确率、时延、成本三维打分，推荐项以细高亮标出。
- 打分权重可调，默认 5:3:2，调整后 300ms 内重算
- 保留每次决策快照，便于回溯与复盘
沉淀｜经验回流与团队协作
把高价值问答与提示词沉淀为模板，团队成员复用率提升到 68%。
- 模板按使用次数排序，前 10 条固定置顶
- 支持导出结构化清单，便于接入内部知识库
03 / 能力矩阵
六块拼图，构成未来之门的完整体验
错落格排布，把高频能力放大、把辅助能力收窄。
多维模型编排
文本、视觉、语音链路可自由串联，单次编排最多接入 8 个节点，失败自动重试 2 次并回退到稳定模型。
编排生效耗时 < 120ms数据可视化
把置信度、时延、成本三指标同屏呈现。
图表渲染 60fps动态交互
数字滚动计数与状态过渡，克制且可预期。
动效 ≤ 600ms
能力总览 · 一屏尽览
响应式布局
四档断点自适应，从 2560 到 320 不错位。
4 档断点覆盖品牌形象
统一令牌换肤，视觉与语义同源。
15s 完成换肤安全与合规
敏感字段脱敏后再入模，审计日志留存 180 天。
脱敏命中率 100%
04 / 常见问题
改版前，你大概率会问这 4 个问题
答案都带数字，方便直接写进验收单。
分屏设计会不会让信息更碎、更难读？
关键在「职责切分」：左屏只放决策与输入，右屏只放结果与图表，两屏同一时间只推进一件事。实测把原本 3 页流程压缩到 1 屏后，任务完成时间缩短约 35%，误操作率下降 18%。
动态交互做多了会不会拖慢性能？
只对 transform 与 opacity 做动画，避免触发布局重排；单个动效时长控制在 300–600ms，同屏并发动画不超过 3 个。低端机开启 reduced-motion 降级后，帧率可稳定在 55fps 以上。
数据可视化该选哪些指标？
遵循「一屏三指标」：准确率（质量）、时延（体验）、成本（可持续）。超过 3 个指标就拆到二级面板，主视图只保留最影响决策的那一个，并把异常值用强调色小面积点亮。
如何保证品牌形象在多端一致？
把所有颜色、圆角、阴影、间距收敛成设计令牌，组件只引用令牌不写死数值。这样 Web、大屏、移动端三端只需维护一份令牌，改一次即全端生效，视觉走样风险显著降低。
05 / 工作流程
四步走完，从需求到上线的体验闭环
每一步都有明确产出物与检查点。
梳理任务
列出用户 3 个高频任务，标注输入与期望输出，形成 1 页任务卡。
划分分屏
按 56:44 把任务拆到左右屏，确认同一时刻只推进一件事。
接入模型
配置模型链路与超时（4s）、重试（2 次），补上降级文案与缓存策略。
度量迭代
上线后跟踪首屏可交互、任务完成率、复用率三项指标，按周迭代。
准备好推开你的未来之门了吗？
带上你的 3 个高频任务，我们在 30 分钟内给你一版分屏改造方案与可量化验收标准。