[teamai] Push 87 resource(s) from XingfenD
This commit is contained in:
@@ -0,0 +1,235 @@
|
||||
# 便当格 / 模块化信息图模板
|
||||
|
||||
本文件用于生成"便当格 / Bento grid / 高密度模块化"信息图:
|
||||
|
||||
- 小红书"高密度信息大图"(避坑指南 / 完全攻略 / 多维测评)
|
||||
- 公众号 / Notion 式知识卡片
|
||||
- 产品功能 overview 图
|
||||
- 多维度测评 / 多 SKU 对比一图流
|
||||
- 年终总结 / 季度回顾的仪表盘
|
||||
|
||||
特征:
|
||||
|
||||
- 由 6-9 个尺寸不一的矩形模块组成(像 Apple iOS widget 排布)
|
||||
- 每个模块独立承载一个信息单元(一组数据 / 一个截图 / 一个要点)
|
||||
- 大模块作视觉锚点,小模块补充细节
|
||||
- 模块内圆角统一、留白节制、信息密度高
|
||||
- 整体配色统一,用色块区分模块功能
|
||||
|
||||
## 适用范围
|
||||
|
||||
- 高密度知识 / 干货 / 攻略图
|
||||
- 多模块产品介绍图
|
||||
- 多维测评图
|
||||
- 年度 / 季度 review 图
|
||||
- Notion / 仪表盘式视觉
|
||||
|
||||
## 何时使用
|
||||
|
||||
- 用户提到 "bento / 便当格 / widget / 模块化 / 高密度信息大图 / 一图流 / 干货图 / Notion 风"
|
||||
- 用户希望"一张图说清楚多个维度"
|
||||
- 用户希望视觉像 Apple Newsroom / iOS widget / Notion dashboard
|
||||
|
||||
不要使用:
|
||||
|
||||
- 用户要的是单一主体的信息图(用 `infographics/legend-heavy-infographic.md`)
|
||||
- 用户要的是手绘 / 笔记本风(用 `infographics/hand-drawn-infographic.md`)
|
||||
- 用户要的是步骤流程(用 `infographics/step-by-step-infographic.md`)
|
||||
- 用户要的是技术架构图(用 `technical-diagrams/system-architecture.md`)
|
||||
|
||||
## 缺失信息优先提问顺序
|
||||
|
||||
1. 主题(一句话能说清的,比如"2026 年最值得入手的 8 款国产相机")
|
||||
2. 模块数(6 / 8 / 9,建议 8)
|
||||
3. 主标题 + 副标
|
||||
4. 配色基调(极简黑白 / 莫兰迪 / Apple 浅灰 / 暗色科技 / 暖系)
|
||||
5. 比例(小红书 3:4 / 公众号 16:9 / 1:1)
|
||||
6. 是否需要"主推荐 / TOP 1"那个特别强调的大模块
|
||||
|
||||
## 主模板:便当格高密度信息图
|
||||
|
||||
📖 描述
|
||||
|
||||
一张图被划分为 6-9 个尺寸不一的圆角矩形模块,整体像 iOS widget 屏幕排布,每个模块承载一个独立信息单元。
|
||||
|
||||
📝 提示词
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "便当格 / Bento grid 高密度模块化信息图",
|
||||
"goal": "生成一张'像 Apple newsroom / iOS widget / Notion dashboard'的多模块信息图,一图说清多个维度",
|
||||
"canvas": {
|
||||
"aspect_ratio": "{argument name=\"aspect_ratio\" default=\"3:4 portrait\"}",
|
||||
"background": "{argument name=\"background\" default=\"warm off-white #F5F2EC\"}",
|
||||
"global_corner_radius": "{argument name=\"global_corner_radius\" default=\"24px\"}",
|
||||
"module_gap": "{argument name=\"module_gap\" default=\"16px\"}"
|
||||
},
|
||||
"header": {
|
||||
"main_title": "{argument name=\"main_title\" default=\"2026 年最值得入手的 8 款国产相机\"}",
|
||||
"subtitle": "{argument name=\"subtitle\" default=\"全画幅 / APS-C / 视频向 / 复古相机一站式选\"}",
|
||||
"title_position": "top-left, large bold sans-serif"
|
||||
},
|
||||
"palette": {
|
||||
"primary": "{argument name=\"primary\" default=\"deep ink #1A1A1A\"}",
|
||||
"accent": "{argument name=\"accent\" default=\"vermilion #E94B3C\"}",
|
||||
"module_tints": [
|
||||
"soft sand #EBE3D5",
|
||||
"muted sage #C7D3C0",
|
||||
"dusty blue #B4C5D6",
|
||||
"warm peach #F2D4C4"
|
||||
],
|
||||
"rule": "module backgrounds rotate among the tints; primary used for text; accent used at most twice"
|
||||
},
|
||||
"layout": {
|
||||
"style": "{argument name=\"layout_style\" default=\"asymmetric bento\"}",
|
||||
"module_count": "{argument name=\"module_count\" default=\"8\"}",
|
||||
"grid": "irregular: 1 hero module (large, 2x2 footprint) + 4-7 supporting modules of mixed 1x1 / 1x2 / 2x1 sizes",
|
||||
"alignment": "all modules share the same corner radius and gap; module edges align to an invisible grid"
|
||||
},
|
||||
"modules": [
|
||||
{
|
||||
"id": "M1-hero",
|
||||
"size": "large (2x2)",
|
||||
"role": "TOP 1 / 主推荐",
|
||||
"content": "封面级展示:大图 + 推荐理由 + ★★★★★ 评分 + 简要 spec"
|
||||
},
|
||||
{
|
||||
"id": "M2",
|
||||
"size": "medium (1x2)",
|
||||
"role": "对比维度 1",
|
||||
"content": "比如「重量对比」:bar chart + 数字标注 + 冠军那一项高亮"
|
||||
},
|
||||
{
|
||||
"id": "M3",
|
||||
"size": "small (1x1)",
|
||||
"role": "关键数字",
|
||||
"content": "一个超大数字 + 简短说明,比如「8 台」「¥4,999 起」"
|
||||
},
|
||||
{
|
||||
"id": "M4",
|
||||
"size": "small (1x1)",
|
||||
"role": "图标说明",
|
||||
"content": "一组 4-6 个简洁图标 + 极短标签(如「适用场景」)"
|
||||
},
|
||||
{
|
||||
"id": "M5",
|
||||
"size": "medium (2x1)",
|
||||
"role": "排行榜 / 列表",
|
||||
"content": "TOP 3 文字列表,前面带 1/2/3 大数字 badge"
|
||||
},
|
||||
{
|
||||
"id": "M6",
|
||||
"size": "small (1x1)",
|
||||
"role": "引用 / 卖点",
|
||||
"content": "一句金句 / kol 引用 + 引号装饰"
|
||||
},
|
||||
{
|
||||
"id": "M7",
|
||||
"size": "medium (1x2)",
|
||||
"role": "细节展示",
|
||||
"content": "产品特写局部 + 1-2 个 callout 标签"
|
||||
},
|
||||
{
|
||||
"id": "M8",
|
||||
"size": "small (1x1)",
|
||||
"role": "Footer / 提示",
|
||||
"content": "「滑到下一页 →」/ 二维码 / 来源标注"
|
||||
}
|
||||
],
|
||||
"module_internal_style": {
|
||||
"padding": "16-24px inside each module",
|
||||
"typography": "sans-serif (Inter / Helvetica Neue / 思源黑); module title in bold, body smaller",
|
||||
"rule": "each module is self-contained and could stand alone",
|
||||
"imagery": "small product photos / icons / micro-charts; never let a module become pure text"
|
||||
},
|
||||
"constraints": {
|
||||
"must_keep": [
|
||||
"所有模块统一圆角",
|
||||
"模块间留固定 gap",
|
||||
"每个模块都有自己的 micro-title",
|
||||
"至少有 1 个模块包含视觉化数据(chart / 大数字)",
|
||||
"整图配色不超过 5 种主色"
|
||||
],
|
||||
"avoid": [
|
||||
"所有模块尺寸一模一样(变成网格表)",
|
||||
"模块紧贴没有留白",
|
||||
"模块内信息密度过低(变成空 widget)",
|
||||
"模块边框使用粗描边 (>2px)",
|
||||
"用渐变 / 玻璃质感模糊 bento 的极简感"
|
||||
]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 参数策略
|
||||
|
||||
- **必问**:`main_title`、`module_count`
|
||||
- **可默认**:`aspect_ratio`(3:4)、`palette`(warm off-white + vermilion 强调)、`global_corner_radius`、`module_gap`
|
||||
- **可随机**:`module_tints` 的具体顺序、每个模块的具体内容(如果用户没指定,自动按主题推断)
|
||||
|
||||
### 自动补全策略
|
||||
|
||||
- 用户只给主题时:自动决定 8 个模块、推断模块角色(TOP 1 / 关键数字 / 图标 / 排行 / 卖点 / 细节 / footer)
|
||||
- 用户说"小红书风" → palette 选 warm off-white + 暖强调色,aspect 3:4
|
||||
- 用户说"科技 / 数码风" → palette 选深灰 + 霓虹强调,aspect 1:1 或 3:4
|
||||
- 用户说"金融 / 严肃" → palette 选 mono + 单一深色强调,aspect 16:9
|
||||
|
||||
## 变体 1:iOS widget 屏风格
|
||||
|
||||
```json
|
||||
{
|
||||
"modify": {
|
||||
"background": "iOS 系统壁纸渐变(深蓝紫 → 黑)",
|
||||
"module_backgrounds": "frosted glass + 浅描边",
|
||||
"module_corner_radius": "32px (更圆)",
|
||||
"typography": "SF Pro Display + SF Symbols 风格图标",
|
||||
"vibe": "像截了 iPhone 主屏然后所有 widget 都装满信息"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
适用:数码 / 应用推荐 / 产品介绍。
|
||||
|
||||
## 变体 2:Notion dashboard 风
|
||||
|
||||
```json
|
||||
{
|
||||
"modify": {
|
||||
"background": "纯白 #FFFFFF",
|
||||
"module_backgrounds": "极淡灰 #F7F6F3 + 1px 浅灰边框",
|
||||
"module_corner_radius": "8px (方正)",
|
||||
"module_padding": "更大",
|
||||
"typography": "Inter / Söhne, 极细字重为主",
|
||||
"vibe": "极简、低调、像 Notion 页面截图"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
适用:知识管理、生产力、SaaS 工具介绍。
|
||||
|
||||
## 变体 3:高密度小红书"避坑指南"风
|
||||
|
||||
```json
|
||||
{
|
||||
"modify": {
|
||||
"module_count": "9-12",
|
||||
"background": "warm cream + 颗粒纸质感",
|
||||
"module_tints": ["mint", "peach", "lavender", "lemon"],
|
||||
"accent": "tomato red 用作「⚠️ 避坑」标签",
|
||||
"typography": "稍微加点圆体 / 手写字增加亲切感",
|
||||
"vibe": "信息塞满、颜色更跳、有 emoji / 标签"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
适用:小红书避坑指南、新手攻略、必看清单。
|
||||
|
||||
## 避免事项
|
||||
|
||||
- 模块尺寸全部一样 → 变成 grid 表格,失去 bento 的"轻重缓急"
|
||||
- 模块没有 micro-title → 失去"独立信息单元"语义
|
||||
- 全图都是文字模块 → 失去视觉冲击
|
||||
- 模块之间没有留白或留白不一致 → 视觉吵
|
||||
- 配色超过 5 种主色 → 整体感崩
|
||||
- 强行塞入 hero 模块当装饰但内容空 → 浪费视觉权重
|
||||
- 模块边框 >2px → 像电子表格不像 bento
|
||||
@@ -0,0 +1,201 @@
|
||||
# 对比信息图模板
|
||||
|
||||
本文件用于生成"二元 / 多元对比"信息图:
|
||||
|
||||
- A vs B 双栏对比(产品 / 概念 / 方法)
|
||||
- 三方对比(如三种方案 / 三档套餐)
|
||||
- 多维度评测对比(多产品 × 多维度)
|
||||
- 优劣 / 利弊 / 正反对比
|
||||
- "传统做法 vs 新做法"科普图
|
||||
- 价格档位对比图
|
||||
|
||||
特征:
|
||||
|
||||
- 视觉上左右 / 多列分栏,对齐严格
|
||||
- 每列有清晰的列首(角色 / 名称 / 大图)
|
||||
- 每行是一个对比维度
|
||||
- 用 ✓ ✗ 颜色 评分等手段做明显区分
|
||||
- 一眼能看出"谁赢"
|
||||
|
||||
## 适用范围
|
||||
|
||||
- 产品 vs 产品对比图
|
||||
- 方法 / 方案 / 流派对比图
|
||||
- 套餐档位对比图
|
||||
- 优劣 / 利弊对比图
|
||||
- "误区 vs 正解"科普
|
||||
|
||||
## 何时使用
|
||||
|
||||
- 用户提到 "对比 / 比较 / vs / pk / 优劣 / 利弊 / 双栏 / 多列对比 / 套餐 / 档位"
|
||||
- 用户希望"读者一眼分清谁更适合自己"
|
||||
- 用户希望视觉上有"对决感 / 选择感"
|
||||
|
||||
不要使用:
|
||||
|
||||
- 用户要的是「步骤 / 流程」(用 `infographics/step-by-step-infographic.md`)
|
||||
- 用户要的是「便当格高密度信息」(用 `infographics/bento-grid-infographic.md`)
|
||||
- 用户要的是「Slide 单页讲解」(用 `slides-and-visual-docs/`)
|
||||
- 用户要的是「真正的工程对比表 / 配置表」纯表格图(用 `academic-figures/qualitative-comparison-grid.md`)
|
||||
|
||||
## 缺失信息优先提问顺序
|
||||
|
||||
1. 对比对象数量(2 / 3 / 4)
|
||||
2. 每个对象的名称
|
||||
3. 对比维度数量(建议 4-7 个维度,比如:价格、性能、易用性、扩展性、生态、学习曲线)
|
||||
4. 每个维度下每个对象的具体差异
|
||||
5. 是否要明显「胜出标记」(皇冠 / TOP 1 标签)
|
||||
6. 配色基调(中性 / 暖色 / 科技 / 黑白)
|
||||
7. 比例(小红书 3:4 / 公众号 16:9 / 1:1)
|
||||
|
||||
## 主模板:双列对比信息图
|
||||
|
||||
📖 描述
|
||||
|
||||
整张图分为左右两列,列首是两个被对比的对象(带 logo / 头像 / 大图),下面 4-7 行对比维度,每行用图标 + 短文字 + 颜色 / ✓✗ 表达差异,底部一句话结论。
|
||||
|
||||
📝 提示词
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "双列对比信息图",
|
||||
"goal": "生成一张让读者一眼分清「谁更适合自己」的对比图",
|
||||
"canvas": {
|
||||
"aspect_ratio": "{argument name=\"aspect_ratio\" default=\"3:4 portrait\"}",
|
||||
"background": "{argument name=\"background\" default=\"warm off-white #F8F6F2\"}",
|
||||
"split_line": "{argument name=\"split_line\" default=\"中央一条细分割线 / 或一个交错的对决符号 'VS'\"}"
|
||||
},
|
||||
"header": {
|
||||
"main_title": "{argument name=\"main_title\" default=\"React vs Vue 选谁?2026 实战对比\"}",
|
||||
"subtitle": "{argument name=\"subtitle\" default=\"7 个维度帮你拍板\"}"
|
||||
},
|
||||
"columns": [
|
||||
{
|
||||
"id": "left",
|
||||
"name": "{argument name=\"left_name\" default=\"React\"}",
|
||||
"color_theme": "{argument name=\"left_color\" default=\"cyan #61DAFB + 深灰\"}",
|
||||
"header_visual": "{argument name=\"left_visual\" default=\"React logo (大尺寸 + 浅色底卡片)\"}",
|
||||
"tagline": "{argument name=\"left_tagline\" default=\"灵活、生态强、社区大\"}"
|
||||
},
|
||||
{
|
||||
"id": "right",
|
||||
"name": "{argument name=\"right_name\" default=\"Vue\"}",
|
||||
"color_theme": "{argument name=\"right_color\" default=\"emerald #41B883 + 深灰\"}",
|
||||
"header_visual": "{argument name=\"right_visual\" default=\"Vue logo (大尺寸 + 浅色底卡片)\"}",
|
||||
"tagline": "{argument name=\"right_tagline\" default=\"上手快、文档好、约定多\"}"
|
||||
}
|
||||
],
|
||||
"comparison_rows": {
|
||||
"count": "{argument name=\"row_count\" default=\"7\"}",
|
||||
"structure": "每一行:左侧维度图标 + 维度名(居中)→ 左列表现 + 右列表现,右侧用色块 / ✓✗ / 1-5 星标记",
|
||||
"items": [
|
||||
"学习曲线",
|
||||
"上手速度",
|
||||
"生态成熟度",
|
||||
"招聘市场",
|
||||
"性能表现",
|
||||
"TypeScript 体验",
|
||||
"适合的项目类型"
|
||||
],
|
||||
"marker_style": "{argument name=\"marker_style\" default=\"5 星评分 + 颜色对比\"}",
|
||||
"highlight_winner_per_row": true
|
||||
},
|
||||
"footer": {
|
||||
"verdict": "{argument name=\"verdict\" default=\"看团队偏好:要快上手选 Vue,要长期生态选 React\"}",
|
||||
"winner_badge": {
|
||||
"enabled": "{argument name=\"winner_badge_enabled\" default=\"false\"}",
|
||||
"label": "{argument name=\"winner_badge_label\" default=\"Editor's Choice\"}",
|
||||
"position": "left | right"
|
||||
}
|
||||
},
|
||||
"constraints": {
|
||||
"must_keep": [
|
||||
"左右列宽度对称",
|
||||
"每行高度对齐",
|
||||
"维度名居中(属于"中柱"),左右各表现各的",
|
||||
"颜色不要让一边明显压另一边(除非显式 winner)",
|
||||
"字体一致",
|
||||
"数据 / 评分有视觉化标记,不要纯文字"
|
||||
],
|
||||
"avoid": [
|
||||
"左右列尺寸不对称",
|
||||
"维度行没有图标",
|
||||
"颜色冲突让人分不清哪边是哪边",
|
||||
"对比维度只有 1-2 个(信息密度太低)",
|
||||
"对比维度 > 10 个(每行变得太挤)",
|
||||
"结论太主观(最好客观一句话总结)"
|
||||
]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 参数策略
|
||||
|
||||
- **必问**:`left_name`、`right_name`、`row_count`(或具体维度列表)
|
||||
- **可默认**:`background`、`marker_style`(5 星)、`color_theme`(基于品牌色 / 默认色)
|
||||
- **可随机**:维度图标具体造型、`split_line` 是细线还是 VS 符号
|
||||
|
||||
### 自动补全策略
|
||||
|
||||
- 用户只给两个对象时(如"React vs Vue"):自动推断 7 个常见对比维度
|
||||
- 用户只给主题(如"对比 React 和 Vue"):补全名称、tagline、色彩主题(用品牌色)
|
||||
- 用户没说 winner:默认不放 winner badge,结论写中立
|
||||
- 用户说"我要明显的对决感" → 加 VS 符号 + winner badge + 更对比的色彩
|
||||
|
||||
## 变体 1:三列对比(套餐档位 / 三方案)
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "三列档位对比信息图",
|
||||
"columns_count": 3,
|
||||
"column_examples": ["Free", "Pro", "Enterprise"],
|
||||
"rule": "中间列稍宽 + 底色稍亮 + 加 'Most Popular' 角标,行 = 功能维度 + ✓ ✗ 量化指标"
|
||||
}
|
||||
```
|
||||
|
||||
适用:SaaS 定价页、套餐对比、会员等级对比。
|
||||
|
||||
## 变体 2:误区 vs 正解(科普向)
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "误区 vs 正解 二栏对比",
|
||||
"left_column": {
|
||||
"label": "❌ 常见误区",
|
||||
"color": "muted red / gray",
|
||||
"items": "3-5 个常见错误说法"
|
||||
},
|
||||
"right_column": {
|
||||
"label": "✅ 正确做法",
|
||||
"color": "muted green / fresh",
|
||||
"items": "3-5 条正确说法 + 简单解释"
|
||||
},
|
||||
"vibe": "教育 / 科普 / 健康 / 育儿向"
|
||||
}
|
||||
```
|
||||
|
||||
适用:健康科普、育儿误区、消费避坑、健身误区。
|
||||
|
||||
## 变体 3:多产品 × 多维度评测矩阵(横向)
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "多列横向评测矩阵",
|
||||
"layout": "顶行 = 多个产品(4-6 个),左列 = 评测维度(5-8 行),格内 = 评分 / ✓✗ / 简短文字",
|
||||
"highlight_rule": "每一行最高分用颜色高亮 + 每列底部统计冠军次数",
|
||||
"vibe": "媒体测评图、消费报告"
|
||||
}
|
||||
```
|
||||
|
||||
适用:相机评测、笔记本评测、APP 横评、SUV 横评。
|
||||
|
||||
## 避免事项
|
||||
|
||||
- 双列宽度不对称(视觉偏向感 → 显失公允)
|
||||
- 行高不一致 → 看不齐对比项
|
||||
- 没有维度图标 → 行与行难以区分
|
||||
- 颜色完全相同 → 失去左右区分
|
||||
- 颜色对比过强(一边鲜红一边鲜绿)→ 像情绪化判决
|
||||
- 评分只有 1 / 0 表达 → 没有梯度感(建议 1-5 星 / 圆点 / 进度条)
|
||||
- 没有结论 footer → 读者不知道你想推哪个
|
||||
- 把对比图做成纯文字表格 → 失去信息图的"一眼可读"
|
||||
@@ -0,0 +1,178 @@
|
||||
# 手绘风信息图模板
|
||||
|
||||
本文件用于生成"手绘 / 笔记本 / 涂鸦 / 暖色 macaron / morandi 雾感"质感的信息图:
|
||||
|
||||
- 学习笔记 / 知识卡 / 概念图解
|
||||
- 公众号 / 小红书"手绘种草"图文
|
||||
- 教学讲义 / 课堂涂鸦
|
||||
- 旅行手账 / 美食手账 / 阅读笔记
|
||||
- 活动通知 / 暖系活动海报
|
||||
|
||||
特征:
|
||||
|
||||
- 所有线条都有轻微抖动 / 不规则(hand-drawn wobble)
|
||||
- 配色低饱和、温暖、像水彩或彩铅
|
||||
- 元素之间有大量"留白 + 涂鸦装饰"
|
||||
- 字体是手写感(非电脑字体)
|
||||
- 颜色填充会"留边",像手工上色
|
||||
|
||||
> 设计判断:手绘风是「风格语言」,自由度极高,不同主题(学习 / 美食 / 旅行 / 心情)的具体元素差异极大。**强行 JSON 反而会限制画面自由度**,因此本模板采用「**结构化自然语言提示词 + 参数表 + 元素清单**」的混合形式,比纯 JSON 更自然。
|
||||
|
||||
## 适用范围
|
||||
|
||||
- 学习笔记 / 概念解析 / 知识卡片
|
||||
- 步骤教程 / how-to / 操作流程的"手绘版"
|
||||
- 列表 / 清单 / 排行榜的"手绘版"
|
||||
- 暖系内容(情绪 / 治愈 / 美食 / 旅行)
|
||||
- 公众号 / 小红书 / 社交平台"手账风"配图
|
||||
|
||||
## 何时使用
|
||||
|
||||
- 用户提到 "手绘 / 手账 / sketch notes / 涂鸦 / 笔记 / 课堂笔记 / macaron / morandi / 暖色 / 治愈"
|
||||
- 用户希望视觉「亲切、好读、不像 PPT」
|
||||
- 用户希望「读者感觉是真人手画的」
|
||||
|
||||
不要使用:
|
||||
|
||||
- 用户要的是高密度科普因果链 / 解剖图(用 `infographics/legend-heavy-infographic.md`)
|
||||
- 用户要的是模块化便当格(用 `infographics/bento-grid-infographic.md`)
|
||||
- 用户要的是工程精度的流程图 / 架构图(用 `technical-diagrams/`)
|
||||
- 用户要的是出版级图表(用 `academic-figures/publication-chart.md`)
|
||||
- 用户要的是真正的治愈系场景插画(用 `scenes-and-illustrations/healing-scene.md`)
|
||||
|
||||
## 缺失信息优先提问顺序
|
||||
|
||||
1. 主题(要讲什么?比如"5 种泡咖啡的方法"、"番茄工作法"、"上海 City Walk Top 10")
|
||||
2. 信息条数(建议 3-7 条)
|
||||
3. 配色基调(macaron 暖奶油 / morandi 雾感 / kraft 牛皮纸 / 黑板色)
|
||||
4. 是否有人物 / 吉祥物(一只猫 / 简笔小人 / 无人物)
|
||||
5. 比例(小红书 3:4 竖版 / 公众号 16:9 横版 / 1:1 方版)
|
||||
6. 是否要配色块「条目分区」还是"自由排布"
|
||||
|
||||
## 主模板:手绘风信息图
|
||||
|
||||
📖 描述
|
||||
|
||||
整张图是一张「像被人在笔记本上手画出来」的信息图:暖色背景 + 手写体大标题 + 3-7 条手绘卡片 / 圆圈 / 气泡 + 简笔图标 + 涂鸦装饰 + 手绘箭头连接。
|
||||
|
||||
📝 提示词(结构化自然语言模板)
|
||||
|
||||
```
|
||||
A hand-drawn educational infographic in the style of a high-quality bullet journal page.
|
||||
|
||||
Topic: {argument name="topic" default="番茄工作法的 5 个核心步骤"}.
|
||||
|
||||
Aspect ratio: {argument name="aspect_ratio" default="3:4 portrait"}.
|
||||
|
||||
Background:
|
||||
- Warm {argument name="background_color" default="cream / off-white"} paper texture with subtle grain.
|
||||
- Optional washi-tape strips in the corners (diagonal stripes, muted tones).
|
||||
- DO NOT use pure white or pure black background.
|
||||
|
||||
Color palette:
|
||||
- {argument name="palette" default="macaron"} — describe colors:
|
||||
- macaron: warm cream #F5F0E8 background, muted blue #A8D8EA, lavender #D5C6E0, mint #B5E5CF, peach #F8D5C4, coral red #E8655A accent
|
||||
- morandi: dusty sage, terracotta, mustard, taupe, soft brick
|
||||
- kraft: kraft paper background, dark brown ink, tomato red accent, muted navy
|
||||
- chalkboard: dark slate background, white chalk, yellow / coral / mint chalk highlights
|
||||
- Limit to 4-5 colors total. Use the accent color sparingly for emphasis.
|
||||
|
||||
Title:
|
||||
- "{argument name="title" default="番茄工作法 5 步"}" in large hand-lettered calligraphy at the top.
|
||||
- Title sits inside a hand-drawn frame: irregular oval, scalloped rectangle, or wavy banner.
|
||||
- Optional subtitle below in smaller handwritten print.
|
||||
|
||||
Body:
|
||||
- {argument name="item_count" default="5"} information items.
|
||||
- Each item is presented as a hand-drawn card / rounded rectangle / cloud bubble / circle, with:
|
||||
- A number badge (1, 2, 3 ... in a circle, drawn by hand)
|
||||
- Item title in bold handwritten text
|
||||
- 1-2 lines of body text in neat handwritten print
|
||||
- A simple doodle icon (1-2 strokes, NOT realistic) representing the item
|
||||
- Items can be arranged: vertical list / 2-column grid / circular wheel / winding path.
|
||||
|
||||
Doodle decorations (sprinkle naturally, not symmetrically):
|
||||
- Tiny stars, sparkles, hearts, arrows-curvy, dotted lines, exclamation marks
|
||||
- Hand-drawn underlines and circle-marks for emphasis on key words
|
||||
- Smiley / frowny faces (😊 ☹) as quality indicators where relevant
|
||||
- Optional: a single mascot character (a cat / a stick-figure person / a coffee cup with face) as the "narrator"
|
||||
|
||||
Style enforcement:
|
||||
- ALL lines have visible hand-drawn wobble — never perfectly straight
|
||||
- ALL color fills leave a tiny gap before the outline (hand-painted feel)
|
||||
- All text is hand-lettered — NO computer fonts, NO Helvetica, NO Arial
|
||||
- Slight imperfection is intentional — it should NOT look digitally precise
|
||||
- The whole image feels like a single page from someone's notebook
|
||||
|
||||
Composition:
|
||||
- Generous whitespace (~30-40% of the canvas)
|
||||
- Information hierarchy: title > item titles > body > doodle decorations
|
||||
- Items are large enough to be readable; do not cram
|
||||
|
||||
Language: {argument name="language" default="中文(手写体感)"}; technical / proper nouns can stay in English.
|
||||
```
|
||||
|
||||
### 参数策略
|
||||
|
||||
- **必问**:`topic`、`item_count`、`aspect_ratio`
|
||||
- **可默认**:`palette`(默认 macaron)、`background_color`(跟随 palette)、`language`(默认中文)
|
||||
- **可随机**:mascot 是否出现 / 用什么吉祥物、doodle 装饰的具体造型、卡片形状(圆角矩形 / 云朵 / 圆圈)
|
||||
|
||||
### 自动补全策略
|
||||
|
||||
- 用户只给 `topic` 时:
|
||||
- 自动决定 5 条要点(除非主题明显是 list 类的,比如"7 个习惯"那就用 7 条)
|
||||
- 自动用 macaron 配色
|
||||
- 自动用 3:4 portrait(小红书友好)
|
||||
- 不放 mascot(除非主题适合,如"猫咪护理 5 步"自然出现猫)
|
||||
- 用户说"我要小红书风" → palette 自动选 macaron 或 morandi,aspect 3:4
|
||||
- 用户说"教学 / 课堂" → palette 自动选 chalkboard 或 macaron
|
||||
- 用户说"暖系 / 美食 / 治愈" → palette 自动选 morandi 或 kraft
|
||||
|
||||
## 变体 1:黑板粉笔风手绘信息图
|
||||
|
||||
把上面提示词里的 palette 换成 `chalkboard`:
|
||||
|
||||
```
|
||||
Background: dark slate / chalkboard green (#2F4F4F) with faint chalk dust texture.
|
||||
Lines and text: white chalk with visible pressure variation.
|
||||
Highlights: yellow chalk for important keywords, coral / mint chalk for accents.
|
||||
Decorations: hand-erased smudges in the background, chalk arrows, chalk underlines.
|
||||
```
|
||||
|
||||
适用:教学讲义、班级文化墙、知识科普"上课"感。
|
||||
|
||||
## 变体 2:牛皮纸 / Kraft 暖系手绘信息图
|
||||
|
||||
把背景换成 `kraft paper`:
|
||||
|
||||
```
|
||||
Background: warm kraft paper #C9A876 with visible paper fibers.
|
||||
Lines and text: dark espresso brown #3E2723 with hand-drawn wobble.
|
||||
Accents: tomato red #E63946, muted teal #457B9D.
|
||||
Decorations: stamp marks, dotted borders, thread / yarn doodles, postal style elements.
|
||||
```
|
||||
|
||||
适用:复古手账、咖啡 / 烘焙 / 慢生活、文创周边。
|
||||
|
||||
## 变体 3:单色铅笔 / 极简手绘信息图
|
||||
|
||||
```
|
||||
Background: pure cream #FAF7F2.
|
||||
Lines: single dark color (charcoal #2B2B2B or sepia #6B4423) only.
|
||||
NO multi-color fills. Use varying line weight and cross-hatching for shading.
|
||||
Decorations: minimal — just dotted lines and small symbols.
|
||||
```
|
||||
|
||||
适用:克制 / 文艺 / 严肃但仍要手绘感的内容(哲学、读书笔记)。
|
||||
|
||||
## 避免事项
|
||||
|
||||
- 任何元素出现完美的几何形状 / 直线 → 失去手绘灵魂
|
||||
- 使用 Helvetica / Arial / 思源黑等电脑字体 → 立刻塑感
|
||||
- 颜色填满到边缘没有留白 → 像电子贴纸,不像手画
|
||||
- 渐变 / 阴影 / 玻璃质感 / 金属质感 → 完全跑偏
|
||||
- 一张图 ≥ 6 种主色 → 失去手账的克制感
|
||||
- 文字行距过紧 / 字号一致 → 失去层次感
|
||||
- 装饰物太多到喧宾夺主 → 信息读不出来
|
||||
- 所有信息卡造型完全一致(一模一样的圆角矩形 ×5)→ 失去手绘的有机感
|
||||
+204
@@ -0,0 +1,204 @@
|
||||
# KPI 仪表盘式信息图模板
|
||||
|
||||
本文件用于生成"KPI / 仪表盘 / 数据回顾"信息图:
|
||||
|
||||
- 年度 / 季度 / 月度数据回顾图
|
||||
- 产品关键指标 overview
|
||||
- 个人年度复盘(读了多少书 / 跑了多少 km / 看了多少电影)
|
||||
- 团队业绩看板
|
||||
- 公司年报关键页
|
||||
- "X 年我做了什么" 数据可视化总结
|
||||
|
||||
特征:
|
||||
|
||||
- 大量数字 + 进度条 + 迷你图表 + 图标
|
||||
- 多个独立的"指标卡"组合
|
||||
- 主指标用极大字号
|
||||
- 视觉上像"信息可视化仪表盘",有数据感
|
||||
|
||||
## 适用范围
|
||||
|
||||
- 年度 / 季度 / 月度回顾
|
||||
- 个人复盘 / 数据总结
|
||||
- 产品 / 业务 KPI 概览
|
||||
- 公司年报关键页
|
||||
- 用户 wrapped(Spotify Wrapped 风)
|
||||
|
||||
## 何时使用
|
||||
|
||||
- 用户提到 "KPI / dashboard / 仪表盘 / 年度回顾 / wrapped / 数据总结 / 复盘"
|
||||
- 用户希望视觉「数据感强、像 SaaS 后台、像 Wrapped」
|
||||
- 用户有真实的数字要展示
|
||||
|
||||
不要使用:
|
||||
|
||||
- 用户要的是「便当格内容多元」(用 `infographics/bento-grid-infographic.md`)
|
||||
- 用户要的是「严肃出版级数据图表」(用 `academic-figures/publication-chart.md`)
|
||||
- 用户要的是「商业报告 slide」(用 `slides-and-visual-docs/visual-report-page.md`)
|
||||
- 用户要的是「品牌识别系统板」(用 `branding-and-packaging/brand-identity-board.md`)
|
||||
|
||||
## 缺失信息优先提问顺序
|
||||
|
||||
1. 主题 + 时间范围(如"2025 年阅读复盘 / Q3 业务概览 / 月度跑步数据")
|
||||
2. 主指标(1-3 个最大的数字,比如「读了 47 本书」「营收 ¥1,200 万」「跑了 612 km」)
|
||||
3. 次级指标(4-8 个,如「最常读的类型」「最快单圈」「最忙的月份」)
|
||||
4. 是否要趋势图 / 排行榜 / 占比图(哪些数据天然适合视觉化)
|
||||
5. 配色(科技深色 / 暖系总结 / Spotify Wrapped 渐变 / 极简白底)
|
||||
6. 比例(小红书 3:4 / 公众号 16:9 / 1:1)
|
||||
|
||||
## 主模板:KPI 仪表盘信息图
|
||||
|
||||
📖 描述
|
||||
|
||||
整张图被划分为多个指标卡,顶部是「主指标」(极大数字),下方排布次级指标卡(数字 + 进度环 / 迷你 chart / 排行榜 / 趋势线),整体像一份精心设计的数据快照。
|
||||
|
||||
📝 提示词
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "KPI 仪表盘信息图",
|
||||
"goal": "把一组数字以'数据可视化仪表盘'的形式呈现,让读者一眼感知数据规模和分布",
|
||||
"canvas": {
|
||||
"aspect_ratio": "{argument name=\"aspect_ratio\" default=\"3:4 portrait\"}",
|
||||
"background": "{argument name=\"background\" default=\"deep ink #0F172A 渐变到 #1E293B(暗色模式)\"}",
|
||||
"alt_background_light": "warm cream #F8F5EE(如果用户偏好亮色)"
|
||||
},
|
||||
"header": {
|
||||
"main_title": "{argument name=\"main_title\" default=\"2025 年阅读复盘\"}",
|
||||
"subtitle": "{argument name=\"subtitle\" default=\"全年读完 / 在读 / 弃读 一览\"}",
|
||||
"period": "{argument name=\"period\" default=\"2025.01 - 2025.12\"}"
|
||||
},
|
||||
"palette": {
|
||||
"primary_text": "{argument name=\"primary_text\" default=\"#F1F5F9\"}",
|
||||
"accent_main": "{argument name=\"accent_main\" default=\"cyan #22D3EE\"}",
|
||||
"accent_secondary": "{argument name=\"accent_secondary\" default=\"violet #A78BFA\"}",
|
||||
"accent_alert": "{argument name=\"accent_alert\" default=\"rose #FB7185\"}",
|
||||
"rule": "限制 4 主色,accent 用于'高亮关键数字'"
|
||||
},
|
||||
"hero_metrics": {
|
||||
"count": "{argument name=\"hero_count\" default=\"3\"}",
|
||||
"rule": "顶部 1-3 个'主指标'卡,每个用超大数字 + 简短标签 + 同比变化箭头",
|
||||
"examples": [
|
||||
{ "value": "47", "label": "本书读完", "delta": "↑ +12 vs 2024" },
|
||||
{ "value": "23,140", "label": "总页数", "delta": "↑ +28%" },
|
||||
{ "value": "8.2", "label": "平均评分", "delta": "↓ -0.1" }
|
||||
]
|
||||
},
|
||||
"sub_metrics": {
|
||||
"count": "{argument name=\"sub_count\" default=\"6\"}",
|
||||
"card_types_to_use": [
|
||||
"progress_ring — 圆环进度图,中央数字 + 标签(适合「目标完成度 78%」)",
|
||||
"bar_mini — 迷你横向 bar,多 entity 排行(适合「TOP 5 读得最多的类型」)",
|
||||
"trend_line — 迷你折线,沿时间趋势(适合「每月阅读数趋势」)",
|
||||
"donut_split — 占比饼图,2-4 段(适合「电子书 vs 纸质书 比例」)",
|
||||
"big_number_card — 单个大数字 + 标签(适合「最快读完一本:3 天」)",
|
||||
"ranked_list — 编号列表,3-5 项(适合「TOP 3 评分最高的书」)"
|
||||
],
|
||||
"rule": "每张卡都有: 卡片标题(小) + 主视觉(chart) + 简短数据备注(≤1 行)",
|
||||
"examples": [
|
||||
{ "type": "ranked_list", "title": "TOP 3 评分最高", "items": ["《...》 9.5", "《...》 9.3", "《...》 9.1"] },
|
||||
{ "type": "donut_split", "title": "纸质 vs 电子", "values": "60% / 40%" },
|
||||
{ "type": "trend_line", "title": "月度阅读量", "delta": "高峰:8 月 7 本" },
|
||||
{ "type": "progress_ring", "title": "年度目标", "value": "94%(47/50)" },
|
||||
{ "type": "bar_mini", "title": "TOP 5 类型", "items": "科普 / 小说 / 历史 / 经管 / 哲学" },
|
||||
{ "type": "big_number_card", "title": "最快读完一本", "value": "3 天" }
|
||||
]
|
||||
},
|
||||
"layout": {
|
||||
"structure": "顶部 hero_metrics 横排 → 中部 sub_metrics 网格(2 列 × 3 行 或 3 列 × 2 行) → 底部 footer 横条",
|
||||
"card_styling": "圆角 16-24px,半透明深色填充 + 1px 浅边框,内填充充足,文字层级清晰"
|
||||
},
|
||||
"footer": {
|
||||
"tagline": "{argument name=\"footer_tagline\" default=\"明年继续 📚\"}",
|
||||
"credit": "{argument name=\"credit\" default=\"@your_handle · made with gpt-image-2\"}"
|
||||
},
|
||||
"constraints": {
|
||||
"must_keep": [
|
||||
"数字必须真实可读(字号大、对比强)",
|
||||
"每张卡都有'数据视觉化',不能纯文字",
|
||||
"颜色对应明确:accent_main 用于关键数字,alert 只用于负向 / 异常",
|
||||
"卡片之间留固定 gap,圆角统一",
|
||||
"至少有 1 张卡用 trend_line 或 progress_ring(带'变化'感)"
|
||||
],
|
||||
"avoid": [
|
||||
"数字太小读不清",
|
||||
"卡片内只有文字(失去仪表盘感)",
|
||||
"颜色超过 5 种(不像 dashboard 像彩虹)",
|
||||
"图表精度伪装真实数据(如假冒精确坐标)→ 标明这是 illustrative",
|
||||
"把 dashboard 做成纯表格",
|
||||
"字体使用 Comic Sans / 手写体(数据感丢失)"
|
||||
]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 参数策略
|
||||
|
||||
- **必问**:`hero_metrics`(至少 1 个主指标的具体数字 + 标签)、`sub_metrics` 数量、配色偏好(暗 / 亮)
|
||||
- **可默认**:`aspect_ratio`(3:4)、`palette`(cyan + violet 暗色)、卡片圆角 / 间距
|
||||
- **可随机**:每张 sub 卡选哪种 chart 类型(如果用户没指定)
|
||||
|
||||
### 自动补全策略
|
||||
|
||||
- 用户只给主题和几个数字 → 自动补全合理的卡片类型组合,确保至少 1 个 trend、1 个 ranked_list、1 个 progress_ring
|
||||
- 用户说"Spotify Wrapped 风" → 切换到 vivid 渐变背景(粉紫橙),字体更大胆
|
||||
- 用户说"年报严肃版" → 切换到亮色背景 + mono palette,字体改 Inter,去掉 emoji
|
||||
- 用户说"个人复盘" → 加 footer credit,用暖色 accent,可加可爱 emoji
|
||||
|
||||
## 变体 1:Spotify Wrapped 风
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "Wrapped 风 KPI 仪表盘",
|
||||
"modify": {
|
||||
"background": "vivid 渐变(紫红 → 蓝紫 → 橙)",
|
||||
"typography": "extreme bold display font, slogan-style",
|
||||
"hero_metrics": "数字超大占满屏宽,每页只放 1 个主指标",
|
||||
"vibe": "像音乐播放器年度总结,有节奏感、强情绪"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
适用:年度个人总结、品牌 wrapped 活动、社交平台年终图。
|
||||
|
||||
## 变体 2:商业 / 业务 dashboard 严肃版
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "商业业务 KPI dashboard 信息图",
|
||||
"modify": {
|
||||
"background": "纯白 #FFFFFF 或极浅灰 #F8FAFC",
|
||||
"palette": "primary text 深灰 #0F172A,accent 单一深蓝 #1E40AF",
|
||||
"typography": "Inter / Söhne, 极克制",
|
||||
"vibe": "投资人 deck / 年报 / 季报"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
适用:公司年报、季度业务回顾、投资人简报。
|
||||
|
||||
## 变体 3:复古 / Newspaper 风数据回顾
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "复古报纸风 KPI 信息图",
|
||||
"modify": {
|
||||
"background": "warm aged paper",
|
||||
"palette": "黑 + 红 + 米色 三色",
|
||||
"typography": "serif title (Playfair / Bodoni) + monospace 数字",
|
||||
"vibe": "像 The Economist / Wall Street Journal 数据特辑页"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
适用:媒体年度数据特辑、复古风格内容、严肃读者向。
|
||||
|
||||
## 避免事项
|
||||
|
||||
- 数据全是文字 → 失去 dashboard 视觉化的意义
|
||||
- 卡片之间没有 gap → 看不出独立性
|
||||
- 颜色超过 5 种主色 → 像彩虹板不像 dashboard
|
||||
- 用 Comic Sans 等手写感字体 → 数据可信度直接归零
|
||||
- 假装精确(虚构 X 轴 Y 轴标尺真值)→ 误导
|
||||
- 卡片内信息空荡(一个大数字+一个标签就完了)→ 留白过度
|
||||
- 没有 hero metric(每个卡同等大小)→ 失去视觉重心
|
||||
+212
@@ -0,0 +1,212 @@
|
||||
# 高图例密度信息图模板
|
||||
|
||||
本文件用于生成“图例多 / 标注多 / 信息密度高”的科普 / 教育 / 解释型信息图:
|
||||
|
||||
- 医学因果链信息图
|
||||
- 工艺流程信息图
|
||||
- 历史 / 文化讲解信息图
|
||||
- 设备 / 物种解剖图
|
||||
- 复杂系统结构图
|
||||
|
||||
特征:
|
||||
|
||||
- 中央有主体(人体 / 设备 / 概念图)
|
||||
- 四周分布多区块编号
|
||||
- 每个区块由“编号 + 标题 + 图标 + 子项目”组成
|
||||
- 中英双语 / 多语并行
|
||||
- 信息量极大但布局严谨
|
||||
|
||||
## 适用范围
|
||||
|
||||
- 医学科普图
|
||||
- 时尚 / 设计流程图
|
||||
- 演化 / 进化 / 历史时间轴图
|
||||
- 设备解剖图
|
||||
- 跨学科系统图
|
||||
|
||||
## 何时使用
|
||||
|
||||
- 用户提到“因果链 / 演化图 / 系统图 / 解剖图 / 工艺图 / 信息图”
|
||||
- 用户希望一张图讲完一个体系
|
||||
- 用户希望中英双语
|
||||
|
||||
不要使用:
|
||||
|
||||
- 用户要的是“讲解型 Slides”(用 `slides-and-visual-docs/dense-explainer-slides.md`)
|
||||
- 用户要的是地图(用 maps 系列)
|
||||
- 用户要的是演讲页(用 `policy-style-slide.md`)
|
||||
|
||||
## 缺失信息优先提问顺序
|
||||
|
||||
1. 主题(病症 / 工艺 / 概念)
|
||||
2. 主标题 + 英文副标题
|
||||
3. 章节数(建议 8-14 个)
|
||||
4. 中央主视觉
|
||||
5. 颜色系(医疗红蓝 / 自然绿 / 科技蓝 / 米色书卷)
|
||||
6. 是否双语
|
||||
|
||||
## 主模板:高密度因果链信息图
|
||||
|
||||
📖 描述
|
||||
|
||||
中央一个透明 / 半剖面主体,四周环绕 8-14 个编号信息块,每块由小图标 + 标题 + 子项目构成,底部一行收束句。
|
||||
|
||||
📝 提示词
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "高密度因果链信息图海报",
|
||||
"goal": "生成一张高完成度的科普 / 教育 / 解释型信息图,可作为单页 PDF 主图、自媒体长图首图、医院 / 学校宣传图",
|
||||
"style": {
|
||||
"aesthetic": "{argument name=\"aesthetic\" default=\"高度精细的解剖 / 工程图风格 + 干净结构化排版 + 科学示意感\"}",
|
||||
"color_palette": "{argument name=\"color palette\" default=\"医疗红、医疗蓝、米色、解剖肉色\"}",
|
||||
"language": "{argument name=\"language\" default=\"双语中文 + 英文\"}"
|
||||
},
|
||||
"header": {
|
||||
"main_title_cn": "{argument name=\"main title cn\" default=\"糖尿病诞生的因果链\"}",
|
||||
"main_title_en": "{argument name=\"main title en\" default=\"THE CAUSAL CHAIN OF DIABETES\"}",
|
||||
"subtitle": "{argument name=\"subtitle\" default=\"从胰岛素失灵,到高血糖,到全身损伤\"}"
|
||||
},
|
||||
"centerpiece": {
|
||||
"description": "{argument name=\"centerpiece description\" default=\"透明人体,展示循环系统与内脏器官\"}",
|
||||
"highlight": "{argument name=\"highlight color\" default=\"红色高光路径\"}"
|
||||
},
|
||||
"sections": {
|
||||
"count": "{argument name=\"section count\" default=\"14\"}",
|
||||
"items": [
|
||||
"01 葡萄糖进入身体",
|
||||
"02 胰腺与胰岛素",
|
||||
"03 正常胰岛素作用",
|
||||
"04 胰岛素抵抗:2 型通路开始",
|
||||
"05 肝脏持续释放葡萄糖",
|
||||
"06 β 细胞衰竭:代偿到失败",
|
||||
"07 1 型糖尿病分支",
|
||||
"08 高血糖与血液化学",
|
||||
"09 高血糖导致组织损伤",
|
||||
"10 急性代谢后果",
|
||||
"11 微血管并发症",
|
||||
"12 大血管并发症",
|
||||
"13 器官系统长期代价",
|
||||
"14 调控系统失灵"
|
||||
]
|
||||
},
|
||||
"section_block_style": {
|
||||
"components": ["编号", "中文标题", "英文标题", "1-3 个图标", "短描述 ≤ 2 行"],
|
||||
"alignment": "围绕中央主体放射状或两侧栏"
|
||||
},
|
||||
"footer": {
|
||||
"core_message": "{argument name=\"core message\" default=\"糖尿病不是一次发病,而是代谢失衡的长期累积\"}",
|
||||
"core_message_en": "{argument name=\"core message en\" default=\"Diabetes is not a single event — it is the accumulation of metabolic imbalance.\"}"
|
||||
},
|
||||
"constraints": {
|
||||
"must_keep": [
|
||||
"中央主体作为视觉锚点",
|
||||
"章节编号连续",
|
||||
"中英文同时出现,但不能字号一致",
|
||||
"图例 / 标注线不交叉"
|
||||
],
|
||||
"avoid": [
|
||||
"信息块尺寸不统一",
|
||||
"图标过度装饰化",
|
||||
"中英文换行不一致",
|
||||
"整体过亮 / 过暗影响阅读"
|
||||
]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 参数策略
|
||||
|
||||
- 必问:主题、主标题、章节数、中心主体
|
||||
- 可默认:颜色系、英文标题、底部收束句
|
||||
- 可随机:章节图标的具体造型
|
||||
|
||||
### 自动补全策略
|
||||
|
||||
- 用户只给主题时:自动决定 8-14 个章节,并自动给出英文标题
|
||||
- 中央主体根据主题自动选(医学 → 人体;工艺 → 设备剖面;演化 → 时间轴;历史 → 主角剪影)
|
||||
- 颜色系按主题选默认色
|
||||
|
||||
## 变体 1:东方手稿风信息图
|
||||
|
||||
📝 提示词
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "东方手稿风信息图",
|
||||
"header": {
|
||||
"main_title": "{argument name=\"main title\" default=\"儒释道·根本区别\"}"
|
||||
},
|
||||
"style": {
|
||||
"aesthetic": "古书手稿 + 水墨线条 + 低饱和数字水彩",
|
||||
"color_palette": "鼠尾草绿、淡金、米白",
|
||||
"background": "做旧米色羊皮纸 + 边角磨损"
|
||||
},
|
||||
"centerpiece": {
|
||||
"description": "中央一个垂直蛋形分层结构,从顶到底依次:佛、道、儒"
|
||||
},
|
||||
"sections": {
|
||||
"items": ["释 / 人与自我", "道 / 人与万物", "儒 / 人与人"]
|
||||
},
|
||||
"constraints": {
|
||||
"must_feel": "古典、克制、有研究感"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## 变体 2:演化时间轴信息图
|
||||
|
||||
📝 提示词
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "演化时间轴信息图",
|
||||
"header": {
|
||||
"main_title": "{argument name=\"main title\" default=\"人类演化\"}"
|
||||
},
|
||||
"centerpiece": {
|
||||
"description": "蜿蜒石阶共 25 个编号台阶,每阶展示一个生物形态",
|
||||
"highlight": "末端为带问号的发光宇宙剪影"
|
||||
},
|
||||
"sections": {
|
||||
"items": [
|
||||
"L0 单细胞生命",
|
||||
"L1 多细胞生物",
|
||||
"L2 动物界",
|
||||
"L3 脊索动物",
|
||||
"L4 上陆革命",
|
||||
"L5 哺乳纲",
|
||||
"L6 人科演化",
|
||||
"L7 智人纪元"
|
||||
]
|
||||
},
|
||||
"extras": ["右上'获得 / 失去功能'图例", "底部'演化关键里程碑'时间轴"],
|
||||
"constraints": {
|
||||
"must_feel": "知识感强、视觉震撼"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## 变体 3:自动补全模式
|
||||
|
||||
📝 提示词
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "高密度信息图自动补全模板",
|
||||
"mode": "auto-fill",
|
||||
"rule": "用户给主题与领域,自动决定章节、中央主体、配色、英文翻译",
|
||||
"constraints": {
|
||||
"must_feel": "出版物级"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## 避免事项
|
||||
|
||||
- 章节数 < 6 会显得稀薄,> 16 会过密
|
||||
- 不要让中文标题和英文标题字号一样大
|
||||
- 不要让所有章节都堆在一侧,必须围绕中心
|
||||
- 不要让线条交叉造成阅读混乱
|
||||
- 不要把信息图画成纯文字海报(必须有图标 + 主体)
|
||||
- 不要让整体颜色超过 4 种主色
|
||||
+203
@@ -0,0 +1,203 @@
|
||||
# 步骤 / 流程信息图模板
|
||||
|
||||
本文件用于生成"步骤 / 流程 / how-to / 教程"风信息图:
|
||||
|
||||
- 食谱 / 烘焙步骤图
|
||||
- 操作教程 / app 使用流程
|
||||
- 健身动作分解
|
||||
- 化妆 / 护肤流程
|
||||
- 旅行 / 报销 / 申请流程
|
||||
- 育儿 / DIY 操作步骤
|
||||
|
||||
特征:
|
||||
|
||||
- 每一步有明显编号
|
||||
- 每一步配一个简洁插画 / 图标
|
||||
- 步骤之间有指引箭头 / 连接线
|
||||
- 步骤数通常 3-7 步,最多 9 步
|
||||
- 风格偏插画感、温暖、易懂(**与"工程精度流程图"明显不同**)
|
||||
|
||||
## 适用范围
|
||||
|
||||
- 食谱 / 操作 / 教程展示
|
||||
- "X 步学会..." 类内容
|
||||
- DIY / 手工 / 改造步骤
|
||||
- 育儿 / 健身 / 美妆步骤
|
||||
- 用户引导 / 入门指南
|
||||
|
||||
## 何时使用
|
||||
|
||||
- 用户提到 "步骤 / 流程 / how-to / 教程 / X 步 / 操作指南 / 食谱 / 化妆步骤"
|
||||
- 用户希望"读者照着一步一步做"
|
||||
- 用户希望视觉「插画感、温暖、易懂」(不是工程感)
|
||||
|
||||
不要使用:
|
||||
|
||||
- 用户要的是「工程精度的流程图」(菱形决策、Yes/No 分支) → 用 `technical-diagrams/flowchart-decision.md`
|
||||
- 用户要的是「漫画分镜」 → 用 `storyboards-and-sequences/recipe-process-flowchart.md`
|
||||
- 用户要的是「方法 pipeline 论文图」 → 用 `academic-figures/method-pipeline-overview.md`
|
||||
- 用户要的是「便当格高密度信息」 → 用 `infographics/bento-grid-infographic.md`
|
||||
|
||||
## 缺失信息优先提问顺序
|
||||
|
||||
1. 主题 + 步骤数(如"3 步学会做意面 / 5 步配置开发环境 / 7 步完成日常护肤")
|
||||
2. 每一步的具体内容(标题 + 一两句说明)
|
||||
3. 配色基调(暖系食物 / 清新护肤 / 卡通教程 / 黑板教学)
|
||||
4. 排布方式(垂直瀑布 / 水平横排 / 蜿蜒路径 / 圆圈循环)
|
||||
5. 是否带封面 / 完成图(开头一张「成品图」或结尾一张「成品展示」)
|
||||
6. 比例(小红书 3:4 / 公众号 16:9 / 1:1)
|
||||
|
||||
## 主模板:步骤教程信息图
|
||||
|
||||
📖 描述
|
||||
|
||||
整张图按 3-7 个编号步骤排列,每一步包含:编号 badge + 步骤标题 + 步骤插画 + 简短文字说明,步骤之间用箭头 / 连线串联。
|
||||
|
||||
📝 提示词
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "步骤教程信息图",
|
||||
"goal": "生成一张让读者能照着一步步做的、插画感强、温暖易懂的教程图",
|
||||
"canvas": {
|
||||
"aspect_ratio": "{argument name=\"aspect_ratio\" default=\"3:4 portrait\"}",
|
||||
"background": "{argument name=\"background\" default=\"warm cream #FAF6EE 带轻微纸质感\"}"
|
||||
},
|
||||
"header": {
|
||||
"main_title": "{argument name=\"main_title\" default=\"5 步学会自制日式蛋包饭\"}",
|
||||
"subtitle": "{argument name=\"subtitle\" default=\"零基础也能成功 · 20 分钟\"}",
|
||||
"optional_finished_image": "{argument name=\"finished_image\" default=\"右上角放一张'成品小图' + 装饰边框\"}"
|
||||
},
|
||||
"palette": {
|
||||
"primary": "{argument name=\"primary\" default=\"warm orange #E89F71\"}",
|
||||
"secondary": "{argument name=\"secondary\" default=\"sage green #9FB89E\"}",
|
||||
"neutral": "{argument name=\"neutral\" default=\"deep brown #4A3A2E\"}",
|
||||
"rule": "限制 3-4 主色,每步插画风格一致"
|
||||
},
|
||||
"layout": {
|
||||
"style": "{argument name=\"layout_style\" default=\"vertical-zigzag\"}",
|
||||
"options_explained": {
|
||||
"vertical-stack": "纯垂直瀑布,每步一行",
|
||||
"vertical-zigzag": "Z 字形蛇形,奇偶步左右交替",
|
||||
"horizontal-row": "横向 3-5 步并列",
|
||||
"circular": "圆环上分布步骤(适合循环型)",
|
||||
"winding-path": "蜿蜒小路,步骤沿路径分布(适合烹饪 / 旅行)"
|
||||
}
|
||||
},
|
||||
"steps": {
|
||||
"count": "{argument name=\"step_count\" default=\"5\"}",
|
||||
"structure_per_step": [
|
||||
"大编号 badge(圆形 / 圆角方块,统一色调,编号字体大且粗)",
|
||||
"步骤标题(4-8 字,加粗)",
|
||||
"插画图标 / 小场景(手绘感、单一物体或动作示意)",
|
||||
"1-2 行说明文字"
|
||||
],
|
||||
"items_example": [
|
||||
"01 准备食材:鸡蛋 3 个、米饭一碗、洋葱 1/4、火腿丁",
|
||||
"02 洋葱炒香:黄油下锅,洋葱炒至透明",
|
||||
"03 拌入米饭:加入米饭和火腿,调味翻炒",
|
||||
"04 摊蛋皮:另起锅打散鸡蛋,做成半熟蛋皮",
|
||||
"05 包入装盘:把炒饭放上蛋皮,对折成船形,挤番茄酱"
|
||||
]
|
||||
},
|
||||
"connectors": {
|
||||
"style": "{argument name=\"connector_style\" default=\"hand-drawn curved arrows\"}",
|
||||
"rule": "步骤之间必须有视觉指引:箭头 / 虚线 / 脚印 / 食材飞溅元素均可"
|
||||
},
|
||||
"footer": {
|
||||
"tip": "{argument name=\"tip\" default=\"💡 番茄酱可以换成韩式辣酱,味道更下饭\"}",
|
||||
"credit": "{argument name=\"credit\" default=\"@your_handle\"}"
|
||||
},
|
||||
"constraints": {
|
||||
"must_keep": [
|
||||
"每步插画风格一致(手绘 / 扁平 / 卡通 二选一,不混)",
|
||||
"编号 badge 设计完全一致(颜色、字号、形状)",
|
||||
"步骤之间视觉连接清晰",
|
||||
"文字不超过两行 / 步",
|
||||
"插画大小一致或按重要度梯度"
|
||||
],
|
||||
"avoid": [
|
||||
"工程图风(直角、监工色板、菱形决策框)",
|
||||
"每步插画风格不同",
|
||||
"步骤数 < 3(太短不像教程)或 > 9(太长读不动)",
|
||||
"无编号 / 编号风格不一致",
|
||||
"步骤说明超过 3 行(变成长文)",
|
||||
"用 Helvetica 等冷感字体(建议手写感 / 圆体 / 友好字体)"
|
||||
]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 参数策略
|
||||
|
||||
- **必问**:`step_count`、每一步的标题(即 `items_example` 实际内容)
|
||||
- **可默认**:`background`、`palette`(按主题选——食物用暖橙、护肤用 macaron、技术教程用 mint)、`layout_style`(默认 vertical-zigzag)、`connector_style`
|
||||
- **可随机**:每步插画的具体造型、connector 是箭头还是虚线、装饰物(飞溅 / 星点 / 小标签)
|
||||
|
||||
### 自动补全策略
|
||||
|
||||
- 用户只给主题(如"5 步学会做意面"):自动补全 5 步具体内容、自动选暖色食物 palette、自动加成品小图
|
||||
- 用户说"小红书风" → 加手绘装饰 + macaron 配色
|
||||
- 用户说"美妆 / 护肤" → palette 切换到 dusty pink + cream
|
||||
- 用户说"健身" → palette 切换到 mint + coral,插画用人物动作示意
|
||||
- 用户说"DIY / 手工" → 加工具 emoji / 材料 list
|
||||
- 用户说"技术教程" → palette 切换 mint + slate,插画用截图框
|
||||
|
||||
## 变体 1:横向 3-5 步流程
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "横向步骤教程信息图",
|
||||
"modify": {
|
||||
"aspect_ratio": "16:9 landscape",
|
||||
"layout_style": "horizontal-row",
|
||||
"step_count": "3-5",
|
||||
"rule": "每步等宽并列,步骤之间用粗箭头连接,每步上方编号下方说明"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
适用:网页 hero、PPT 单页、产品 onboarding 页面。
|
||||
|
||||
## 变体 2:蜿蜒小路 / Winding path 流程
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "蜿蜒小路步骤教程信息图",
|
||||
"modify": {
|
||||
"layout_style": "winding-path",
|
||||
"background": "插画感地图底(草地 / 厨房 / 城市路面)",
|
||||
"rule": "步骤沿一条蜿蜒小路分布,路上画脚印 / 食材 / 工具,每步在路边的小卡片上",
|
||||
"vibe": "旅行游记、烹饪冒险、儿童教程"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
适用:儿童教程、旅行规划、有故事感的步骤展示。
|
||||
|
||||
## 变体 3:圆环循环步骤
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "圆环循环步骤信息图",
|
||||
"modify": {
|
||||
"layout_style": "circular",
|
||||
"step_count": "4-8",
|
||||
"rule": "步骤排列在一个大圆环上,按顺时针,箭头沿圆环走,中央放主题字 + 总结",
|
||||
"vibe": "PDCA / 季节循环 / 生命周期 / 月度 routine"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
适用:PDCA 循环、月度计划循环、健身 routine、季节循环。
|
||||
|
||||
## 避免事项
|
||||
|
||||
- 步骤数太多(>9)或太少(<3)
|
||||
- 步骤插画风格混杂(一步手绘一步扁平)
|
||||
- 编号 badge 设计每步都不一样
|
||||
- 没有视觉连接(步骤像散落的卡片)
|
||||
- 用工程图的菱形决策 / 直角箭头 → 失去插画温度感
|
||||
- 用 Helvetica / Arial 冷感字体
|
||||
- 步骤说明超过 3 行 → 变长文,失去信息图特性
|
||||
- 把"流程图"做成这个模板(流程图请用 `technical-diagrams/flowchart-decision.md`)
|
||||
Reference in New Issue
Block a user