Ian 小黑插画系统

插画设计系统

详细介绍

Ian Xiaohei Illustrations

把中文文章里的判断、流程、状态和隐喻，变成一张张白底、手绘、怪诞但清爽的正文配图。

16:9 横版 | 小黑 IP | 纯白手绘 | 少量红橙蓝中文批注

适用场景

适合 ：

写中文文章，需要正文配图和文章插图的人

做知识型内容、方法论内容、AI 工作流内容的人

想把抽象判断画成具体隐喻的人

想要一种比 PPT 信息图更轻、更怪、更有个人识别度的配图风格的人

用 AI Agent 做内容生产，希望稳定复用一套视觉语言的人

不适合 ：

需要商业插画、品牌 KV 或精致扁平插画的人

需要传统 PPT 信息图、复杂架构图或流程图的人

需要儿童卡通、可爱 IP、表情包风格的人

想把大量正文、长段解释或完整课程页塞进一张图里的人

需要严格可编辑矢量源文件的人

效果预览

以下图片是风格校准样例，展示输出风格，不是构图模板。使用时应从当前文章重新发明隐喻，不要照抄构图。

核心能力

理解中文文章中的认知锚点（判断、流程、结构、状态、隐喻），生成 16:9 横版正文配图

输出 shot list：每张图的主题、核心意思、结构类型、小黑动作和中文标注建议

每张图只表达一个核心动作或结构，不塞入过多信息

默认视觉 IP“小黑”必须参与核心动作，而非装饰

视觉风格：纯白背景、黑色手绘细线稿、大量留白、少量红橙蓝中文手写批注

支持只做配图规划（输出 shot list 暂不生成图片）

支持直接生成多张配图

支持为单个概念生成一张图

支持编辑已生成图片（如去掉标题、错误文字）

工作方式

你提供中文文章、Markdown、Notion 内容、截图或主题描述

Skill 提炼核心观点、认知转折、流程结构和适合视觉化的段落

先输出 shot list：每张图只选一个认知锚点

为每张图选择结构类型：Workflow、系统局部、前后对比、角色状态、概念隐喻、方法分层、地图路线或小漫画分镜

重新发明一个低科技、怪诞但成立的物理隐喻

让小黑承担核心动作

每张图单独调用图像模型生成

按 QA 检查项检查：白底、留白、小黑动作、中文标注、非 PPT 感、非旧案例复刻

保存最终 PNG，并报告用途和路径

你需要提供

中文文章（粘贴文本、Markdown、Notion 内容均可）

或截图中的文章内容

或直接给出主题/概念描述

可选的编辑请求（如“去掉左上角的标题”）

你会获得

16:9 横版正文配图（PNG 格式）

每张图的 shot list：主题、核心意思、结构类型、小黑动作、建议中文标注词

最终图片保存到 workspace 的 assets/<article-slug>-illustrations/ 目录

使用示例

只做配图规划

Use $ian-xiaohei-illustrations 先不要生图。
请分析下面这篇文章哪里值得配图，输出 5 张左右的 shot list。
每张图写清楚：放在哪段后、主题、核心意思、结构类型、小黑在做什么、建议中文标注词。

<粘贴文章>

直接生成正文配图

Use $ian-xiaohei-illustrations 把下面这篇文章生成 4 张小黑怪诞正文配图。
要求：16:9 横版、纯白背景、黑色手绘线稿、少量红橙蓝中文手写批注。

<粘贴文章>

为单个概念生成一张图

Use $ian-xiaohei-illustrations 为“信任不是喊出来的，而是一块证据一块证据铺过去”生成一张正文配图。
画面要怪诞但清爽，小黑必须承担核心动作。

去掉图里的标题或错误文字

Use $ian-xiaohei-illustrations 帮我编辑这张图，去掉左上角的“流程图”标题，其他内容保持不变。

注意事项

图片里的中文文字越短越稳定

每张图只讲一个核心结构，不要把文章做成说明书

小黑必须承担核心动作；如果去掉小黑画面仍然完全成立，说明小黑太装饰了

示例图只用于校准线条密度、留白、颜色克制和小黑参与方式，不要复刻构图

AI 图像模型可能出现错字、幻觉标签、风格漂移或多余标题，生成后需要检查

如果中文错字严重，优先减少标注词并重生成

试试这样做

• 从这篇中文文章里挑 5 个认知锚点，画成小黑风格 16:9 正文配图。
• 把这个抽象流程改成白底手绘解释图，要求小黑参与系统运转而不是装饰。
• 为这篇方法论文章设计一组带红橙蓝中文批注的怪诞但清爽插图。

作者：Ian (helloianneo) 设计师 / 自媒体人 ｜ GitHub Stars 5.1K ｜ 标签：图片设计 已认证

来源：colaos.ai ｜ Skill ID：ian-xiaohei-illustrations