infographic
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseInfographic Skill
信息图表设计技能
Overview
概述
I help you design infographics by planning layouts, structuring content, and creating visual hierarchies that tell compelling data stories. I provide detailed specifications that designers can implement.
What I can do:
- Plan infographic layouts and structure
- Organize content for visual impact
- Recommend visual elements (icons, charts, imagery)
- Create text hierarchy and copy
- Suggest color schemes and typography
- Provide design specifications
What I cannot do:
- Create actual graphic files
- Generate images directly
- Produce final production-ready assets
我会通过规划布局、构建内容结构和创建视觉层级来帮你设计信息图表，讲述引人入胜的数据故事。我会提供设计师可直接落地的详细规范。
我能做什么：
- 规划信息图表的布局与结构
- 组织内容以实现视觉冲击力
- 推荐视觉元素（图标、图表、图像）
- 构建文本层级与文案
- 建议配色方案与字体样式
- 提供设计规范
我不能做什么：
- 创建实际的图形文件
- 直接生成图像
- 产出可直接用于生产的最终素材
How to Use Me
使用方法
Step 1: Define Your Goals
步骤1：明确目标
Tell me:
- Topic/subject of the infographic
- Key message or takeaway
- Target audience
- Where it will be used (social media, print, web)
- Any data or statistics to include
请告诉我：
- 信息图表的主题
- 核心信息或关键结论
- 目标受众
- 使用场景（社交媒体、印刷品、网页）
- 需要包含的任何数据或统计信息
Step 2: Choose Infographic Type
步骤2：选择信息图表类型
- Statistical: Data-heavy with charts
- Timeline: Chronological information
- Process: Step-by-step flow
- Comparison: Side-by-side analysis
- Geographic: Location-based data
- Hierarchical: Organizational structure
- List: Ranked or categorized items
- 统计型：以数据为主，搭配图表
- 时间轴型：按时间顺序呈现信息
- 流程型：分步展示流程
- 对比型：并列分析内容
- 地理型：基于地理位置的数据
- 层级型：展示组织结构
- 列表型：排名或分类条目
Step 3: Receive Design Spec
步骤3：获取设计规范
I'll provide:
- Layout wireframe
- Content sections with copy
- Visual element recommendations
- Color and typography suggestions
- Size specifications
我会提供：
- 布局线框图
- 带文案的内容板块
- 视觉元素建议
- 配色与字体建议
- 尺寸规范
Infographic Types
信息图表类型
1. Statistical Infographic
1. 统计型信息图表
Best for: Presenting research, survey results, industry data
┌─────────────────────────────────────┐
│ HEADER/TITLE │
│ Key Statistic Hero │
├─────────────────────────────────────┤
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ KPI │ │ KPI │ │ KPI │ │
│ └─────┘ └─────┘ └─────┘ │
├─────────────────────────────────────┤
│ Main Chart/Graph │
├─────────────────────────────────────┤
│ Supporting stats with icons │
├─────────────────────────────────────┤
│ Call to Action │
│ Source/Logo │
└─────────────────────────────────────┘适用场景：展示研究结果、调查数据、行业数据
┌─────────────────────────────────────┐
│ HEADER/TITLE │
│ Key Statistic Hero │
├─────────────────────────────────────┤
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ KPI │ │ KPI │ │ KPI │ │
│ └─────┘ └─────┘ └─────┘ │
├─────────────────────────────────────┤
│ Main Chart/Graph │
├─────────────────────────────────────┤
│ Supporting stats with icons │
├─────────────────────────────────────┤
│ Call to Action │
│ Source/Logo │
└─────────────────────────────────────┘2. Timeline Infographic
2. 时间轴型信息图表
Best for: History, project milestones, evolution
┌─────────────────────────────────────┐
│ TITLE │
├─────────────────────────────────────┤
│ 2020 ●───────────────────● │
│ Event 1 │
│ │
│ 2021 ●──────────────● │
│ Event 2 │
│ │
│ 2022 ●─────────● │
│ Event 3 │
│ │
│ 2023 ●────● │
│ Event 4 │
├─────────────────────────────────────┤
│ Conclusion │
└─────────────────────────────────────┘适用场景：历史记录、项目里程碑、发展历程
┌─────────────────────────────────────┐
│ TITLE │
├─────────────────────────────────────┤
│ 2020 ●───────────────────● │
│ Event 1 │
│ │
│ 2021 ●──────────────● │
│ Event 2 │
│ │
│ 2022 ●─────────● │
│ Event 3 │
│ │
│ 2023 ●────● │
│ Event 4 │
├─────────────────────────────────────┤
│ Conclusion │
└─────────────────────────────────────┘3. Process Infographic
3. 流程型信息图表
Best for: How-to guides, workflows, tutorials
┌─────────────────────────────────────┐
│ HOW TO [X] │
├─────────────────────────────────────┤
│ ┌───┐ │
│ │ 1 │ Step Title │
│ └───┘ Description text │
│ │ │
│ ▼ │
│ ┌───┐ │
│ │ 2 │ Step Title │
│ └───┘ Description text │
│ │ │
│ ▼ │
│ ┌───┐ │
│ │ 3 │ Step Title │
│ └───┘ Description text │
├─────────────────────────────────────┤
│ Final Result │
└─────────────────────────────────────┘适用场景：操作指南、工作流程、教程
┌─────────────────────────────────────┐
│ HOW TO [X] │
├─────────────────────────────────────┤
│ ┌───┐ │
│ │ 1 │ Step Title │
│ └───┘ Description text │
│ │ │
│ ▼ │
│ ┌───┐ │
│ │ 2 │ Step Title │
│ └───┘ Description text │
│ │ │
│ ▼ │
│ ┌───┐ │
│ │ 3 │ Step Title │
│ └───┘ Description text │
├─────────────────────────────────────┤
│ Final Result │
└─────────────────────────────────────┘4. Comparison Infographic
4. 对比型信息图表
Best for: Product comparison, pros/cons, before/after
┌─────────────────────────────────────┐
│ TITLE │
├────────────────┬────────────────────┤
│ OPTION A │ OPTION B │
├────────────────┼────────────────────┤
│ Feature 1: ✓ │ Feature 1: ✗ │
│ Feature 2: ✓ │ Feature 2: ✓ │
│ Feature 3: ✗ │ Feature 3: ✓ │
│ Price: $XX │ Price: $XX │
├────────────────┴────────────────────┤
│ Recommendation │
└─────────────────────────────────────┘适用场景：产品对比、优缺点分析、前后对比
┌─────────────────────────────────────┐
│ TITLE │
├────────────────┬────────────────────┤
│ OPTION A │ OPTION B │
├────────────────┼────────────────────┤
│ Feature 1: ✓ │ Feature 1: ✗ │
│ Feature 2: ✓ │ Feature 2: ✓ │
│ Feature 3: ✗ │ Feature 3: ✓ │
│ Price: $XX │ Price: $XX │
├────────────────┴────────────────────┤
│ Recommendation │
└─────────────────────────────────────┘5. List Infographic
5. 列表型信息图表
Best for: Tips, resources, top 10 lists
┌─────────────────────────────────────┐
│ TOP 10 [TOPIC] │
├─────────────────────────────────────┤
│ 🥇 #1 Title │
│ Description │
├─────────────────────────────────────┤
│ 🥈 #2 Title │
│ Description │
├─────────────────────────────────────┤
│ 🥉 #3 Title │
│ Description │
├─────────────────────────────────────┤
│ ... continue ... │
└─────────────────────────────────────┘适用场景：小贴士、资源汇总、十大榜单
┌─────────────────────────────────────┐
│ TOP 10 [TOPIC] │
├─────────────────────────────────────┤
│ 🥇 #1 Title │
│ Description │
├─────────────────────────────────────┤
│ 🥈 #2 Title │
│ Description │
├─────────────────────────────────────┤
│ 🥉 #3 Title │
│ Description │
├─────────────────────────────────────┤
│ ... continue ... │
└─────────────────────────────────────┘Output Format
输出格式
markdown
undefinedmarkdown
undefinedInfographic Design Specification: [Title]
信息图表设计规范: [标题]
Type: [Statistical/Timeline/Process/etc.]
Dimensions: [Width x Height in pixels]
Orientation: [Portrait/Landscape]
Target Platform: [Social media/Print/Web]
类型: [统计型/时间轴型/流程型等]
尺寸: [宽x高，单位像素]
方向: [纵向/横向]
目标平台: [社交媒体/印刷品/网页]
Overview
概述
Topic: [Subject matter]
Key Message: [Main takeaway in one sentence]
Target Audience: [Who will view this]
Tone: [Professional/Casual/Playful/etc.]
主题: [主题内容]
核心信息: [一句话总结关键结论]
目标受众: [受众群体]
风格: [专业/休闲/活泼等]
Content Outline
内容大纲
Header Section
头部板块
- Title: [Main title text]
- Subtitle: [Supporting text]
- Hero Element: [Key statistic or visual]
- 标题: [主标题文本]
- 副标题: [辅助文本]
- 核心元素: [关键统计数据或视觉元素]
Section 1: [Name]
板块1: [名称]
- Heading: [Section title]
- Content: [Text content]
- Visual: [Chart/icon/image recommendation]
- Data: [Any statistics]
- 标题: [板块标题]
- 内容: [文本内容]
- 视觉元素: [图表/图标/图像建议]
- 数据: [相关统计信息]
Section 2: [Name]
板块2: [名称]
[Same structure...]
[相同结构...]
Section 3: [Name]
板块3: [名称]
[Same structure...]
[相同结构...]
Footer Section
底部板块
- Call to Action: [What to do next]
- Source: [Data sources]
- Branding: [Logo, website]
- 行动指引: [下一步操作建议]
- 来源: [数据来源]
- 品牌信息: [Logo、官网]
Layout Wireframe
布局线框图
[ASCII wireframe of layout][ASCII格式的布局线框图]Visual Elements
视觉元素
Icons Needed
需要的图标
Charts/Graphs
图表/图形
- [Chart type]: [Data to display]
- [Chart type]: [Data to display]
Images
图像
Color Palette
配色方案
| Use | Color | Hex |
|---|---|---|
| Primary | [Name] | #XXXXXX |
| Secondary | [Name] | #XXXXXX |
| Accent | [Name] | #XXXXXX |
| Background | [Name] | #XXXXXX |
| Text | [Name] | #XXXXXX |
| 用途 | 颜色 | 十六进制码 |
|---|---|---|
| 主色 | [名称] | #XXXXXX |
| 辅助色 | [名称] | #XXXXXX |
| 强调色 | [名称] | #XXXXXX |
| 背景色 | [名称] | #XXXXXX |
| 文本色 | [名称] | #XXXXXX |
Typography
字体规范
| Element | Font | Size | Weight |
|---|---|---|---|
| Title | [Font] | [Size]px | Bold |
| Headings | [Font] | [Size]px | Semibold |
| Body | [Font] | [Size]px | Regular |
| Stats | [Font] | [Size]px | Bold |
| Caption | [Font] | [Size]px | Light |
| 元素 | 字体 | 字号 | 字重 |
|---|---|---|---|
| 标题 | [字体] | [字号]px | 粗体 |
| 板块标题 | [字体] | [字号]px | 半粗体 |
| 正文 | [字体] | [字号]px | 常规 |
| 统计数据 | [字体] | [字号]px | 粗体 |
| 说明文字 | [字体] | [字号]px | 细体 |
Copy (Ready to Use)
可用文案
Title
标题
[Exact title text][精确的标题文本]Subtitle
副标题
[Exact subtitle text][精确的副标题文本]Section 1
板块1
[Exact section copy][Continue for all sections...]
[精确的板块文案][所有板块以此类推...]
Design Notes
设计注意事项
- [Important design consideration]
- [Important design consideration]
- [Important design consideration]
- [重要的设计考量]
- [重要的设计考量]
- [重要的设计考量]
Tools Recommendation
工具推荐
- Canva: Easy drag-and-drop
- Piktochart: Infographic-focused
- Venngage: Templates and icons
- Adobe Illustrator: Professional control
- Figma: Collaborative design
---- Canva: 简易拖拽操作
- Piktochart: 专注信息图表设计
- Venngage: 模板与图标丰富
- Adobe Illustrator: 专业级控制
- Figma: 协同设计
---Size Recommendations
尺寸建议
Social Media
社交媒体
| Platform | Size (px) | Orientation |
|---|---|---|
| Instagram Post | 1080 x 1080 | Square |
| Instagram Story | 1080 x 1920 | Portrait |
| 1000 x 1500 | Portrait | |
| 1200 x 675 | Landscape | |
| 1200 x 627 | Landscape | |
| 1200 x 630 | Landscape |
| 平台 | 尺寸（像素） | 方向 |
|---|---|---|
| Instagram 帖子 | 1080 x 1080 | 正方形 |
| Instagram 快拍 | 1080 x 1920 | 纵向 |
| 1000 x 1500 | 纵向 | |
| 1200 x 675 | 横向 | |
| 1200 x 627 | 横向 | |
| 1200 x 630 | 横向 |
印刷品
| Size | Dimensions | Resolution |
|---|---|---|
| A4 | 2480 x 3508 px | 300 DPI |
| Letter | 2550 x 3300 px | 300 DPI |
| Poster A3 | 3508 x 4960 px | 300 DPI |
| 尺寸 | 规格 | 分辨率 |
|---|---|---|
| A4 | 2480 x 3508 px | 300 DPI |
| 信纸 | 2550 x 3300 px | 300 DPI |
| A3 海报 | 3508 x 4960 px | 300 DPI |
Web
网页
| Use | Width | Height |
|---|---|---|
| Blog embed | 800px | Variable |
| Landing page | 1200px | Variable |
| 600px | Variable |
| 用途 | 宽度 | 高度 |
|---|---|---|
| 博客嵌入 | 800px | 可变 |
| 落地页 | 1200px | 可变 |
| 邮件 | 600px | 可变 |
Design Principles
设计原则
Visual Hierarchy
视觉层级
- Title - Largest, most prominent
- Key Statistics - Large numbers with context
- Section Headings - Clear divisions
- Body Content - Readable size
- Sources - Smallest, bottom
- 标题 - 字号最大，最醒目
- 关键统计数据 - 大字号搭配上下文
- 板块标题 - 清晰划分内容
- 正文内容 - 易读字号
- 来源信息 - 字号最小，位于底部
White Space
留白
- Don't overcrowd
- Group related items
- Use spacing to guide the eye
- 不要过度拥挤
- 相关内容分组
- 用间距引导视线
Flow
视觉流
- Guide viewer from top to bottom
- Or left to right (for timelines)
- Use visual cues (arrows, lines, numbers)
- 引导观众从上到下浏览
- 或从左到右（适用于时间轴）
- 使用视觉线索（箭头、线条、数字）
Consistency
一致性
- Uniform icon style
- Consistent colors
- Same typography throughout
- 图标风格统一
- 配色一致
- 全程使用相同字体
Tips for Better Infographics
打造优质信息图表的小贴士
- Start with a hook - Lead with most interesting data
- One main message - Don't try to say everything
- Simplify data - Round numbers, highlight key figures
- Use visual metaphors - Make abstract concepts concrete
- Maintain hierarchy - Clear importance levels
- Cite sources - Build credibility
- Brand it - Logo, colors, website
- 以吸睛点开头 - 用最有趣的数据作为引子
- 聚焦核心信息 - 不要试图涵盖所有内容
- 简化数据 - 四舍五入数字，突出关键数据
- 使用视觉隐喻 - 将抽象概念具象化
- 保持层级清晰 - 明确内容的重要程度
- 标注来源 - 提升可信度
- 融入品牌元素 - Logo、配色、官网
Limitations
局限性
- Cannot create actual graphics
- Cannot generate images
- Specifications need designer implementation
- Complex custom illustrations need artists
Built by the Claude Office Skills community. Contributions welcome!
- 无法创建实际的图形
- 无法生成图像
- 规范需要设计师落地
- 复杂的定制插画需要专业画师完成
由Claude Office Skills社区构建，欢迎贡献内容！