name: 视觉叙事设计 description: 当创建数据新闻、演示文稿、信息图或需要通过叙事结构传达数据洞察的视觉故事时使用。当用户提到数据叙事、滚动叙事、演示设计、信息图、注释图表、数据新闻、叙事可视化或需要将数据转化为引人入胜的视觉叙事时调用。
视觉叙事设计
目录
先读这里
这个技能的作用
这个技能帮助你将数据转化为引人入胜的视觉叙事——数据新闻、演示文稿、信息图和交互式故事，通过叙事结构传达洞察。
核心原则： 人们自然寻求具有因果和时序的故事。将数据结构化作为叙事有助于理解和记忆。
为什么重要
数据叙事的挑战：
- 原始数据是一堆事实——难以处理
- 可视化可能在没有指导的情况下被误解
- 读者浏览，不彻底阅读
- 需要情感参与和事实准确性
认知原理如何帮助：
- 叙事结构有意义地分块信息（背景 → 问题 → 证据 → 洞察）
- 注释引导注意力到关键洞察（防止误解）
- 逐步披露逐渐揭示复杂性（滚动叙事）
- 框架提供上下文以准确解释
何时使用这个技能
在以下情况使用此技能：
- ✓ 创建数据驱动的文章、报告或演示文稿
- ✓ 设计带有叙事的信息图或数据可视化
- ✓ 构建滚动叙事或交互式数据体验
- ✓ 注释图表以指导解释
- ✓ 用诚实上下文和比较框架数据
不要用于：
- ✗ 学习认知原理（使用
cognitive-design） - ✗ 实现D3.js可视化（使用
d3-visualization） - ✗ 评估设计（使用
design-evaluation-audit） - ✗ 检查误导模式（使用
cognitive-fallacies-guard）
故事设计工作流程
时间： 1-2小时
复制此清单并跟踪进度：
故事设计进度：
- [ ] 步骤1：定义叙事
- [ ] 步骤2：选择结构
- [ ] 步骤3：应用认知技术
- [ ] 步骤4：审查清晰度和完整性
步骤1：定义叙事
确定故事弧：什么是上下文？问题是什么？什么数据回答它？洞察是什么？选择开场策略：以人类影响、惊人发现或视觉开头。
资源： 叙事技术 — 叙事结构部分
步骤2：选择结构
选择适合你的故事类型、受众和媒介的模板和模式。选项包括逐步文章、杂志风格、注释图表、交互式探索或演示文稿。
资源： 讲故事模式 — 模板和决策矩阵
步骤3：应用认知技术
添加注释（标注、箭头、阴影区域、直接标签）。应用框架，使用基线、比较和分母清晰度。如果基于网络，使用滚动叙事进行逐步揭示。考虑视觉隐喻。
资源： 叙事技术 — 注释、滚动叙事、框架部分
步骤4：审查清晰度和完整性
验证故事是否诚实（无数据挑选、平衡框架）、清晰（洞察在5秒内明显）和完整（来源引用、局限说明）。使用 design-evaluation-audit 进行系统评估，使用 cognitive-fallacies-guard 进行完整性验证。
路径选择菜单
路径1：构建叙事结构
在以下情况选择： 开始一个数据故事，需要定义叙事弧和开场策略。
→ 转到叙事技术 — 章节1-2
路径2：掌握注释
在以下情况选择： 添加注释以指导解释现有图表和可视化。
→ 转到叙事技术 — 章节3
路径3：设计滚动叙事
在以下情况选择： 构建基于网络的逐步揭示体验。
→ 转到叙事技术 — 章节4
路径4：应用框架与隐喻
在以下情况选择： 提供上下文、基线、比较和视觉隐喻。
→ 转到叙事技术 — 章节5-6
快速参考
5个讲故事原则
- 以洞察开头，不是主题 — 标题：“远程工作者报告满意度提高23%”，不是“远程工作调查结果”
- 注释洞察 — 不要让读者发现它；用标注指出
- 提供上下文 — 基线、历史比较、每个百分比的母数
- 一次一个变化 — 滚动叙事：高亮或注释，不同时两者
- 诚实 — 显示完整数据，承认局限，避免数据挑选
护栏
此技能不： 实现代码、评估一般可用性、教授认知理论或检查误导模式。
此技能做： 提供叙事结构、注释技术、滚动叙事模式、框架指导、故事模板和数据叙事的质量清单。