F8 文心图解用于交付可独立存在的关系图、流程图、架构图和知识地图。 它的核心不是装饰性插图,而是用文字、线条、节点和留白共同构成解释界面。 每张图解必须能在 3 秒内让读者识别核心关系和结构方向。

以下三张图解分别展示万形设计系统的架构层次设计交付流程、 以及文心九形态与灵魂层的辐射关系。所有图解遵循 F8 规范: 1px 普通线条、1.5px 关键节点边框、暖土色调、Accent ≤ 2 处全页。

Diagram 01 壹 · 万形三层架构

Architecture(架构图)— 展示万形设计引擎的三层 Agent 架构。 Meta Agent 负责需求分析与分发,Wenxin Agent 执行设计产出,Audit Agent 进行多层审计。 虚线反馈回路连接审计结果与元编排层,形成持续迭代闭环。

用户需求 Meta Agent 需求分析 · 约束澄清 · 分发调度 需求分析 约束澄清 分发调度 dispatch Wenxin Agent 执行设计 · HTML/CSS 输出 执行设计 HTML 输出 deliver Audit Agent 多层审计:Render Contract · 截图视觉 · 动画运行时 Render Contract 截图视觉 动画运行时 交付 / 迭代 迭代反馈 编排层 执行层 审计层

架构图 · Architecture · 节点 5 · 连线 5

Diagram 02 贰 · 文心设计交付流

Flow(流程图)— 展示从用户需求到设计交付的完整流程。 包含意图推断、递归澄清、分发执行、HTML 产出、Render Contract 审计与多层审计环节。 两条反馈回路分别处理需求澄清与审计修复,形成双闭环交付体系。

用户需求 START 意图推断 理解用户真实需求 递归澄清 逐层确认约束条件 继续 澄清 分发 Wenxin Agent 携带设计参数与约束 HTML 输出 dist/<slug>/index.html Render Contract 审计 机器事实层 · Hard Gate 阻断 多层审计 规则 · 截图 · 动画运行时 迭代修复 交付 / 迭代 审计通过 → 交付;否则 → 修复 END 需求阶段 执行阶段 审计阶段 交付阶段

流程图 · Flow · 节点 8 · 连线 9(含 2 条反馈回路)

Diagram 03 叁 · 文心九形态关系

Knowledge Map(知识地图)— 以文心灵魂层(A9 克制之美 · B9 温暖极简 · D9 暖土调)为核心, 辐射出九个输出形态(F1–F9)。每个形态标注其适用场景,线条连接示意派生关系。 灵魂层是不可妥协的圆心,形态层随容器而化。

文心灵魂 A9 · B9 · D9 克制之美 · 温暖极简 · 暖土调 F1 HTML Web 响应式网站 F2 Mobile 移动应用 F3 Brand 品牌标识 F4 Print 印刷排版 F5 演示 幻灯片 F6 文档 文档站 F7 Poster 海报/封面 F8 图解 知识地图 F9 Report LaTeX/PDF 形态层 · 随境而化 C9 温暖衬线 E9 温和流动 G2 东亚语境 排版节奏 动效理念 文化语境 Accent 使用:文心灵魂圆心(全页 1/2)

知识地图 · Knowledge Map · 节点 10 · 连线 9

F8 图解规范

线条规则 普通连线 1px · 关键节点边框 1.5px · 线条颜色 #C8C3BA / #888580
色彩约束 节点填充 #FAFAF8 · 背景 #F2F0EB · Accent #8B3525 ≤ 2 处全页
拓扑审计 线条不穿过文字 · 节点间距充足 · 关系方向 3 秒内可识别
禁止项 彩虹色块 · 粗黑箭头 · 装饰性图标 · Mermaid 默认样式 · 拟物化