跳到正文

宝玉:信息图规划与制作

将文章和知识资料整理为信息图,结合布局、风格、信息层级和参考资料组织生成流程。

开源精选内容生产54 个文件26,681 Stars浏览次数 0JimLiu/baoyu-skills MIT版本 1567581
开始使用

下载前阅读 SKILL.md 中的使用条件,并确认所用工具支持对应能力。

输入资料
来源内容与重点信息 受众、布局和风格要求 阅读本节完整说明
交付内容
信息图方案 图像与提示词资料 阅读本节完整说明
  1. 获取完整包,保留配套文件的目录结构。
  2. 按照原文准备所需工具、依赖与输入资料。
  3. 阅读对应使用步骤与输入输出说明,在自己的环境中验证结果。

使用提示摘自原文,配套文件保留来源版本;实际运行条件以各包说明为准。

正文

获取原文件

references/analysis-framework.md

Deep analysis framework applying instructional design principles to infographic creation.

Purpose

Before creating an infographic, thoroughly analyze the source material to:

  • Understand the content at a deep level
  • Identify clear learning objectives for the viewer
  • Structure information for maximum clarity and retention
  • Match content to optimal layout×style combinations
  • Preserve all source data verbatim

Instructional Design Mindset

Approach content analysis as a world-class instructional designer:

Principle Application
Deep Understanding Read the entire document before analyzing any part
Learner-Centered Focus on what the viewer needs to understand
Visual Storytelling Use visuals to communicate, not just decorate
Cognitive Load Simplify complex ideas without losing accuracy
Data Integrity Never alter, summarize, or paraphrase source facts

Analysis Dimensions

1. Content Type Classification

Type Characteristics Best Layout Best Style
Timeline/History Sequential events, dates, progression linear-progression craft-handmade, aged-academia
Process/Tutorial Step-by-step instructions, how-to linear-progression, winding-roadmap ikea-manual, technical-schematic
Comparison A vs B, pros/cons, before-after binary-comparison, comparison-matrix corporate-memphis, bold-graphic
Hierarchy Levels, priorities, pyramids hierarchical-layers, tree-branching craft-handmade, corporate-memphis
Relationships Connections, overlaps, influences venn-diagram, hub-spoke, jigsaw craft-handmade, subway-map
Data/Metrics Statistics, KPIs, measurements dashboard, periodic-table corporate-memphis, technical-schematic
Cycle/Loop Recurring processes, feedback loops circular-flow craft-handmade, technical-schematic
System/Structure Components, architecture, anatomy structural-breakdown, bento-grid technical-schematic, ikea-manual
Journey/Narrative Stories, user flows, milestones winding-roadmap, story-mountain storybook-watercolor, comic-strip
Overview/Summary Multiple topics, feature highlights bento-grid, periodic-table, dense-modules chalkboard, bold-graphic
Product/Buying Guide Multi-dimension comparisons, specs, pitfalls dense-modules morandi-journal, pop-laboratory, retro-pop-grid, retro-popup-pop

2. Learning Objective Identification

Every infographic should have 1-3 clear learning objectives.

Good Learning Objectives:

  • Specific and measurable
  • Focus on what the viewer will understand, not just see
  • Written from the viewer's perspective

Format: "After viewing this infographic, the viewer will understand..."

Content Aspect Objective Type
Core concept "...what [topic] is and why it matters"
Process "...how to [accomplish something]"
Comparison "...the key differences between [A] and [B]"
Relationships "...how [elements] connect to each other"
Data "...the significance of [key statistics]"

3. Audience Analysis

Factor Questions Impact
Knowledge Level What do they already know? Determines complexity depth
Context Why are they viewing this? Determines emphasis points
Expectations What do they hope to learn? Determines success criteria
Visual Preferences Professional, playful, technical? Influences style choice

4. Complexity Assessment

Level Indicators Layout Recommendation
Simple (3-5 points) Few main concepts, clear relationships sparse layouts, single focus
Moderate (6-8 points) Multiple concepts, some relationships balanced layouts, clear sections
Complex (9+ points) Many concepts, intricate relationships dense layouts, multiple sections

5. Visual Opportunity Mapping

Identify what can be shown rather than told:

Content Element Visual Treatment
Numbers/Statistics Large, highlighted numerals
Comparisons Side-by-side, split screen
Processes Arrows, numbered steps, flow
Hierarchies Pyramids, layers, size differences
Relationships Lines, connections, overlapping shapes
Categories Color coding, grouping, sections
Timelines Horizontal/vertical progression
Quotes Callout boxes, quotation marks

6. Data Verbatim Extraction

Critical: All factual information must be preserved exactly as written in the source.

Data Type Handling Rule
Statistics Copy exactly: "73%" not "about 70%"
Quotes Copy word-for-word with attribution
Names Preserve exact spelling
Dates Keep original format
Technical Terms Do not simplify or substitute
Lists Preserve order and wording

Never:

  • Round numbers
  • Paraphrase quotes
  • Substitute simpler words
  • Add implied information
  • Remove context that affects meaning

Output Format

Save analysis results to analysis.md:

---
title: "[Main topic title]"
topic: "[educational/technical/business/creative/etc.]"
data_type: "[timeline/hierarchy/comparison/process/etc.]"
complexity: "[simple/moderate/complex]"
point_count: [number of main points]
source_language: "[detected language]"
user_language: "[user's language]"
---

## Main Topic
[1-2 sentence summary of what this content is about]

## Learning Objectives
After viewing this infographic, the viewer should understand:
1. [Primary objective]
2. [Secondary objective]
3. [Tertiary objective if applicable]

## Target Audience
- **Knowledge Level**: [Beginner/Intermediate/Expert]
- **Context**: [Why they're viewing this]
- **Expectations**: [What they hope to learn]

## Content Type Analysis
- **Data Structure**: [How information relates to itself]
- **Key Relationships**: [What connects to what]
- **Visual Opportunities**: [What can be shown rather than told]

## Key Data Points (Verbatim)
[All statistics, quotes, and critical facts exactly as they appear in source]
- "[Exact data point 1]"
- "[Exact data point 2]"
- "[Exact quote with attribution]"

## Layout × Style Signals
- Content type: [type] → suggests [layout]
- Tone: [tone] → suggests [style]
- Audience: [audience] → suggests [style]
- Complexity: [level] → suggests [layout density]

## Design Instructions (from user input)
[Any style, color, layout, or visual preferences extracted from user's steering prompt]

## Recommended Combinations
1. **[Layout] + [Style]** (Recommended): [Brief rationale]
2. **[Layout] + [Style]**: [Brief rationale]
3. **[Layout] + [Style]**: [Brief rationale]

Analysis Checklist

Before proceeding to structured content generation:

  • Have I read the entire source document?
  • Can I summarize the main topic in 1-2 sentences?
  • Have I identified 1-3 clear learning objectives?
  • Do I understand the target audience?
  • Have I classified the content type correctly?
  • Have I extracted all data points verbatim?
  • Have I identified visual opportunities?
  • Have I extracted design instructions from user input?
  • Have I recommended 3 layout×style combinations?

CONTACT HAONAN

联系haonan

医疗 AI · 产品与独立开发

刘浩南

关注医疗 AI 从 demo 到真实落地,聚焦产品化、商业化与院内工作流效率提升。

12年医疗产研经验,大湾区头部医疗AI公司前产品总监,独立开发者

医疗 AI 产品化医疗 AI 商业化院内工作流效率
刘浩南的微信联系二维码
微信扫一扫,联系 haonan