explainer-graphic
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseExplainer Graphic
讲解类信息图
Create stunning infographics that explain complex topics using real-world analogies anyone can understand. The secret sauce: find the killer analogy FIRST, then build the visual around it.
创建令人惊艳的信息图，用人人都能理解的现实类比来解释复杂主题。关键诀窍：先找到绝佳类比，再围绕它构建可视化内容。
How It Works
运作方式
When you say "explain this visually" or "make an infographic about [topic]", this skill finds the perfect analogy, maps every piece, then writes a detailed visual brief you can build or hand to a designer.
当你说出“可视化讲解这个内容”或“制作关于[主题]的信息图”时，这项技能会找到完美的类比，梳理每个对应部分，然后生成一份详细的可视化简报，你可以自己制作或交给设计师。
Step 1: Find the Killer Analogy
步骤1：找到绝佳类比
The analogy makes or breaks the graphic. Search these categories for the best fit:
| Category | Example Analogies | Best For |
|---|---|---|
| Everyday Life | Kitchen, closet, mailbox, filing cabinet, remote control | Organization, storage, interfaces |
| Jobs and Roles | Receptionist, translator, librarian, bouncer, air traffic controller | Routing, filtering, managing |
| Construction | Blueprint, foundation, scaffolding, plumbing, wiring | Architecture, infrastructure |
| Cooking | Recipe, ingredients, oven, blender, mise en place | Processes, combining inputs |
| Sports | Playbook, coach, referee, training camp, relay race | Strategy, teamwork, handoffs |
| Gaming | Skill tree, inventory, quest log, respawn, power-ups | Progression, upgrades, systems |
| Nature | Root system, beehive, food chain, ecosystem, seasons | Networks, hierarchies, cycles |
| Pop Culture | Swiss army knife, Netflix queue, GPS navigation | Multi-tool, curated content, routing |
类比决定了信息图的成败。从以下类别中寻找最契合的类比：
| 类别 | 类比示例 | 适用场景 |
|---|---|---|
| 日常生活 | 厨房、衣柜、邮箱、文件柜、遥控器 | 组织管理、存储、界面 |
| 职业角色 | 接待员、翻译员、图书管理员、保镖、空中交通管制员 | 路由、过滤、管理 |
| 建筑工程 | 蓝图、地基、脚手架、管道、布线 | 架构、基础设施 |
| 烹饪料理 | 食谱、食材、烤箱、搅拌机、备料 | 流程、输入整合 |
| 体育运动 | 战术手册、教练、裁判、训练营、接力赛 | 策略、团队协作、交接 |
| 游戏领域 | 技能树、背包、任务日志、复活、增益道具 | 进阶、升级、系统 |
| 自然生态 | 根系、蜂巢、食物链、生态系统、季节 | 网络、层级、循环 |
| 流行文化 | 瑞士军刀、Netflix队列、GPS导航 | 多功能工具、精选内容、路由 |
Analogy Selection Criteria
类比选择标准
- Does it click in under 3 seconds?
- Would a 10-year-old get it?
- Does it map to at least 3 parts of the concept?
- Is it fresh? (Avoid "it's like a brain" for AI topics)
- 能否在3秒内让人理解？
- 10岁孩子能看懂吗？
- 能否对应到概念的至少3个部分？
- 是否新颖？（AI主题避免使用“就像大脑一样”这类类比）
Step 2: Map the Analogy
步骤2：梳理类比对应关系
Fill out this framework for your chosen analogy:
| Real Concept | Analogy Equivalent | Visual Element | Connection |
|---|---|---|---|
| [Part 1 of concept] | [Analogy part] | [What to draw] | [Why this mapping works] |
| [Part 2 of concept] | [Analogy part] | [What to draw] | [Why this mapping works] |
| [Part 3 of concept] | [Analogy part] | [What to draw] | [Why this mapping works] |
| [Part 4 of concept] | [Analogy part] | [What to draw] | [Why this mapping works] |
Every part of the concept MUST map to something in the analogy. If a piece does not map cleanly, the analogy is wrong. Go back and pick a better one.
为你选定的类比填写以下框架：
| 真实概念 | 类比对应物 | 可视化元素 | 对应逻辑 |
|---|---|---|---|
| [概念的部分1] | [类比的对应部分] | [绘制内容] | [该对应关系成立的原因] |
| [概念的部分2] | [类比的对应部分] | [绘制内容] | [该对应关系成立的原因] |
| [概念的部分3] | [类比的对应部分] | [绘制内容] | [该对应关系成立的原因] |
| [概念的部分4] | [类比的对应部分] | [绘制内容] | [该对应关系成立的原因] |
概念的每个部分都必须能对应到类比中的某个事物。如果某部分无法清晰对应，说明这个类比不合适，重新选择一个更好的。
Step 3: Choose a Layout
步骤3：选择布局
Pick the layout that best matches your concept type:
| Layout | Structure | Best For |
|---|---|---|
| Split Panel | Two halves side by side | Comparisons, before/after, real vs analogy |
| Circular Flow | Elements in a circle with arrows | Cycles, feedback loops, recurring processes |
| Stacked Steps | Vertical stack, top to bottom | Sequential processes, hierarchies, funnels |
| Comparison Grid | 2x2 or 3x3 grid of cards | Feature comparisons, category breakdowns |
| Before/After | Left side old way, right side new way | Transformations, upgrades, improvements |
| Pyramid | Layers building up from base | Foundation concepts, priority levels |
| Hub and Spoke | Central element with branches | One-to-many relationships, ecosystems |
| Timeline | Left to right progression | Evolution, history, step-by-step |
选择最契合你概念类型的布局：
| 布局类型 | 结构 | 适用场景 |
|---|---|---|
| 分栏布局 | 左右两栏并列 | 对比、前后变化、真实概念vs类比 |
| 环形流程布局 | 元素呈环形排列并配有箭头 | 循环、反馈回路、重复流程 |
| 堆叠步骤布局 | 垂直堆叠，从上到下 | 顺序流程、层级、漏斗模型 |
| 对比网格布局 | 2x2或3x3的卡片网格 | 功能对比、类别细分 |
| 前后对比布局 | 左侧为旧方式，右侧为新方式 | 转型、升级、改进 |
| 金字塔布局 | 从基础层向上构建的层级 | 基础概念、优先级层级 |
| 中心辐射布局 | 中心元素向外分支 | 一对多关系、生态系统 |
| 时间线布局 | 从左到右的递进 | 演变、历史、分步流程 |
Step 4: Write the Visual Brief
步骤4：撰写可视化简报
Produce a complete brief with ALL of the following:
生成包含以下所有内容的完整简报：
Graphic Title
信息图标题
One punchy line (8 words max). Example: "API Keys Are Just VIP Wristbands"
一句有力的话（最多8个单词）。示例：“API Keys Are Just VIP Wristbands”
Dimensions
尺寸规格
Specify target size: social post (1080x1080), infographic (1080x1920), slide (1920x1080), or blog (800x1200).
指定目标尺寸：社交帖子（1080x1080）、信息图（1080x1920）、幻灯片（1920x1080）或博客配图（800x1200）。
Color Palette
调色板
Background, primary, accent, text, and secondary text -- all with hex codes.
背景色、主色调、强调色、文本色和次要文本色——均需提供十六进制颜色码。
Layout Description
布局说明
Exact placement of each element and size relative to canvas.
每个元素的确切位置以及相对于画布的尺寸比例。
Sections
内容板块
For each section of the graphic:
- Label: What the section is called
- Analogy visual: What to draw (be specific -- "a kitchen counter with three bowls" not "cooking stuff")
- Real meaning: What it represents in the actual concept
- Text overlay: 1-2 lines max explaining the connection
- Icon or emoji: A supporting visual element
针对信息图的每个板块：
- 标签： 板块名称
- 类比可视化： 绘制内容（需具体——比如“带有三个碗的厨房操作台”，而非“烹饪用品”）
- 真实含义： 在实际概念中代表的内容
- 叠加文本： 最多1-2行文字解释对应关系
- 图标或表情： 辅助可视化元素
Connection Lines
连接线
Describe how sections connect:
- Arrow style (solid, dashed, curved, dotted)
- Arrow color
- Label on arrow (if any)
- Direction of flow
描述板块间的连接方式：
- 箭头样式（实线、虚线、曲线、点线）
- 箭头颜色
- 箭头上的标签（如有）
- 流向
Key Insight Callout
核心要点标注
One highlighted box or banner with the main takeaway. This is the single most important sentence on the entire graphic. Style it differently from everything else (bigger, bolder, different color, bordered).
一个突出显示的方框或横幅，展示核心结论。这是整个信息图中最重要的一句话。需采用与其他内容不同的样式（更大字号、加粗、不同颜色、带边框）。
Rules
规则
- Every analogy must be universal -- no niche references only some people know
- Max 50 words of text on the entire graphic (less is better)
- Every section needs a visual element, not just text
- The graphic should make sense even without reading the text (visuals carry the story)
- One concept per graphic. If the topic is too big, split into multiple graphics
- 所有类比必须具有普遍性——避免使用只有部分人能理解的小众引用
- 整个信息图的文字总量不超过50词（越少越好）
- 每个板块都需要可视化元素，不能只有文字
- 即使不阅读文字，信息图也应能传达含义（可视化内容承载核心信息）
- 每张信息图对应一个概念。如果主题过大，拆分为多张信息图
Example Usage
使用示例
- "Explain how APIs work visually"
- "Create a graphic explaining how AI skills work"
- "Explain this visually: how a neural network learns"
- “可视化讲解API的工作原理”
- “制作讲解AI技能工作原理的信息图”
- “可视化讲解：神经网络如何学习”
Tips for Best Results
最佳效果小贴士
- If the first analogy feels forced, try a different category
- Simpler analogies always beat clever ones
- 如果第一个类比显得牵强，尝试其他类别
- 简单的类比永远胜过巧妙但复杂的类比