Infographic Designer

信息图设计师

信息设计专家，可将复杂的数据和概念转化为清晰、引人入胜的视觉故事。此技能结合数据可视化原则、视觉层次和叙事技巧，创作能够传递信息、教育受众并产生说服力的信息图。

无论是统计报告、流程图还是对比图表，此技能都能确保数据不仅被看到，还能被理解和记住。

核心工作流

工作流 1：统计信息图

1. 收集数据

   • 收集所有统计数据和数字
   • 找出关键洞察
   • 确定层级（从最重要到最不重要）
   • 寻找辅助背景信息

2. 选择可视化类型

   • 对比：条形图、柱状图
   • 趋势：折线图、面积图
   • 比例：饼图、环形图
   • 关系：散点图、气泡图
   • 分布：直方图、箱线图

3. 设计布局

   • 确定视觉流向（从上到下、从左到右）
   • 通过尺寸和颜色建立层级
   • 将相关数据分组
   • 添加背景信息和注释

4. 应用视觉设计

   • 品牌颜色和字体
   • 使用图标辅助呈现数据点
   • 留白以提升清晰度
   • 保持风格一致

5. 添加叙事元素

   • 用标题陈述关键洞察
   • 为各部分添加副标题
   • 用辅助文案解释“原因”
   • 添加行动号召或结论

工作流 2：流程信息图

1. 梳理流程

   • 按顺序列出所有步骤
   • 找出决策点
   • 标注并行流程
   • 定义起始状态和结束状态

2. 选择流程类型

   • 线性：步骤 1 → 步骤 2 → 步骤 3
   • 循环：持续循环
   • 分支：决策树
   • 时间线：历史进程
   • 漏斗：逐步筛选

3. 设计视觉隐喻

   • 路线图／旅程
   • 阶梯／梯子
   • 拼图块
   • 积木
   • 成长／演进

4. 添加清晰度元素

   • 为每个步骤编号
   • 使用图标以便快速识别
   • 用箭头／线条展示连接关系
   • 突出显示决策点

工作流 3：对比信息图

1. 明确对比内容

   • 对比对象（产品、选项、时代）
   • 对比标准
   • 项目数量（最适合 2 项，最多 4 项）

2. 选择布局

   • 并排：两列
   • 正反对比：居中分隔
   • 表格：网格对比
   • 维恩图：重叠区域

3. 设计对比

   • 保持视觉权重相同，以确保公平
   • 使用颜色编码，便于快速浏览
   • 为每个项目配上图标
   • 突出关键差异

4. 添加背景信息

   • 标题说明对比内容
   • 清晰的标签
   • 视觉指示符（✓/✗、拇指、星星）
   • 结论或建议

工作流 4：教育信息图

1. 组织内容

   • 将主题拆分为易于理解的小块
   • 按逻辑排序（从简单到复杂）
   • 找出关键概念
   • 寻找有趣的事实／统计数据

2. 选择格式

   • 操作指南：分步指南
   • 概念解读：拆解概念
   • 你知道吗：事实集锦
   • 误区与事实：澄清误解
   • 改造前后：转变故事

3. 为学习而设计

   • 用视觉隐喻呈现抽象概念
   • 使用图标辅助记忆
   • 保持颜色编码一致
   • 建立清晰的视觉层级
   • 使用简短的文本块

4. 让内容易于分享

   • 引人注目的标题
   • 吸睛的视觉元素
   • 标志／署名
   • 适合社交媒体的尺寸

快速参考

操作	命令／触发词
统计信息图	"为 [data/stats] 创建信息图"
流程可视化	"将 [topic] 的流程可视化"
对比图表	"制作 [A] 与 [B] 的对比信息图"
时间线	"为 [historical events] 创建时间线"
教育信息图	"将 [topic] 制作成信息图来解释"
社交媒体信息图	"设计一张关于 [topic]、便于分享的信息图"

信息图类型库

1. 统计信息图

最适合：调查结果、研究发现、年度报告

结构：

+----------------------------------+
|    Compelling Statistic Headline  |
|           (Large Number)          |
+----------------------------------+
|  [Chart 1]     |    [Chart 2]    |
|  Description   |    Description  |
+----------------------------------+
|  [Chart 3]     |    [Chart 4]    |
|  Description   |    Description  |
+----------------------------------+
|        Key Takeaway               |
+----------------------------------+

2. 时间线信息图

最适合：公司历史、项目里程碑、历史事件

结构：

START
  |
  • 2020: Event 1
  |      [icon] [description]
  |
  • 2021: Event 2
  |      [icon] [description]
  |
  • 2022: Event 3
  |      [icon] [description]
  |
  • 2023: Event 4
  |      [icon] [description]
  ↓
PRESENT

3. 流程／操作指南

最适合：说明、工作流、方法

结构：

[STEP 1]  →  [STEP 2]  →  [STEP 3]  →  [STEP 4]
 [icon]       [icon]       [icon]       [icon]
  Text         Text         Text         Text

4. 对比信息图

最适合：产品比较、前后对比、此项与彼项的比较

结构：

+---------------+---------------+
|   OPTION A    |   OPTION B    |
|   [icon]      |   [icon]      |
+---------------+---------------+
| Feature 1: ✓  | Feature 1: ✗  |
| Feature 2: ✓  | Feature 2: ✓  |
| Feature 3: ✗  | Feature 3: ✓  |
| Feature 4: ✓  | Feature 4: ✓  |
+---------------+---------------+
|   $99/mo      |   $149/mo     |
+---------------+---------------+

5. 列表／排名

最适合：十大榜单、最佳实践、技巧

结构：

TOP 5 [TOPIC]

1. [Large icon] First Item
   Brief description

2. [Large icon] Second Item
   Brief description

3. [Large icon] Third Item
   Brief description

4. [Large icon] Fourth Item
   Brief description

5. [Large icon] Fifth Item
   Brief description

6. 流程图／决策树

最适合：决策流程、故障排查

结构：

         [START]
            |
            ↓
       [Question 1?]
       /           \
     YES            NO
      |              |
      ↓              ↓
[Outcome A]    [Question 2?]
                   /      \
                 YES       NO
                  |         |
                  ↓         ↓
            [Outcome B] [Outcome C]

7. 地理／地图

最适合：位置数据、区域统计、分布情况

结构：

    [MAP IMAGE]

Region 1: [Data point] [icon]
Region 2: [Data point] [icon]
Region 3: [Data point] [icon]

Color-coded by: [Legend]

信息图设计原则

层级

• 最重要的信息 = 最大字号／最高对比度
• 使用尺寸、颜色和位置引导视线
• 使用 F 型或 Z 型阅读模式

简洁

• 每个部分只表达一个观点
• 删除所有非必要元素
• 留出充足的空白
• 将颜色限制在 3-4 种

准确

• 不要为了视觉效果歪曲数据
• 比例必须准确
• 标明来源和日期
• 如有需要，解释术语

清晰

• 为所有内容添加标签
• 使用常见的图表类型
• 避免在图表中使用 3D 效果
• 使用高对比度文本

流程

• 提供清晰的阅读路径（数字、箭头）
• 逻辑连贯、循序渐进
• 叙事内容相互衔接
• 结尾令人满意

品牌一致性

• 使用品牌颜色和字体
• 适当加入 Logo
• 符合品牌个性
• 保持系列作品的风格一致

信息图中的颜色运用

数据可视化颜色

• 使用不同色相区分类别
• 使用渐变表示尺度／强度
• 避免只使用红色和绿色（方便色盲人士辨认）
• 最多限制在 5-7 种颜色

语义颜色

• 绿色：积极、增长、成功
• 红色：消极、下降、警告
• 蓝色：中性、信任、信息
• 橙色：关注、谨慎
• 灰色：上下文、背景

对比度

• 浅色背景上使用深色文本（或反之）
• 正文文本至少达到 4.5:1
• 大号文本和图形达到 3:1

信息图中的字体排版

层级

• 标题：粗体、大号（48-72pt）
• 章节标题：粗体、中号（24-36pt）
• 正文：常规、易读（14-18pt）
• 图片说明：小号（10-12pt）

字体

• 最多使用 2 种字体系列
• 数据和标签使用无衬线字体
• 标题可选用衬线字体
• 避免使用手写体／装饰字体

可读性

• 短行（40-60 个字符）
• 行间距宽松（1.5）
• 左对齐（不要居中）
• 段落不要全部使用大写字母

最佳实践

• 从数据入手：好的设计无法弥补糟糕的数据
• 讲述故事：要有开头、中间和结尾
• 了解受众：复杂程度应与受众相匹配
• 传达一个核心信息：最重要的结论是什么？
• 使用具体数字：避免使用“很多”或“大多数”等模糊表述
• 引用来源：建立可信度
• 让用户测试：能否一眼看懂？
• 适配移动设备：大多数人会在手机上查看
• 高对比度：在光线不佳或小屏幕上也能正常查看
• 易于访问：不要只依靠颜色传达信息
• 便于分享：针对社交平台优化尺寸
• 注明出处：Logo、网站、日期

不同平台的尺寸

社交媒体

• Instagram 帖子：1080x1080px（正方形）
• Instagram 快拍：1080x1920px（竖向）
• Pinterest：1000x1500px（2:3 比例）
• Facebook：1200x630px
• Twitter：1200x675px
• LinkedIn：1200x627px

博客／网站

• 特色图片：1200x630px
• 正文内容：最大宽度 800px
• 全宽：宽度 1920px

印刷

• Letter 尺寸：8.5x11" ，300 DPI
• A4：210x297mm，300 DPI
• 海报：尺寸不一，150-300 DPI

演示文稿

• 幻灯片：1920x1080px（16:9）
• 竖向显示：1080x1920px

交付格式

INFOGRAPHIC SPECIFICATION
Topic: [Subject]
Type: [Statistical/Process/Comparison/Educational]
Platform: [Social/Blog/Print/Presentation]

DATA SUMMARY
- Key stat 1: [Number] - [Context]
- Key stat 2: [Number] - [Context]
- Key stat 3: [Number] - [Context]
Main insight: [One sentence takeaway]
Source: [Data source and date]

STRUCTURE

Headline: "[Attention-grabbing title]"
Subheading: "[Supporting context]"

Section 1: [Name]
- Visualization type: Bar chart
- Data: [Specific numbers]
- Insight: [What it means]

Section 2: [Name]
- Visualization type: Pie chart
- Data: [Specific numbers]
- Insight: [What it means]

Section 3: [Name]
- Visualization type: Icons with numbers
- Data: [Specific numbers]
- Insight: [What it means]

Conclusion: "[Key takeaway or CTA]"

VISUAL DESIGN

Colors:
- Primary: [Brand color] - Main data points
- Secondary: [Brand color] - Supporting data
- Accent: [Color] - Highlights
- Background: [Light/White]
- Text: [Dark gray/Black]

Typography:
- Headline: [Font] Bold 64pt
- Headers: [Font] SemiBold 32pt
- Body: [Font] Regular 18pt
- Labels: [Font] Regular 14pt

Icons: [Style - outlined/filled/flat]

Layout: [Portrait/Square/Landscape]

Dimensions: 1080x1920px (Instagram Story)

CONTENT

Headline: "78% of marketers say infographics are effective"

Stat 1: 78% - Marketers who use infographics
Stat 2: 65% - Increase in engagement with visuals
Stat 3: 3x - More shares than text-only posts

Supporting text:
- "Visual content is 40x more likely to be shared"
- "Infographics increase web traffic by 12%"

Call-to-action: "Start creating visual content today"

Attribution: "Data: Content Marketing Institute 2023 | YourBrand.com"

MIDJOURNEY PROMPTS (if applicable)

For decorative elements:
"[Relevant illustration style prompt]"

EXPORT SPECIFICATIONS

Format: PNG with transparency
Resolution: 300 DPI (print) / 72 DPI (web)
Color mode: RGB (digital) / CMYK (print)
File size: Under 2MB for social media

USAGE NOTES
- Post to Instagram Stories with link sticker
- Share on LinkedIn with data discussion
- Embed in blog post about [topic]
- Include in email newsletter
- Add to presentation deck slide 5

工具集成

• 使用 color-palette-generator 技能生成配色方案
• 使用 typography-advisor 技能选择字体
• 使用 Midjourney 创建自定义插图和图标
• 使用 layout-designer 技能设计布局
• 创建交互式信息图时使用 ui-builder 技能

常见图表类型指南

图表类型	最适合	避免用于
柱状图	比较类别	展示随时间变化的趋势
折线图	展示趋势和随时间的变化	比较类别
饼图	展示整体的组成部分（最多 6 个扇区）	精确比较
散点图	展示变量之间的关系	简单比较
面积图	展示随时间变化的数量	精确数值
漏斗图	展示包含多个阶段的流程	通用比较
气泡图	展示 3 个变量	简单数据
热力图	展示大型数据集中的模式	小型数据集

常见需求

营销数据：柱状图 + 大号数字 + 适合社交媒体的格式
公司时间线：包含里程碑和图标的垂直时间线
产品对比：带勾选标记的并列表格
操作指南：带图标和简短说明的编号步骤
调查结果：结合饼图和带百分比的柱状图
行业趋势：带注释的折线图