Article Illustrations

文章配图 — Grav 手绘风格

概述

为文章、博客帖子和技术内容生成 16:9 横向手绘配图。每张配图从文章中提取一个认知锚点，并将其转化为简洁、荒诞、令人难忘的白板手绘式阐释。

该技能使用一个反复出现的角色 IP，称为 Grav：一个矮小、圆润、始终漂浮的小人，长着点状眼睛和一根细触角。Grav 参与每张配图中的核心动作——绝不只是装饰。

仓库地址： vipin-si/article-illustrations

适用场景

• 撰写需要内嵌配图的文章、博客帖子或文档时使用
• 希望把抽象概念转化为具体的视觉隐喻时使用
• 希望在多篇文章之间保持统一的视觉语言时使用
• 需要手绘式阐释草图，而非 PPT 信息图时使用

工作流程

步骤一：消化文章内容

阅读全文并识别认知锚点——核心判断、转折点、输入/输出循环、前后对比和常见陷阱。不要平均分配配图，而应优先安排那些能从视觉化阐释中受益的关键节点。

步骤二：规划镜头清单

为每张配图定义以下要素：

• 位置：放在哪一节之后
• 主题：这张图讲的是什么
• 核心含义：它传达的唯一核心观点
• 结构类型：八种构图模式之一（流程、系统特写、前后对比、角色状态、概念隐喻、分层方法、地图路线、迷你漫画）
• Grav 的动作：Grav 在场景中正在做什么
• 标注标签：3–5 个简短英文标签

步骤三：生成图像

使用 generate_image 工具配合内置提示词模板。每张图像遵循严格的风格规范：

• 纯白背景，无纹理
• 黑色手绘线稿，带轻微抖动
• 稀疏的红/橙/蓝色手写标注
• Grav 始终漂浮（绝不接触任何表面）
• 每张图像只表达一个核心观点
• 画布使用率 40–60%，留白不低于 35%

步骤四：质量检查

对照质检清单逐张核查：格式正确、Grav 在场且处于主动状态、隐喻新颖、构图干净、标注稀疏、配色恰当。

示例

示例 1：为文章规划配图

分析这篇文章并创建一份包含 5 张配图的镜头清单。
暂时不要生成图像——只需规划哪些认知锚点值得配图，
以及每张图应当传达什么内容。

<粘贴文章>

示例 2：直接生成配图

为这篇文章生成 4 张 Grav 风格配图。
要求：16:9 横向、纯白背景、黑色手绘线稿、
稀疏的红/橙/蓝色英文标注。

<粘贴文章>

示例 3：单一概念配图

为以下概念生成一张 16:9 配图：
"信任不是宣告而来的——它是一点一滴的证据堆积而成。"
Grav 必须执行核心动作。标注标签不超过 5 个。

示例 4：在结果上迭代

这张配图的方向不错，但 Grav 看起来像是装饰。
保留核心含义并重新生成：让 Grav 成为真正
驱动整个结构的那个角色。

视觉风格

角色：Grav

• 小巧圆润的身体（鹅卵石/土豆形状）
• 两只点状眼睛（略微不对称）
• 一根细而弯曲的触角，顶端带小圆点
• 细长棍状腿，自然下垂而不接触任何表面
• 始终悬停——Grav 与任何表面之间都有可见间隙
• 表情：平静、专注、面无表情
• 角色定位：系统的主动参与者，绝非装饰

最佳实践

• ✅ 生成图像前先规划镜头清单
• ✅ 为每张配图发明全新隐喻——绝不重复构图
• ✅ 让 Grav 成为动作主角，而非旁观者
• ✅ 保持荒诞但结构清晰
• ✅ 谨慎用色——拿不准就用黑色
• ❌ 不要做成 PPT 信息图或正式流程图
• ❌ 不要添加标题栏或装饰性边框
• ❌ 不要让 Grav 接触地面或站在物体表面
• ❌ 不要把 Grav 画得可爱、微笑或表情包化

局限性

• 需要能够遵循构图、线稿和标注约束的图像生成工具。
• 反复出现的 Grav 角色风格可能在不同生成之间发生漂移；必须对照质检清单逐张核查。
• 生成图像中的文字可能出现拼写错误或变形，因此需要使用简短标签并在生成后进行人工复核。
• 该风格专为阐释型文章配图而设计，不适用于写实产品图像或品牌终稿。

常见陷阱

• 问题： 配图看起来像 PPT 幻灯片 对策： 删减 30% 的元素，增加留白，让它更怪异一些

• 问题： Grav 只是站在动作旁边 对策： 重新设计让 Grav 本身成为机制——变成漏斗、吊在杠杆上、悬挂在机器内部

• 问题： 与前一张配图使用相同的隐喻 对策： 完全替换物理对象——同一概念，换一种完全不同的类比

补充资源

• 含提示词模板与质检清单的完整技能
• 示例配图