中文 | English

# 手绘风格与排版图型提示词库(Hand-drawn Style & Layout Prompter) > **不会描述画风?排不好版面构图?选个编号,一键生成极具辨识度的 AI 生图提示词。** 本项目整理了 **001–280 种手绘风格**、**136 种排版图型**(社媒卡、信息图、漫画分镜、IP设计)与 **36 种经典单色主题色**。 不管是做小红书爆款图文、公众号题图、知识科普长图,还是绘制多格叙事条漫,你都不需要背诵复杂的画风术语,也不需要费心构思版面结构——**只要选定风格编号、排版编号与主题色,告诉 AI 你想表现的主题,就能立即获得经过实测验证的中英双语生图提示词**,直接复制到支持生图的 AI 工具中出图。 > [!NOTE] > ### 📢 开源许可与致谢说明 > **欢迎自由使用、修改和商业化。**
> 唯一的小请求:如果这个项目对你有帮助,或者你的项目基于它进行了二次开发,**请保留作者 yang0 和原仓库地址**([https://github.com/yang0/handraw-style](https://github.com/yang0/handraw-style))。开源不易,感谢你的理解与支持! > [!TIP] > ### 📚 官方飞书知识库已上线 > 🔗 **[👉 点击进入官方飞书知识库 ↗](https://ecmn3m3i17.feishu.cn/wiki/space/7689222460876524523?ccm_open_type=lark_wiki_spaceLink&open_tab_from=wiki_home)** > > 1. 🖼️ **速查画廊**:移动端与网页端秒级检索 280 种手绘风格与 136 种排版效果大图 > 2. ❓ **Skill 常见问题与提示词速查**:安装配置、出图答疑、常见生图报错排查与经典提示词模版 > 3. 💡 **创业与变现经验**:持续更新社群创作者分享的一线实操变现案例与商业探索心得 --- ## 🌟 核心解决的问题与特色 | 创作痛点 | 本库的解决方案 | | :--- | :--- | | **画风描述模糊,每次生成都漂移** | **编号化精准激活**:280 种手绘插画风格体系,告别“可爱一点、文艺一点”的玄学生图。 | | **版式构图单调,排不好社媒长图** | **136 种排版图型**:21 种社媒卡、35 种数据信息图、68 种漫画分镜、12 种IP设计,构图版式开箱即用。 | | **色彩杂乱,缺乏统领画面的基调** | **36 种经典单色库**:克莱因蓝、鼠尾草绿、爱马仕橙、佩恩灰等,一键赋予画面高级纯正色调。 | | **图文不搭,文字塞不进画面** | **双模式随心切换**:支持“纯图模式”(纯插画表现)与“图文模式”(文字与画面一体化构图)。 | | **模型画风锁死或无法识别** | **模型能力分层与兜底**:显式模型精准标定(关键词/特征激发),通用与第三方模型自动参考图兜底保真。 | | **文章封面难出彩,文案画面脱节** | **文章封面设计器**:根据全文自动提炼 200 字摘要与受众画像,匹配风格色彩,先隐喻后出图,主标题醒目。 | | **长文插图风格杂乱,手动排版繁琐** | **长文配图规划与自动回填**:编辑级视觉点位决策,全篇单画风单色调统一,支持一键批量生图并排版回填 Markdown。 | ## 🎯 适用人群与场景 - **自媒体创作者**:小红书爆款封面与图文、公众号题图、朋友圈精选海报 - **公众号与深度长文作者**:长文核心摘要提炼、高点击封面设计、全篇风格统一的批量插图规划与 Markdown 自动回填 - **知识科普博主**:对比清单、架构金字塔、步骤流程等高传播信息长图 - **条漫与故事创作者**:四格故事、多格情绪条漫、剧情分镜脚本、绘本插图 - **视觉与品牌设计师**:快速输出高调性手绘草图、创意活动海报与插画原型 ## 安装 直接把本仓库地址发给 Codex,让 Codex 自动完成安装: > **“帮我安装这个 Skill:https://github.com/yang0/handraw-style”** Codex 会自动拉取仓库并配置好全部风格与排版资源。 ## 这个 Skill 怎么用 ### 1. 智能推荐模式(零门槛:不指定编号直接出图) 如果你不想翻阅图鉴挑选编号,**直接告诉 Skill 你想画什么即可**!Skill 会自动理解主题的情绪、氛围与场景,**自动为你匹配最契合的手绘风格与经典主题色组合**(附带推荐理由),直接交付完整提示词: - 零参数直出:`帮我生成猫咪在窗台晒太阳的治愈插画提示词,你帮我选风格和主题色(可组合)` > 💡 智能推荐组合:风格 `#018 · Minimal Deadpan Dialogue Cartoon` + 主题色 `C-26 · 柿子橙`(理由:画面充满温暖治愈与松弛感),直接输出中英双语提示词。 - 补齐模式:若你仅指定了风格(如 `276号风格,主题:AI 未来`),Skill 会自动推荐最搭的主题色(如 `C-01 克莱因蓝`);若仅指定了主题色,Skill 会自动推荐最搭的画风。 ### 2. 精准指定模式(自选手绘编号、图型与主题色) 1. 打开 [风格图鉴 (STYLES.md)](STYLES.md)、[排版图鉴 (LAYOUTS.md)](LAYOUTS.md) 或 [单色图鉴 (COLORS.md)](COLORS.md),浏览直观效果并挑选编号; 2. 记下喜欢的编号,例如风格 `041`、图型 `SC-001`,或主题色 `C-01`; 3. 输入指令给 Skill,例如: - 单独调用风格:`041号风格,主题:秋天的第一杯奶茶` - 组合排版与风格:`图型:SC-001,风格:041,主题:秋天的第一杯奶茶` - 指定主题色:`图型:SC-001,风格:041,主题色:C-01,主题:秋天的第一杯奶茶` 4. 得到带风格名称、版式定义与主题色限定的中英双语提示词; 5. 复制到 Midjourney、DALL-E 3、Stable Diffusion、Flux 等生图 AI 中直接出图。 ### 3. AI 海报设计模式(结构化极简提示词,原生图文一体排版) 需要制作节日宣发、活动主视觉或社交媒体高调性海报?直接告诉 Skill 你的海报主题即可! - **输入指令**:`请帮我出海报提示词, 主题:秋分` - **智能协同**:Skill 会自动分析主题,从手绘图库中匹配最契合的画风(如 `#268 · 当代人文水墨漫画`)与经典主题色(如 `主色 C-26 柿子橙 + 点缀色 C-03 普鲁士蓝`),按**8 大核心纯净设计字段**(主题、场景、受众、密度、情感、主题色、editorial风格、画风)输出提示词并附加图文一体指导规范。 - **实测出图效果**:将生成的提示词直接输入生图模型(如 GPT Image 2/2.5),AI 模型将自主完成绝妙的排版构图与字画融合——大字书法标题、诗意对联、印章、日夜均分同辉意象与松弛水墨人物浑然一体:

秋分节气海报实测生成效果
实测出图案例:#268 当代人文水墨漫画 + 主色 C-26 柿子橙 / 点缀色 C-03 普鲁士蓝

👉 点击展开查看完整海报提示词 ```text 主题:秋分·昼夜均而寒暑平 业务场景:二十四节气传统文化海报、文创书店/茶饮节日宣发主视觉、社媒节气签 受众:传统文化爱好者、文艺青年、生活美学追求者、大众社媒读者 内容密度:低 情感基调:松弛闲适、温润拙朴、平衡从容、金秋诗意 主题色:主色为柿子橙(Persimmon Orange),点缀色为普鲁士蓝(Prussian Blue) editorial风格:Contemporary Literati Ink Cartoon Editorial 风格 画风:风格名称:#268 · Contemporary Literati Ink Cartoon。参考作者/风格名称:当代人文水墨漫画。核心风格特征:现代生活人物、动物和日常小场景;白色或微暖纸面、大面积留白;毛笔和墨线快速画人物;线条松弛、粗细不一、枯湿自然、允许断笔和不闭合轮廓;人物高度概括、比例略笨拙,以姿态和动作表达情绪;人物是画面的主要视觉主体;场景保留少量必要元素;墨色为主,少量朱红、赭石、石绿、湖蓝局部点染;书法题字和朱红印章自然嵌入留白;整体拙朴、松弛、幽默、闲适;现代生活速写与中国写意笔墨结合。【如果主题直白包含画面元素那就按主题出图,文案由你来升华,但是不要直接描述画面。 如果主题比较概念化,那么文案和主题尽量保持一致,如果文案较长由你提炼,由你先设计画面隐喻(人类和非人类都行)再出图 。 文字参与构图,图文一体】 ```
### 4. 进阶心法:万能海报思维法(把信息图当高密度海报做) 觉得现有的信息图图型不够用?**不要让固定的表格和模版框住你的表达!** 信息图的本质是一张高信息密度的视觉海报。直接告诉 Skill 你的**分段时段、核心数据、步骤与使用场景**,生图模型将原生把时间轴、实景插图、手帐便签与文字融为一体: - **文旅出行路线**:《清迈 5 日慢游 DAY 1 导览》(分时段路线 + JJ市集/艺术村/宁曼路地标 + 泰北咖喱面与实用提醒) - **户外装备清单**:《山系露营轻量化装包指南》(睡眠/烹饪/照明三大系统平铺展开 + 8kg 控制,工装风) - **生活技能步骤**:《新手手冲咖啡指南》(水粉比 1:15 + 3 段注水时间轴 + 风味轮) 💡 **[👉 点击进入完整实战技巧与进阶教程 (TUTORIALS.md)](TUTORIALS.md)**(涵盖万能海报思维法、智能推荐机制、三元精准组装法、纯图/图文双模式与跨模型垫图策略等 5 大核心技巧与实战案例)。 ### 5. 文章封面设计模式(提炼摘要、受众推算、视觉隐喻封面) 写完文章不知道怎么配一张高点击、有调性的封面?直接把文章发给 Skill 即可! - **适用场景**:微信公众号文章封面(首选 `2.35:1` 或 `21:9`)、X/Twitter 文章封面(`5:2`)、小红书封面(`3:4`)等。 - **输入指令**:`请根据这篇文章帮我设计封面:[粘贴文章全文或提供本地文章路径 d:\path\to\article.md]`(可指定平台如“公众号封面”,亦可指定或由 AI 推荐风格与色彩)。 - **自动化工作流**: 1. **提炼核心摘要**:自动提炼 200 字左右的核心论点、因果逻辑与认知启示; 2. **推算受众画像**:结合知识深度与诉求,输出精准读者画像; 3. **注入风格与色彩**:从全库 280 种手绘风格与 36 种经典配色中匹配最契合的组合(如风格 `#018 · Minimal Deadpan Dialogue Cartoon` + 主题色 `C-01 经典蓝`); 4. **原生隐喻设计指令**:注入核心指令——*“先设计隐喻再出图,主标题明显,小字少或者没有小字。其他你帮我设计。”* 让生图模型自主完成高质量版式与视觉隐喻构图; 5. **双轨交付引导**: - **【方式 A · 自主生图】**:复制输出的中英双语提示词,前往常用生图工具出图; - **【方式 B · 全自动生图】**:直接回复 **“全自动出图”**,Skill 即可自动调用生图工具直接生成高质量封面图片。 ### 6. 文章批量插图与自动回填模式(长文配图规划、风格统一、自动排版) 长文干货如果全篇都是密密麻麻的文字,读者很容易疲劳流失;但手动到处找图不仅风格割裂,排版还费时费力。本模式提供从**“视觉脉络规划 → 全文风格统领 → 批量生图 → 自动排版回填”**的一站式解决方案: - **输入指令**:`请帮我为这篇文章规划插图并完成配图:[粘贴文章全文或提供本地文章路径 d:\path\to\article.md]` - **自动化工作流**: 1. **编辑级视觉点位决策(Visual Editorial Judgment)**:拒绝机械式段落塞图,深度理解文章论证逻辑与情绪流转,在最能产生视觉共鸣的关键拐点(开篇立意、抽象隐喻、概念解析、流程推演、收尾升华)规划 2–5 处核心配图点位; 2. **全篇单风格与单色调统一**:整篇文章固定锁定同一套手绘风格编号(如 `#276 · 当代水墨`)与主题色(如 `C-01 · 克莱因蓝`),统一采用适合长文阅读流的 `4:3` 比例(支持自定义留白度:正常/适中/多),彻底杜绝全篇图片画风混乱的问题; 3. **标准结构化插图方案**:明确标注每张插图的【插入锚点】、【配图定位】、【图片类型】(editorial illustration / conceptual diagram / metaphorical illustration 等)、【视觉构思】与中英双语生图提示词; 4. **双轨交付闭环**: - **【方式 A · 自主生图回填】**:复制提示词自行出图后,把生成的图片拖入对话或发回本地路径,Skill 会自动把图片精准插入到文章对应段落后; - **【方式 B · 全自动生图插入】**:直接回复 **“全自动生图”**,Skill 将全自动批量生成整套插图,并调用内置自动化排版引擎精准插入原文章,一键输出排版完毕的 Markdown 定稿文件(如 `article_illustrated.md`)。 ## 两种模式,随时切换 同一个编号和主题可以随时在两种模式之间切换,无需重新选择风格。 - **纯图模式**:让主题决定画面内容,适合只需要插画、不需要画中文字的场景。示例:`纯图模式,041号风格,主题:秋天的第一杯奶茶`。 - **图文模式**:保留你写下的主题原文,让文字参与画面构图,适合金句、海报与社交媒体配图。示例:`图文模式,267号风格,主题:有很多事你当时想不通,别着急,过段时间你可能就忘了。`。 切换时直接说“切换为纯图模式”或“切换为图文模式”即可;不指定时默认使用纯图模式。 ### 图文模式演示 下图展示了文字与插图共同构图的效果;它仅作为图文模式演示,不绑定任何编号风格。 ![图文模式演示:鸭子与手写文字](images/graphic-text-mode-demo.webp) ### 模型适配机制说明 Skill 默认只负责把想法变成提示词;你明确要求“生图”时,会根据模型的已知能力决策最适合的生成策略: - **显式标定模型(首发深度适配 `gpt-image-2`)**:建立了全量风格的激活能力清单。生图优先级为:作者名称 + 风格名称 → 注入正向核心风格特征 → 仅在特征不足或难以激活时才传参考图,避免无谓传图导致主体构图被锁死。这个判断基于实际盲测,与作者是否著名无关。 - **通用模型与未标定模型(如 Midjourney、Flux、Stable Diffusion、Imagen、Gemini 等)**:采用经过实测最稳妥的**“参考图高保真兜底(Reference Image Fallback)”**策略。系统会自动提供 4-grid 标准参考垫图或单图指引,确保即使在未深度标定关键词能力的模型中,也能 100% 忠实还原该编号对应的线条、质感与配色风格。 - **欢迎社区共建**:能力矩阵定义在 `skills/handdraw-style-prompter/references/model_capabilities.json` 中,结构透明开放,欢迎社区提交更多生图模型的实测激活评测数据! ## 三个例子 ```text 041号风格,主题:秋天的第一杯奶茶 210号风格,主题:小男孩在雪地里点鞭炮 193号风格,主题:大唐夜宴 ``` ## 风格精选预览 这里展示了手绘风格的精选预览拼图(001–016): ![风格精选预览(001–016)](images/A_001-016.webp) - 🖼️ **[👉 查看更多手绘风格图片(001–280 完整风格拼图大表)](STYLES.md)** - 📄 **[查看风格详细参数表(280 种风格 Markdown 详细表格与特征描述)](styles_200_reorganized.md)** - 💻 *(本地离线使用:可在本地浏览器打开 `skills/handdraw-style-prompter/gallery/index.html` 交互检索与放大)* ## 排版图型展示 除了丰富的手绘风格,本库还收录了 **136 种排版图型**,涵盖社交卡片、数据长图、分镜故事与IP设计,支持一键组合风格与排版出图。 ### 1. 社媒卡(Social Cards · 21 种) 适合小红书、朋友圈、公众号配图及观点金句卡片,结构包含上下图文、文案主导、双格对照、签名展示等。 ![社媒卡分类视口预览](images/layouts/preview-social-cards.webp) 👉 **[查看更多社媒卡图型(21 种完整图鉴与排版提示词)](LAYOUTS.md#social-cards)** --- ### 2. 信息图(Infographics · 35 种) 适合知识科普、对比清单、流程步骤及数据展示,结构包含金字塔层级、中心主图标注、多行多列对比等。 ![信息图分类视口预览](images/layouts/preview-infographics.webp) 👉 **[查看更多信息图图型(35 种完整图鉴与排版提示词)](LAYOUTS.md#infographics)** --- ### 3. 漫画分镜(Comic Storyboards · 68 种) 适合多格叙事、条漫剧情、情绪递进及动态视觉,包含规则四格、起承转合、大格冲击、对角切割等专业分镜。 ![漫画分镜分类视口预览](images/layouts/preview-comic-storyboards.webp) 👉 **[查看更多漫画分镜图型(68 种完整图鉴与排版提示词)](LAYOUTS.md#comic-storyboards)** --- ### 4. IP设计(IP Design · 12 种) 适合品牌 IP 策划、角色设定、情绪定位与商业衍生,打造高辨识度吉祥物与品牌形象封面。 👉 **[查看 IP 设计图型(12 种完整图鉴与排版提示词)](LAYOUTS.md#ip-characters)** --- - 💡 **[👉 进入排版图型完整图鉴,浏览全部 136 种排版与提示词 ↗](LAYOUTS.md)** - 💻 *(本地离线使用:可在本地浏览器打开 `skills/handdraw-style-prompter/gallery/layouts.html` 交互检索与放大)* --- ## 经典单色主题色展示(36 种) 本项目精选并提炼了 **36 种经典单色主题色**(编号 `C-01` ~ `C-36`,涵盖经典蓝系、清新绿系、古典红绿、浪漫粉紫、暖阳大地、中性色系 6 大色系)。 无论搭配何种手绘风格与排版结构,只需指定主题色编号,即可统领整张画面的色彩基调;也可在画廊中直接一键复制单色提示词。 ![经典单色库预览](images/colors/sheet_01.webp) - 🎨 **[👉 进入经典单色主题色完整图鉴,浏览全部 36 种单色与提示词 ↗](COLORS.md)** - 💻 *(本地离线使用:可在本地浏览器打开 `skills/handdraw-style-prompter/gallery/colors.html` 一键复制中英提示词与交互预览)* --- ## 作者与社群交流 - 📚 **官方飞书知识库**:[点击访问知识库(速查画廊 / 常见问题速查 / 创业变现案例) ↗](https://ecmn3m3i17.feishu.cn/wiki/space/7689222460876524523?ccm_open_type=lark_wiki_spaceLink&open_tab_from=wiki_home) - **创作变现交流群 / 作者微信**:请优先加群,满了的话也可以尝试加我个人微信。请备注:**手绘** | ① 优先加入群聊(手绘4群) | ② 个人微信(备用) | | :---: | :---: | | 微信群聊二维码 | 个人微信二维码 | - X:[@yang02010](https://x.com/yang02010) --- ## 📄 开源许可协议 (License) 本项目采用宽松且附带署名要求的开源协议。**欢迎自由使用、修改和商业化。** 唯一的小请求:如果这个项目对你有帮助,或者你的项目基于它进行了二次开发,请保留作者 **yang0** 和原仓库地址:[https://github.com/yang0/handraw-style](https://github.com/yang0/handraw-style)。 完整许可协议详见 [LICENSE](LICENSE)。