数据新闻长图：让数字讲故事

背景：一份关于「2025 年中国 AI 应用趋势」的研究报告，50 页 PDF，没人会看完。我用 huashu-design 把它变成一个可滚动的数据新闻长图，核心信息 3 分钟读完，5 个图表让数据自己说话。

为什么是长图，不是 PPT？

研究报告最常见的错误：把 PDF 的页面式逻辑，复制到屏幕上。

PPT/PDF 是演示逻辑——一页讲一个点，翻页是节奏控制。屏幕阅读是长图逻辑——用户用拇指滚动视线，滚动速度就是阅读节奏。

数据新闻长图的优势：
- 适合手机阅读（微信分享）
- 滚动节奏由用户控制
- 信息之间是「流」的关系，不是「跳转」

第一步：叙事结构——从上往下，一张图讲完

开工前，AI 先画出信息架构：

滚动顺序：
1. Hero + 核心数据（抓住注意力）
2. 趋势 1：市场规模（折线图）
3. 趋势 2：应用场景分布（横向柱状图）
4. 趋势 3：用户增长（面积图）
5. 结论 + 来源

关键决策： 所有图表在同一页面内完成，不要点击切换。用户滚动即可看到全部内容。

第二步：Hero——3 秒建立阅读欲望

顶部 Hero 展示最核心的数据：

      中国 AI 应用趋势 2025
      市场规模突破 2,800 亿
      ↑ 年增长率 38.5%
      ————————————————
      来源：中国信通院 · 2026.01

数字最大（36px），单位次之（14px），引用来源最小（11px 灰色）。

Hero 不使用任何背景图/插图——数据本身足够有力，不需要视觉辅助。

第三步：图表选择——每种数据用最适合的图表

每个图表只传达一个信息。 如果一个图表需要看 5 秒以上才能理解，它就太复杂了。

第四步：数据标注——给读者「哦原来如此」的时刻

裸图表没有意义。好的数据新闻在每个图表旁边加一句人话解读：

折线图旁：
「2024 年 Q3 出现增速拐点，与多模态大模型商用化时间吻合」

柱状图旁：
「企业服务场景占比最高，说明 AI 正在从工具变为基础设施」

这些解读是数据新闻和 Dashboard 的核心区别：Dashboard 让用户自己找结论，数据新闻帮用户准备好结论。

第五步：颜色——克制的美学

数据可视化中最常见的错误：用彩虹色。

huashu-design 只用了 2 种颜色：
- 主色：赭石 #C04A1A（数据线/柱体）
- 辅助：暖灰 #8A7F75（网格/标签）

第二种颜色只在需要对比时出现（如「去年 vs 今年」）。不超过 3 种颜色——颜色越多，信息越乱。

为什么是静态图表不是交互图表？

交互图表（D3.js）确实更酷，但对于数据新闻来说，静态图表的优势更大：
1. 加载更快（SVG 内联）
2. 截图可分享
3. 不会因为 JS 报错而空白
4. 打印友好

数据新闻的核心是信息传达，不是互动炫技。

耗时复盘

核心心得

数据新闻设计的本质：不要让人在你的图表上花 10 秒去找结论。

把结论写在图表旁边、用颜色暗示正负向、用排序暗示重要性——好的数据新闻是一篇论点清晰的议论文，而不是一本工具书。

下次你要发研究报告的时候，别发 50 页 PDF 了，做一个 3 分钟可读完的数据长图。

截图清单

1. ✅ 数据新闻长图（5 种图表 + 叙事结构 + 数据解读）— 已插入上文