纯色块信息分区
面板底色只用背景色与表面色两级明度，避免多层阴影干扰模型指标阅读。
- 层级色差 ≥ 6% 明度
- 单屏色块不超过 3 种
已接入的生态伙伴
覆盖算力、向量数据库、数据标注与行业模型四类角色，全部通过统一 OpenAPI 对接，平均联调周期 3 个工作日。
星轨算力GPU 弹性调度 · 分钟级扩容
雾环向量亿级向量检索 · 15ms 召回
拾光标注人机协同标注 · 准确率 98.6%
远洋行业模型金融/制造 双领域微调
镜湖数据湖结构化回流 · 日增 2TB
低语语音流式 ASR · 端到端 320ms
扁平化设计的四个支点
不加投影、不叠拟态，用纯色块与粗字重建立层级，让 AI 工具展示在低端设备上也保持一致的视觉节奏。
几何图标系统
48 个线条图标统一 2px 描边、圆角 2px，缩放至 16px 仍可辨认功能语义。
- 图标栅格 24×24
- 描边误差 ≤ 0.5px
动态交互反馈
节点拖拽、参数滑杆、批量推理三类高频操作给到 3 档状态反馈。
- 悬停 150ms 缓动
- 拖拽帧率 ≥ 55fps
梦幻空间氛围
点阵星尘与径向光仅作背景点缀，透明度控制在 40% 以下不抢主内容。
- 装饰元素 aria-hidden
- 对比度 ≥ 4.5:1
实用指导清单：把 AI 平台接入体验做到位
以下 6 条来自真实接入项目复盘，按顺序执行可把首次可用时间从 5 天压到 1 天以内。
-
先定位首屏信息密度，再谈配色
用 12 栏栅格划分控制台，主内容区宽度占比 ≥ 68%，侧栏 ≤ 240px；当一屏可见指标超过 9 个时，折叠为「3 主 + 6 次」两组，避免用户在第一眼就失去焦点。
-
色彩搭配锁定 60-30-10 比例
60% 用低饱和底色承载内容，30% 用主色标记导航与主按钮，10% 强调色只给关键数字、激活态与细高亮线。强调色出现面积超过单屏 12% 时，用户对主按钮的点击率会下降约 8%。
-
统一令牌，杜绝魔法数值
间距只用
--sp-1至--sp-8八档，圆角只用三档，阴影只用三级。检查方式：全局搜索px，除容器宽度与描边外不应出现 13px、17px 这类非节奏值。 -
把 AI 工具展示写成「可试用」而非「可阅读」
每个工具卡至少提供一个 3 步以内的示例输入，用户点击后 500ms 内返回真实或模拟结果；带示例的工具卡转化率比纯描述卡高 2.3 倍。
-
图片与插画统一裁切规格
Hero 主视觉用 4:3，清单配图用 1:1，图集缩略图用 16:9；全部加
loading="lazy"与固定宽高比容器，防止懒加载导致的布局跳动（CLS 需 < 0.1）。 -
动效做减法，呼吸感做加法
主视觉可用 12–16 秒的缓慢缩放呼吸，其余交互过渡统一 150–450ms；必须为系统开启「减少动态效果」的用户提供静态降级，动画时长压到 0.001ms。
服务档位与配额
三档均含扁平化控制台、AI 工具展示面板与基础监控；差异主要在并发、私有化程度与响应承诺。
常见问题
关于扁平化设计落地、梦幻空间主题适配与平台接入的高频疑问。
扁平化设计会不会让 AI 平台显得「不够高级」？
层级感来自明度与字重，而非阴影。把标题字重提到 800、正文 400，主色只覆盖导航与主按钮，配合 1px 分隔线，信息层级反而比多层投影更清晰，实测任务完成时间缩短约 11%。
梦幻空间主题的装饰元素会拖慢页面吗？
点阵与径向光全部用 CSS 渐变实现，不引入额外图片。控制装饰层透明度 ≤ 40%、数量 ≤ 2 层，首屏渲染阻塞时间可保持在 80ms 以内。
如何保证长列表与图表在移动端不溢出？
栅格子项统一 min-width:0，列宽用 minmax(0,1fr)；表格容器加横向滚动并保留 640px 最小宽度；超小屏把多列堆叠为单列，点按区不小于 44px。
强调色到底该用在哪几处？
只给四类位置：关键数字、激活态、图标点缀、细高亮线。其余一律交给主色与中性色，避免整屏被高饱和色主导。
接入后多久能看到真实业务指标？
按清单执行，典型节奏是第 1 天完成连接器配置，第 3 天跑通首个推理链路，第 7 天接入数据回流看板；多数团队在第 2 周拿到可对比的准确率基线。
是否支持自定义品牌视觉？
专业版及以上可替换主色与强调色令牌、上传 Logo 与空状态插画，系统会自动校验对比度，正文对比度低于 4.5:1 时给出告警。
解决方案对比
把「自建、通用云 API、梦幻空间 AI 平台」放在同一张表里，按体验与成本两条线取舍。
| 对比维度 | 自建推理集群 | 通用云 API | 梦幻空间 AI 平台 |
|---|---|---|---|
| 首次可用时间 | 14–30 天 | 2–3 天 | ≤ 1 天 |
| 控制台体验 | 需自研，样式不统一 | 功能堆叠，学习成本高 | 扁平化设计 一屏一任务 |
| AI 工具展示 | 无现成模板 | 约 10 个通用示例 | 42 个可试用模板 |
| 动态交互反馈 | 自行实现 | 以表单提交为主 | 拖拽编排 + 实时预览 0.3s |
| 用户体验优化成本 | 高，需专职前端 | 中，受限于组件库 | 低，令牌化主题可替换 |
| 月度综合成本 | 约 ¥26,000 起 | 约 ¥9,500 | 约 ¥6,800（专业版 + 弹性额度） |
| 可用性承诺 | 取决于运维能力 | 99.9% | 99.95%（企业版） |
