历史档案文档OceanWay 架构品牌与统一设计系统
历史 · 各平台页面模式
重构前档案，仅供追溯，不作为新版本执行指令
历史档案 · 2026-09-11 重构前快照。 本文中的“当前”“已冻结”和实施顺序属于旧基线。新版本以现行总览和实施计划为准。
最新平台设计分工由 Design 的独立平台分页维护。 本页只保留架构相关的用户任务与边界；详细视觉、布局和动效规则先在 Design 更新。
同一个 Logo 和 token 不意味着所有平台都做成“顶部标题 + 大卡片网格”。 共享品牌、控件语义、导航逻辑、状态反馈；布局由用户任务决定。
| 平台 | 主任务与页面骨架 | 允许的差异 | 不能混入 |
|---|---|---|---|
| Site | 了解能力 → 场景/案例 → 商业合作或进入产品 | 大标题、内容章节、经批准的品牌图形/动效 | 钱包写入、私有项目和管理员入口冒充普通导航 |
| Console 公开面 | 发现模型 → 搜索/筛选 → 模型/API 说明 → 登录 | 阅读密度、公开信息、长文文档 | 内部调度模型、供应商凭据、虚构售价 |
| Console 客户面 | 组织/空间 → 概览 → 资源/账务 → 操作详情 | 左导航、数据表、账单、详情抽屉 | Workforce 管理权限或第二套钱包事实 |
| Studio | 项目/对话 → 创作 → 结果 → 后续操作 | 紧凑工具栏、画布、多栏协作、媒体真实比例 | 为统一外观重写 Agent、资产或 Run 语义 |
| Drama/Commerce | 专业项目 → 阶段/任务 → 资产与交付 | 专业面板、阶段导航、时间轴 | 为占位造假数据；当前 Studio drama 不迁出 |
| Admin | 经营/治理 → 定位异常 → 脱敏追溯 → 受控操作 | 高密度表格、请求/任务详情、审计侧栏 | 客户 Session、未授权恢复/重放按钮 |
| Docs | 导航 → 内容 → 页内目录 → 搜索 | Fumadocs 阅读宽度、代码块、目录 | 强制业务后台布局或运行时依赖其他站 Logo |
| FDE | 公开案例展示 + 私有交付 | 分别服从 Site 与 Console 模式 | 公开案例泄露客户交付内容 |
共同交互准则
共享组件和状态语义不等于全平台使用 Ocean Air / Abyss。Ocean Air 动态环境仅属于 Studio； 实验室使用中性全局环境，其他平台按独立规范设计。账务、密钥、模型配置、审计和运维以稳定表面与信息密度为先。 只在现有实验室和具体页面通过性能、可读性及偏好降级验收后启用装饰效果。
- 一个区域只有一个清楚的主要动作；二级操作靠近被操作对象。
- 搜索/筛选服务真实数据；不对首屏结果做客户端筛选后伪装完整目录。
- 空态说明为什么为空与如何继续，不重复页面已有主操作；错误态提供安全恢复路径。
- 内部规划、路由和私有错误不进入用户 UI；公开 trace ID 与内部日志可关联。
- 列表/卡片 + 创建入口 + Modal/Drawer 表单；不要把长编辑表单常驻塞满列表主体。
- 图像/视频按真实比例显示；窄屏不继承桌面大空态/固定巨型卡片。
- 主题切换不改变业务数据；页面内部滚动、焦点管理和媒体控制不能被视觉重构破坏。
开始画页面前提交什么
每个平台先提供一份页面清单与 1–2 条主用户链路，标注所用组件、数据来源、状态及窄屏降级。 评审先看“是否已有组件能完成、是否需要新能力”，再看像素与装饰。 只有新的真实交互模式才扩充设计系统，不能因为页面名称不同就另造组件族。