205 lines
8.8 KiB
Markdown
205 lines
8.8 KiB
Markdown
# 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（每个卡同等大小）→ 失去视觉重心
|