VISUAL COURSEWARE

一套可编辑、可检查、可交付的页面系统

# 把复杂信息
讲清楚

从页面结构到现场表达，让关系先被看见。

课程团队 18 类页面 HTML / PDF
00

LEARNING ROUTE

## 今天走完三段路

01 看见结构先确认一页的任务
02 组织关系再选择合适图形
03 完成交付最后通过自动检查
01

CHAPTER ONE

## 先让结构被看见

页面不是文字容器，而是讲解节奏。

KEY MESSAGE

> 一页只承担
> 一个主要判断

其余信息都为这个判断服务。

02

TEXT + VISUAL

## 文字负责准确，图形负责关系

标题给结论
正文给依据
图形给结构
03

COMPARISON

## 从堆信息到讲关系

BEFORE

### 内容堆叠

所有文字同等重要，学员不知道先看哪里。

AFTER

### 关系分层

标题、证据、图形各司其职，路径清晰。

判断→证据→落点
04

PROCESS

## 四步完成一页

01 定判断
→
02 选结构
→
03 做图形
→
04 跑检查
05

TIMELINE

## 视觉成熟度会逐步提升

1 能读
2 能懂
3 能记
4 能用
06

MATRIX

## 按密度与关系复杂度选版式

关系复杂度 ↑
一句判断
关系图
条目页
分层图 + 导读
信息密度 →
07

LAYERED ARCHITECTURE

## 课件由四层共同组成

导航层页码、键盘、全屏
页面层信息任务与讲解节奏
组件层图形、卡片与表格
证据层截图、报告与 PDF
08

SWIMLANE

## 人与工具在不同泳道协作

讲师确认表达→现场讲解
智能体选择结构→替换内容
脚本执行检查→生成证据
09

CYCLE

## 视觉课件是一个迭代循环

构建
预览
发现
修正
持续迭代
10

INPUT · PROCESS · OUTPUT

## 把已有内容变成可讲页面

INPUT 页面内容标题、正文、来源
→
PROCESS 结构与视觉选型、排版、制图
→
OUTPUT 可交付页面 HTML、PDF、证据
11

REFERENCE TABLE

## 页面类型速查

内容任务 | 推荐类型 | 主要检查
--- | --- | ---
强调判断 | statement | 焦点唯一
说明过程 | flow | 方向明确
呈现差异 | comparison | 口径一致
组织参与 | exercise | 任务可执行

12

CASE

## 把一屏文字改成一条路径

情境

原稿事实完整，但层级和顺序不清。

改法

保留事实，把顺序和因果画出来。

结果

学员先看路径，再进入细节。

CLASSROOM PRACTICE

## 给下一页选择版式

这组内容最重要的关系是什么？

01

### 判断

先说清页面任务。

02

### 选择

挑一个页面类型。

03

### 说明

解释选择依据。

END

RECAP

## 带走三件事

一页

只承担一个主要判断。

关系

优先于装饰被画出来。

交付

必须经过自动与人工验证。

?

QUESTIONS & ANSWERS

## Q&A

还有什么想一起拆解？

哪一页最值得展开？哪个关系仍需澄清？
我只读取当前页面。配置模型后，可以继续讨论。
自由提问
服务预设
API Base URLAPI Key模型名称在本机记住配置（共享设备勿选）

优先使用会话态密钥。公开课件不可包含真实密钥。