Appearance
插图工作流
手册配图的标准流程:人出 prompt → 任意 AI 生图 → AI 自动插入文档
图的要求
| 项 | 规范 |
|---|---|
| 风格 | 手绘白板风 / 粗线条速写 / 知识图解风,不要太精致,有"上课板书"感 |
| 配色 | 黑白为主,红色/蓝色标注关键点,背景偏白/偏奶油色 |
| 尺寸 | 横版 1024×768(竖版 768×1024),手动缩放时保持比例 |
| 格式 | PNG |
| 内容 | 一张图讲一个概念,文字简洁,箭头/框线清晰 |
| 不要 | 照片、3D 渲染、复杂渐变、多余装饰 |
协作流程
你要插图
→ 告诉我:「哪个文件、在哪段内容后、画什么」
→ 我给你生图 prompt(英文,豆包/Midjourney 直接用)
→ 你拿 prompt 去任意工具生图 → 发给我图片
→ 我存图 + 插 markdown,结束Prompt 模板
拿去改一下主题词就行:
Hand-drawn whiteboard sketch on off-white background. Rough ink lines, slightly messy handwriting, occasional red/blue marker highlights. Chinese text labels. Educational diagram showing [这里写具体内容]. Clean composition, 2-4 visual elements, simple arrows and boxes. No screenshots, no photorealistic.示例
你告诉我要画什么,我套模板给你成品 prompt:
你要:阶段一 1.1 里「向外看三步」的图解
我出:
Hand-drawn whiteboard sketch on off-white background. Three connected sections with rough arrows: left "向外看" (行业变化 / 工作方式 / JD信号), middle "向内看" (主力 / 辅助 / 缺口), right "交叉确认" (方向初稿, circled in red). Rough ink lines, messy handwriting, red highlights. Educational Chinese diagram. No screenshots.
文件放置
| 章节 | 图片目录 |
|---|---|
| 阶段一 | docs/public/images/bootcamp/phase-1/ |
| 阶段二 | docs/public/images/bootcamp/phase-2/ |
| 阶段三 | docs/public/images/bootcamp/phase-3/ |
| 阶段四 | docs/public/images/bootcamp/phase-4/ |
| Agent | docs/public/images/agent/ |
| 方法论 | docs/public/images/methodology/ |
命名:章节号-概念名.png,如 1.1-dual-review.png
Markdown 引用
markdown
图片宽高可通过 HTML 控制(VitePress 的 markdown 支持混写 HTML):
html
<img src="/images/bootcamp/phase-1/1.1-dual-review.png" alt="图说" style="max-width:600px" />