Files
teamai-test/.teamai/skills/common/gpt-image-2/references/slides-and-visual-docs/educational-diagram-slide.md
T

188 lines
5.1 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 教学示意 Slide 模板
本文件用于生成“一页讲清楚一个概念 / 一种机制 / 一个流程”的教学型视觉页:
- 课程内页
- 教科书示意图
- 在线课程截图
- 工程师教学图
- 培训手册插图
特征:
- 中央主图 + 步骤分解
- 文字克制
- 颜色温和
- 强调可读性
- 适合反复阅读
## 适用范围
- 概念示意图
- 机制 / 流程图
- 工程原理图
- 教科书内页插图
## 何时使用
- 用户提到“教学 / 课程 / 教科书 / 概念图 / 机制图 / 原理图”
- 用户希望讲清楚“X 是怎么工作的”
- 用户面向学生 / 学习者,而非投资人 / 政府
不要使用:
- 用户要的是讲解课件(用 `dense-explainer-slides.md`)
- 用户要的是政策风(用 `policy-style-slide.md`)
- 用户要的是商业报告(用 `visual-report-page.md`)
## 缺失信息优先提问顺序
1. 概念 / 机制名称
2. 教学层级(小学 / 中学 / 大学 / 行业培训)
3. 步骤数(3-7 步)
4. 是否需要中央主图
5. 风格:手绘风 / 卡通风 / 学院派 / 工程图风
6. 配色
## 主模板:步骤分解教学示意图
📖 描述
整体一页教学图,顶部主标题 + 中央主图 + 周围按编号步骤分解 + 底部小结句。
📝 提示词
```json
{
"type": "教学示意 Slide",
"goal": "生成一张能让学习者一眼看懂某个概念 / 机制 / 流程的教学示意图",
"style": {
"color_palette": "{argument name=\"color palette\" default=\"温和米色 + 学院蓝 + 浅灰\"}",
"rendering": "{argument name=\"rendering\" default=\"清晰矢量插图 + 简洁字体\"}"
},
"header": {
"main_title": "{argument name=\"main title\" default=\"光合作用是怎么工作的\"}",
"subtitle": "{argument name=\"subtitle\" default=\"从光到糖,七步看懂\"}",
"audience": "{argument name=\"audience\" default=\"中学生\"}"
},
"centerpiece": {
"enabled": "{argument name=\"centerpiece enabled\" default=\"true\"}",
"description": "{argument name=\"centerpiece description\" default=\"一片完整的叶子横剖面,标出叶绿体与气孔\"}"
},
"steps": {
"count": "{argument name=\"step count\" default=\"6\"}",
"items": [
"{argument name=\"step 1\" default=\"01 光线进入叶绿体\"}",
"{argument name=\"step 2\" default=\"02 水从根部输送上来\"}",
"{argument name=\"step 3\" default=\"03 二氧化碳从气孔进入\"}",
"{argument name=\"step 4\" default=\"04 光反应:水分解为氢与氧\"}",
"{argument name=\"step 5\" default=\"05 暗反应:CO₂ 转为糖分\"}",
"{argument name=\"step 6\" default=\"06 释放氧气、生成葡萄糖\"}"
],
"step_block_style": "编号 + 一句话 + 小图标"
},
"annotations": {
"style": "细线引线 + 编号小标签",
"rule": "标注线不能交叉"
},
"summary_line": "{argument name=\"summary\" default=\"光合作用 = 光 + 水 + CO₂ → 葡萄糖 + O₂\"}",
"constraints": {
"must_keep": [
"中央主图作为视觉锚点",
"步骤编号连续清晰",
"字体一致",
"颜色 ≤ 3 种主色"
],
"avoid": [
"步骤过多导致一页放不下",
"插画风格夹杂多种风格",
"标注线穿过主图",
"正文使用过多专业术语未做解释"
]
}
}
```
### 参数策略
- 必问:概念、教学层级、步骤数
- 可默认:风格、配色、底部公式句
- 可随机:图标具体造型
### 自动补全策略
- 教学层级越低,插画越卡通,文字越短
- 教学层级越高,插画越科学示意,文字越精确
- 步骤建议 4-7 步,超过 7 步要拆为多页
## 变体 1:工程原理示意图
📝 提示词
```json
{
"type": "工程原理示意 Slide",
"header": {
"main_title": "{argument name=\"concept\" default=\"内燃机四冲程是怎么工作的\"}"
},
"centerpiece": {
"description": "气缸剖面图 + 活塞动作"
},
"steps": {
"count": 4,
"items": ["进气", "压缩", "做功", "排气"]
},
"constraints": {
"must_feel": "工程图感、专业、可信"
}
}
```
## 变体 2:低龄儿童教学图
📝 提示词
```json
{
"type": "低龄儿童科普教学 Slide",
"header": {
"main_title": "{argument name=\"concept\" default=\"为什么会下雨?\"}"
},
"style": {
"color_palette": "粉橙 + 天蓝 + 米白",
"rendering": "Q 萌卡通插画"
},
"steps": {
"count": 4,
"items": ["太阳晒水", "水变云", "云变重", "下雨"]
},
"constraints": {
"must_feel": "可爱、易懂、温馨"
}
}
```
## 变体 3:自动补全模式
📝 提示词
```json
{
"type": "教学示意自动补全模板",
"mode": "auto-fill",
"rule": "用户给概念,自动决定步骤、风格、配色、主图",
"constraints": {
"must_feel": "可直接放进教科书 / 课件"
}
}
```
## 避免事项
- 不要让概念过于学术化以至小学生看不懂
- 不要让步骤超过 7 步
- 不要让插画与解释文字风格冲突
- 不要在科学示意图里出现品牌广告
- 不要让标注线交叉
- 不要使用过度饱和颜色破坏阅读舒适度