explainer-graphic

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Explainer 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

如果第一个类比显得牵强，尝试其他类别
简单的类比永远胜过巧妙但复杂的类比