中职论文绘图技能
一、技能定位:继承与扩展
本技能是 sci-paper-svg-diagram 的中职教育专用扩展,保留其全部底层规范:
- 三步工作流:原文分析 → 结构化提示词 → SVG 渲染
- 间距检测:生成 SVG 后必须运行
references/spacing_audit.py,清零碰撞/溢出/出血 - 技术规范:标准 SVG 1.1、可编辑
<text>、不嵌入位图、兼容 AI/Figma/Inkscape
在此基础上,针对中职论文常见题材(教师能力提升、产教融合、赛教融合、评价体系、人才培养模式等)新增:
- 六种视觉风格及其识别规则
- 中职常用配色方案
- 风格决策树,根据输入文档自动匹配最合适的绘图风格
- 对应版式模板与提示词片段
二、中职论文配图风格分类体系
| 风格代号 | 风格名称 | 典型视觉特征 | 最适配的论文题材 | 代表性示例 |
|---|---|---|---|---|
| S1 | 职教信息图风格 | 圆角矩形、彩色标题栏、图标、序号(01/02/03)、蓝橙对比、商业教育信息图质感 | 项目赋能、教师队伍建设、教学改革、产教融合 | 发展性评价.png、三元协同.png、图片2-5.png |
| S2 | 学术框架图风格 | 黑白/浅灰、黑色实线框、虚线容器、层级分明、带“图 N”双语题注 | 研究框架、理论基础、逻辑体系、方法论 | 640 (1).png、微信图片_113704_884.png |
| S3 | 循环机制图风格 | 中心辐射、同心圆/椭圆、双向箭头、浅黄/浅绿/浅蓝低饱和填充 | 协同机制、系统运行、互动机制、理论模型 | 640.png、微信图片_113118_743.png、微信图片_113042_204.png |
| S4 | 流程路径图风格 | 从左到右/从上到下阶段推进、明确箭头、阶段标签、链式布局 | 实施路径、培养流程、工作程序、阶段划分 | 微信图片_112859_924.png、微信图片_113055_066.png |
| S5 | 层级指标体系风格 | 自上而下树状分支、多层级嵌套、评价维度、指标细分 | 评价体系、能力指标体系、分类体系、标准构建 | 微信图片_113638_106.png、微信图片_113649_834.png |
| S6 | 对比矩阵/Venn 风格 | Venn 图、矩阵、雷达图、四象限、色块分区 | 分类模型、空间分区、比较分析、综合评价 | 微信图片_113015_998.png、微信图片_113010_110.png |
风格选择关键词速查
| 若原文高频出现 | 首选风格 |
|---|---|
| 项目赋能、队伍建设、赛教融合、三级梯队、五位一体、双师型 | S1 职教信息图 |
| 理论框架、研究框架、逻辑体系、研究设计、文献综述 | S2 学术框架图 |
| 机制、协同、循环、系统、互动、反馈、耦合 | S3 循环机制图 |
| 路径、流程、阶段、步骤、实施、递进 | S4 流程路径图 |
| 评价体系、指标体系、能力模型、分级、分类、标准 | S5 层级指标体系 |
| 分类、分区、比较、矩阵、模型、综合评价、适配性 | S6 对比矩阵/Venn |
三、风格决策树
开始
│
├─ 内容强调「项目/队伍/改革/融合」且需要突出成果亮点?→ S1 职教信息图
│ (图标 + 彩色标题栏 + 序号模块)
│
├─ 内容是「理论/研究/逻辑框架」且需要严肃学术感?→ S2 学术框架图
│ (黑白浅灰 + 实线框 + 虚线容器 + 双语题注)
│
├─ 内容涉及「多主体/多要素相互作用、循环反馈」?→ S3 循环机制图
│ (中心辐射 + 同心圆 + 双向箭头)
│
├─ 内容是「先做什么、再做什么」的阶段或程序?→ S4 流程路径图
│ (横向/纵向链式阶段推进)
│
├─ 内容是「由若干维度/指标构成评价体系」?→ S5 层级指标体系
│ (树状层级 + 多指标嵌套)
│
└─ 内容涉及「分类、分区、比较、适配」?→ S6 对比矩阵/Venn
(Venn/矩阵/雷达/四象限)
混合场景:若一张图同时包含「流程 + 机制」,优先以主体逻辑定主风格,再用局部元素补充。例如「三元协同培养路径」以 S4 流程路径 为主,中心嵌入 S3 循环机制 的三方协同符号。
四、配色方案
全局约束
- 默认优先使用 S2 学术黑白(最通用、最安全)。
- 使用彩色时,饱和度 ≤ 30%,全图不超过 3 种色相。
- 标题栏/重点模块可用色块,次要模块用白色或浅灰填充。
各风格推荐配色
S1 职教信息图风格
| 用途 | 色值 | 说明 |
|---|---|---|
| 主色(标题栏/重点) | #1E4A8F 深蓝 |
稳重、教育感 |
| 辅色(阶段/模块区分) | #E07B39 橙褐 |
活力、成果感 |
| 点缀色 | #5A9A5A 绿 |
能力/发展维度 |
| 背景 | #FFFFFF |
纯白 |
| 文字/边框 | #1A1A1A |
近黑 |
| 浅灰辅助 | #F5F5F5 |
次级模块填充 |
S2 学术框架图风格
| 用途 | 色值 | 说明 |
|---|---|---|
| 主色 | #000000 黑 |
边框、文字、箭头 |
| 填充 | #FFFFFF 白 / #F7F7F7 浅灰 |
模块/容器 |
| 虚线容器 | #333333 |
区域划分 |
| 强调框 | #D9D9D9 |
关键节点浅灰填充 |
S3 循环机制图风格
| 用途 | 色值 | 说明 |
|---|---|---|
| 中心节点 | #E8A87C 浅橙 |
核心概念 |
| 外围节点 | #F4E4A6 浅黄 / #C5E0B4 浅绿 |
机制要素 |
| 连接线/箭头 | #4F6D7A 灰蓝 |
关系线 |
| 背景 | #FFFFFF / #FAFAFA |
纯白或微灰 |
S4 流程路径图风格
| 用途 | 色值 | 说明 |
|---|---|---|
| 阶段标题栏 | #2E5AAC 蓝 |
阶段标识 |
| 流程节点 | #FFFFFF 白 + #2E5AAC 边框 |
步骤模块 |
| 箭头 | #2E5AAC |
方向指引 |
| 支撑/反馈线 | #888888 灰虚线 |
次要关系 |
S5 层级指标体系风格
| 用途 | 色值 | 说明 |
|---|---|---|
| 一级维度 | #D9E2F3 浅蓝填充 + #203864 深蓝边框 |
目标层/准则层 |
| 二级指标 | #FFFFFF 白 + #333333 边框 |
指标层 |
| 连接线 | #333333 |
实线 |
S6 对比矩阵/Venn 风格
| 用途 | 色值 | 说明 |
|---|---|---|
| 类别 A | #B4C7E7 浅蓝 |
Venn 左/上 |
| 类别 B | #F4B183 浅橙 |
Venn 右/下 |
| 交集 | #D9A6A6 浅紫红 |
重叠区 |
| 坐标轴/边框 | #333333 |
深灰 |
五、六大风格版式模板
S1 职教信息图风格
适用:项目赋能、教师队伍建设、赛教融合、产教融合
版式要点:
┌─────────────────────────────────────────────────────────┐
│ 顶部大标题(18–24 px,加粗,深色) │
│ 副标题/口号(14–16 px,浅灰或细体) │
└─────────────────────────────────────────────────────────┘
┌──────────────┐ ┌──────────────┐ ┌──────────────┐
│ 01 阶段名 │ → │ 02 阶段名 │ → │ 03 阶段名 │
│ ┌─┐┌─┐┌─┐ │ │ ┌─┐┌─┐┌─┐ │ │ ┌─┐┌─┐┌─┐ │
│ │图││图││图│ │ │ │图││图││图│ │ │ │图││图││图│ │
│ └─┘└─┘└─┘ │ │ └─┘└─┘└─┘ │ │ └─┘└─┘└─┘ │
│ 子项1 子项2 │ │ 子项1 子项2 │ │ 子项1 子项2 │
└──────────────┘ └──────────────┘ └──────────────┘
底部:目标/成果条带(深蓝底白字)
提示词要点:
- 整体为 16:9 或 4:3,纯白背景
- 顶部深色标题栏,下方分 2–4 个横向大模块
- 每个模块上方有彩色标题栏(深蓝/橙/绿),左侧加白色序号“01/02/03”
- 模块内部使用图标(可用简单几何符号或 SVG 路径图标)+ 2–4 项文字说明
- 模块之间用粗箭头连接,表示递进或转化
- 底部可添加目标条带,如“教师能力提升目标”
- 不使用渐变、阴影、照片
S2 学术框架图风格
适用:研究框架、理论基础、逻辑体系、方法论
版式要点:
┌──────────────────────────────────────────────┐
│ 图 N 标题(中文) │
│ Fig.N English Title │
└──────────────────────────────────────────────┘
┌─────────────┐
│ 顶层概念 │
└──────┬──────┘
┌─────────┼─────────┐
↓ ↓ ↓
┌─────┐ ┌─────┐ ┌─────┐
│维度A│ │维度B│ │维度C│
└──┬──┘ └──┬──┘ └──┬──┘
│ │ │
┌──┴──┐ ┌──┴──┐ ┌──┴──┐
│子项 │ │子项 │ │子项 │
└─────┘ └─────┘ └─────┘
提示词要点:
- 整体黑白或浅灰,背景纯白
- 矩形边框 1.5–2 px,黑色
- 外层区域用虚线框
stroke-dasharray="6 4"包裹 - 层级关系用带箭头的实线表示
- 每个模块文字 2–8 字,小字说明 ≤ 12 字
- 底部加“图 N 标题”和英文翻译
- 严格对齐,留白均匀
S3 循环机制图风格
适用:协同机制、系统运行、互动机制、理论模型
版式要点:
┌─────────┐
│ 外围要素1 │
└────┬────┘
│
┌─────────┐ │ ┌─────────┐
│ 外围要素4 │←──┼──→│ 外围要素2 │
└────┬────┘ │ └────┬────┘
│ ┌─────┐ │
└────→│ 核心 │←─────┘
│ 概念 │
┌────→│ │←─────┐
│ └─────┘ │
┌────┴────┐ ┌────┴────┐
│ 外围要素5 │←────────→│ 外围要素3 │
└─────────┘ └─────────┘
提示词要点:
- 中心放置核心概念(圆形/椭圆形,浅橙填充)
- 外围 5–7 个机制要素(圆形,浅黄/浅绿填充)
- 中心与外围之间用双向箭头或单向箭头连接
- 外围要素之间用弧形虚线连接,表示循环
- 可在机制要素外侧添加说明文字(如“制度安排:顶层保障”)
- 整体形成闭合环,避免线条交叉
S4 流程路径图风格
适用:实施路径、培养流程、工作程序、阶段划分
版式要点:
┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐
│阶段1│ → │阶段2│ → │阶段3│ → │阶段4│
│起点 │ │诊断 │ │评估 │ │反馈 │
└─────┘ └─────┘ └─────┘ └─────┘
↓ 底部支撑条:数字资源平台 / 制度保障 / 数据支撑
提示词要点:
- 横向或纵向链式排列 3–6 个阶段模块
- 阶段模块用圆角矩形,内部上方小字标注阶段序号/名称,下方大字标注核心动作
- 模块之间用粗实线箭头连接
- 底部可添加支撑条件条带(虚线框)
- 若存在反馈循环,用虚线箭头从末端指回前端
- 配色以蓝/黑为主,阶段标题栏可加浅色背景
S5 层级指标体系风格
适用:评价体系、能力指标体系、分类体系、标准构建
版式要点:
┌─────────────┐
│ 总目标 │
└──────┬──────┘
┌───────────────┼───────────────┐
↓ ↓ ↓
┌─────────┐ ┌─────────┐ ┌─────────┐
│ 一级维度A │ │ 一级维度B │ │ 一级维度C │
└────┬────┘ └────┬────┘ └────┬────┘
│ │ │
┌────┴────┐ ┌────┴────┐ ┌────┴────┐
│指标 A1 │ │指标 B1 │ │指标 C1 │
│指标 A2 │ │指标 B2 │ │指标 C2 │
│指标 A3 │ │指标 B3 │ │指标 C3 │
└─────────┘ └─────────┘ └─────────┘
提示词要点:
- 自上而下树状结构
- 总目标在顶部,一级维度居中,二级指标在底部
- 同一层级严格水平对齐
- 一级维度可用浅蓝填充,二级指标白色填充
- 连接线垂直向下,再水平分叉(肘形线)
- 每个指标文字简短,必要时用项目符号列出 2–4 个观测点
S6 对比矩阵/Venn 风格
适用:分类模型、空间分区、比较分析、综合评价
版式要点:
┌───────────────────────┐
│ 分类维度 X │
│ 高 ┌─────────┐ 低 │
│ │ 象限1 │ │
│ │ 象限2 │ │
└──────┴─────────┴──────┘
分类维度 Y
或:
┌─────┐ ┌─────┐
/ \ / \
│ A ││ B │
\ / \ /
\ / \ /
\ / 交集 \ /
\ / \ /
◯────────────◯
提示词要点:
- 根据内容选择 Venn 图、矩阵或雷达图
- Venn 图:2–3 个椭圆,交集区域标注融合/过渡特征
- 矩阵:横纵两轴为分类维度,四象限填充浅蓝/浅橙/浅绿等低饱和色
- 雷达图:5–7 个维度轴,多边形填充半透明色
- 每个区域/象限内标注典型类型名称和 1–2 个关键特征
- 坐标轴和边框用深灰色
六、提示词生成流程
步骤 0:风格匹配(本技能新增)
阅读论文原文后,先根据【风格决策树】和【关键词速查表】确定主风格(S1–S6)。若无法确定,默认使用 S2 学术框架图。
步骤 1:原文分析与信息提取
同 sci-paper-svg-diagram:
【基本信息】
- 论文主题:一句话概括
- 目标图形类型:路径图 / 框架图 / 机制图 / 指标体系 / 对比矩阵
- 选定风格:S1/S2/S3/S4/S5/S6
【核心要素提取】
1. [主体/变量/环节/维度名称] — 说明文字
2. ...
【关系提取】
- A → B (关系描述)
- A ↔ B (双向关系)
- A 包含 a, b, c (层级关系)
【布局建议】
- 主风格:S?
- 推荐布局:流式 / 三角协同 / 中心辐射 / 树状 / 矩阵 / Venn
步骤 2:生成结构化提示词
在 sci-paper-svg-diagram 通用模板基础上,追加本技能的【风格专用条款】:
【风格专用条款】
- 采用 <S1/S2/...> 风格
- 配色方案:<直接引用第四节对应色值>
- 版式模板:<直接引用第五节对应版式>
- 图标要求:<若 S1 则需说明图标类型;其他风格写“不使用图标”>
- 题注要求:<S2 需中英双语题注;其他风格按需添加“图 N 标题”>
步骤 3:调用 Visualizer 渲染
使用 show_widget 输出 SVG。若需独立文件,先用 Write 写入 .svg,再 present_files。
七、执行 Checklist
- [ ] 阅读原文,提取核心要素(主体/变量/环节/维度/关系)
- [ ] 使用【风格决策树】确定主风格 S1–S6
- [ ] 查询【配色方案】与【版式模板】,锁定色值和布局
- [ ] 编写“布局坐标表”,预算每个模块的
x/y/w/h与相邻间距(≥ 阈值) - [ ] 按模板结构编写完整提示词,追加【风格专用条款】
- [ ] 为每个模块加
data-label、容器框加data-role="container" - [ ] 调用
show_widget渲染 SVG(或先写入.svg) - [ ] 运行
references/spacing_audit.py做间距检测,清零碰撞/文本溢出/容器内边距不足/出血 - [ ] 必要时按坐标表调整重绘,再次跑脚本直至 PASS,最后
present_files
间距阈值(默认)
| 间距项 | 最小值 |
|---|---|
| 同级模块水平间距 | ≥ 40 px |
| 同级模块垂直间距 | ≥ 30 px |
| 跨区块间距 | ≥ 60 px |
| 层与层间距 | ≥ 50 px |
| 模块—容器内边距 | ≥ 25 px |
| 文本—框内边距 | ≥ 10 px(左右)/ ≥ 8 px(上下) |
| 画布外边距 | ≥ 16 px |
八、完整示例对照
示例:中职“双师型”教师发展性评价体系
原文摘要:构建由技术应用力、教学创新力、协同发展力三个维度组成的发展性评价体系,采用发展性量表、案例分析表、观察记录表、平台数据等多元评价工具,经过起点测评、中期诊断、终期评估、反馈改进四个阶段。
风格判断:
- 含“评价体系” → S5 层级指标体系
- 但示例图 发展性评价.png 实际采用 S1 职教信息图 风格(顶部框架 + 中部工具 + 底部流程)
- 因此主风格选 S1,局部融合 S4 流程路径
提示词核心片段:
整体:16:9,纯白背景,S1 职教信息图风格。
【顶部】深蓝标题栏“三维能力评价框架”,下方三个横向彩色模块:
- 技术应用力(浅蓝):技术教学案例数、企业实践学时、技术转化质量
- 教学创新力(浅绿):贯通课开发度、教学模式创新、指导学生成效
- 协同发展力(浅橙):跨校教研贡献、共享资源数量、联合课题参与
【中部】紫色圆角条“多元评价工具”,下方四个工具模块:
- 发展性量表、案例分析表、观察记录表、平台数据
【底部】“发展性评价流程”横向四阶段:
- 起点测评 → 中期诊断 → 终期评估 → 反馈改进
- 阶段模块用圆角矩形,箭头连接
输出效果:参考 发展性评价.png
九、与基础技能的协作说明
本技能不替代 sci-paper-svg-diagram,而是其在中职教育场景下的专用封装:
- 若用户提供的文档明显属于教育学/管理学/社会科学通用科研论文,且未指定中职风格,可优先回退到
sci-paper-svg-diagram。 - 若用户要求“像示例图那样彩色”“中职风格”“项目汇报风”“信息图风格”,则启用本技能。
- 本技能的【间距检测】【坐标预算】【SVG 技术规范】与基础技能保持一致,确保输出质量不打折扣。