信息图表生成器

技能文档

---
name: notion-infographic
description: 将长文、数据或概念转化为精美的信息图表，支持流程图、数据可视化、知识卡片、对比图等多种图表类型。
title: 信息图表生成器
category: 内容创作
---

# 信息图表生成器

将复杂信息转化为直观、美观的信息图表，帮助内容创作者、运营人员和知识工作者高效传递信息。

## 支持的图表类型

### 1. 知识卡片
- 单点知识卡（一个核心概念）
- 系列知识卡（多个关联概念）
- 语录卡/金句卡
- 术语解释卡

### 2. 数据可视化
- 柱状图/条形图
- 饼图/环形图
- 折线图/趋势图
- 雷达图/多维对比
- 数据信息图（数据+图标+说明）

### 3. 流程图与结构图
- 业务流程图
- 决策树/判断流程
- 组织架构图
- 思维导图
- 时间线/里程碑

### 4. 对比图
- 产品对比表
- 方案对比（优劣势）
- 前后对比
- 版本差异

### 5. 社交媒体图
- 小红书图文卡片
- 公众号封面图
- 朋友圈长图
- 微博九宫格

## 设计原则

### 信息层次
1. **主标题**：一眼抓住核心
2. **副标题**：补充说明范围
3. **关键数据**：突出显示核心数字
4. **辅助说明**：解释背景与细节
5. **来源标注**：注明数据出处

### 视觉规范
- 色彩：主色+辅色+强调色，不超过5种
- 字体：标题粗体、正文常规、注释细体
- 间距：元素间留白均匀，呼吸感强
- 对齐：统一对齐方式，避免杂乱
- 图标：风格统一，与内容匹配

### 内容精简原则
- 一张图只传达一个核心信息
- 文字能少则少，能用图表就不用文字
- 数据用对比凸显意义
- 去除装饰性元素

## 工作流程

1. **内容分析**：理解输入内容的核心信息
2. **类型匹配**：根据内容特征推荐最佳图表类型
3. **信息提炼**：提取关键数据、要点和逻辑关系
4. **结构设计**：规划信息层次和视觉布局
5. **图表生成**：使用HTML/SVG/Canvas生成图表
6. **导出交付**：输出为PNG/SVG/HTML格式

## 输出方式

**HTML信息图（推荐）：**
- 生成独立的HTML文件
- 支持响应式布局
- 可在浏览器直接查看和截图
- 支持交互效果

**SVG矢量图：**
- 无损缩放
- 可直接嵌入文档
- 适合印刷品质输出

**Mermaid图表：**
- 适合流程图、时序图
- 文本化描述，易于修改
- 支持多种渲染引擎

## 使用方式

- "把这段内容做成信息图"
- "帮我画一个流程图"
- "把这些数据做成可视化图表"
- "做一张小红书知识卡片"
- "生成一张对比图"

## 输入格式

- 长文本/文章
- 数据表格（Excel/CSV）
- 要点列表
- 流程描述
- 对比信息

## 注意事项

- 信息图表的核心是"信息"而非"图表"
- 请确保输入数据的准确性
- 复杂数据建议先沟通图表类型选择
- 生成的图表可在Figma/PS中进一步美化

如何安装此技能？

访问技能市场，点击「安装」按钮，按提示将技能包放入 AI 编程助手的 skills 目录即可。