科学信息图设计：研究人员与教育工作者完整指南

科学信息图把研究结果、科学过程和复杂概念转化为容易理解的视觉内容，同时保留结论背后的证据。优秀的信息图不只是好看：它要提供明确的阅读路径、诚实地呈现数据，并让读者容易找到来源。

本指南介绍如何为科研、教学和公众传播规划、设计、审核并导出科学信息图，也会说明什么时候应该改用图形摘要、科研海报或常规科研插图。

快速总结

科学信息图是建立在科学证据上的视觉解释。它可以组合短文、示意图、插图、图表、地图或时间线，但每个元素都应服务于同一个核心信息。

可靠的流程是：确定受众、定义核心信息、核实证据、选择符合内容关系的版式、搭建草图，并在实际展示尺寸下审核成品。先解决沟通问题，再处理视觉风格。

什么是科学信息图？

科学信息图用文字和视觉元素解释科学知识。它可以概括一个领域、解释机制、比较方法、展示研究流程，或传达一项或多项研究中的关键发现。

它之所以“科学”，并不是因为使用了实验室图标或技术感配色，而是因为内容遵守以下标准：

• 准确性： 数据、标签、比例和视觉关系必须与证据一致。
• 清晰度： 降低理解难度，但不能损失科学含义。
• 可追溯性： 读者能找到重要结论与数据的原始来源。
• 客观性： 不夸大确定性、因果关系或效应大小。
• 受众适配： 术语和细节符合目标读者的知识水平。

营销信息图可能更强调注意力与说服力；科学信息图同样需要吸引读者，但准确性、上下文和来源透明度决定了设计边界。

Rougier、Droettboom 与 Bourne 在开放获取文章 “Ten Simple Rules for Better Figures” 中把科学可视化视为人与数据之间的界面。只有读者能够正确恢复作者想表达的含义，这个界面才算成功。

科学信息图、图形摘要、科研海报和科研插图有什么区别？

这些形式有重叠，但解决的是不同沟通问题。尽早选对形式，能避免把过多信息塞进不合适的画布。

图形摘要是科学视觉传播的一种专门形式，并不是所有科学信息图的同义词。信息图可以综合一个主题和多个来源；图形摘要通常只围绕一篇论文。PLOS Computational Biology 的 “Ten Simple Rules for Designing Graphical Abstracts” 也把图形摘要定义为研究工作的紧凑视觉伴侣。

从受众和一个核心信息开始

在选择颜色或打开设计工具前，先写下两句话：

1. 这张信息图面向： 一个具体受众。
2. 看完后，他们应该理解： 一个核心信息。

“研究人员”通常仍然过于宽泛。领域专家、大一学生、患者群体和政策团队可能关心同一主题，却需要完全不同的术语和细节。

CDC Clear Communication Index 建议先明确主要受众、沟通目标和核心信息，并把重要内容放在前面。这个原则同样适用于科研与教学内容。

建立内容与证据地图

开始设计前先整理材料：

不直接支持核心信息的内容，应移到图注、扩展资料或另一张信息图中。删除内容往往是最难、也最有价值的设计决定。

选择合适的科学信息图版式

版式要反映内容关系：时间线代表时间顺序，流程图代表步骤或因果，并排比较代表使用同一标准评估不同对象。

时间线版式

当时间顺序和变化是重点时使用时间线。

• 适合： 研究里程碑、技术发展、临床试验阶段或科学模型演变。
• 注意： 如果间距表示真实时间，比例必须诚实；否则应标明它只是阶段顺序。

流程图版式

当内容具有明确步骤或因果关系时使用流程图。

• 适合： 实验方法、生物机制、决策路径和分析管线。
• 注意： 每种箭头只能表达一种含义，不要同时表示“导致”和“随后发生”。

比较版式

当读者需要用相同标准评估不同选项时使用并排比较。

• 适合： 比较方法、治疗、物种、模型或状态。
• 注意： 先确定共同标准，再把它们一致地应用到每个选项。

数据驱动版式

当证据本身就是故事时，让图表成为视觉中心。

• 适合： 调查结果、实验结果、趋势和依赖数值的结论。
• 注意： 保留样本量、分母、时间范围和不确定性。

地图版式

当问题与“在哪里”有关时使用地图。

• 适合： 空间分布、迁徙、环境模式、公共卫生监测和区域比较。
• 注意： 标明地理单位、图例、时间范围和来源。

层级版式

使用层级展示嵌套、分类或等级关系。

• 适合： 分类体系、嵌套概念、组织结构和生物层级。
• 注意： 层级不是流程，垂直连接不等于先后发生。

如何准确地可视化科学数据

根据分析问题选择图表，而不是根据外观选择。同一数据集可以制造完全不同的视觉印象，因此图表类型与比例设置应和统计分析一样谨慎。

制作图表前先确认：

• 问题类型： 比较、趋势、分布、关系还是组成。
• 图表类型： 是否真的适合这个问题。
• 必要上下文： 样本量、单位、时间范围和不确定性。
• 诚实编码： 基线、范围和颜色是否会误导。

“Principles of Effective Data Visualization” 建议先确定信息，再选择颜色和视觉形式。这不是隐藏不方便的数据，而是明确图表要回答的问题，同时保留判断答案所需的上下文。

图表误导读者的常见方式

• 扭曲基线： 截断柱状图坐标轴会夸大小差异。
• 缺少不确定性： 只有平均值会掩盖结果是否稳定。
• 装饰性维度： 3D 柱图和倾斜饼图会改变面积感知。
• 选择性范围： 裁掉时间段或类别可能制造虚假趋势。
• 错误的颜色结构： 彩虹色会制造任意边界，并降低可读性。

当图表承载重要结论时，应在图中或随图传播的图注中说明样本量、单位、时间范围和来源。

科学信息图设计原则

视觉设计的作用是让证据更容易检查，而不是装饰薄弱证据或替代缺失的上下文。

建立清晰的视觉层级

为读者建立明确顺序：

• 首先： 核心信息或结果。
• 其次： 支撑它的证据、机制或比较。
• 最后： 补充细节、局限和来源。

用位置、大小、对比和间距强化这个顺序。五个同样醒目的元素等于没有重点。

使用经得住最终尺寸的字体

• 在缩略图尺寸预览期刊图片。
• 按实际尺寸打印讲义。
• 从教室或会议室后排检查幻灯片。
• 保留科学符号，不把关键解释塞进微小标签。

编辑画布上舒适的文字，在最终输出中可能完全消失。

用颜色解释，而不是装饰

• 对相关类别进行分组。
• 表示方向或进程。
• 区分实验条件。
• 突出一个关键结果。

保持颜色含义一致。Bang Wong 关于科学图形中色觉差异的文章说明了为什么不能只靠红绿区分。应同时使用直接标签、线型、形状或纹理。

为无障碍阅读设计

• 提供描述性替代文本或等效说明。
• 保持明确阅读顺序。
• 同时使用颜色与标签、形状或线型。
• 检查导出图片中的小字和模糊文字。

WCAG 2.2 在 AA 级别要求普通文字至少 4.5:1、大号文字至少 3:1 的对比度（有规定的例外）。这些阈值只是起点，不能代替整体测试。

有意识地使用留白

• 分隔不同想法。
• 表明标签属于哪个视觉元素。
• 为核心结果留出呼吸空间。
• 避免页面变成连续的信息块。

如果设计拥挤，先删除重复内容和次要装饰，而不是缩小全部文字。

如何一步步制作科学信息图

1. 确定受众与使用场景。 记录谁会看、在哪里看，以及看完应理解或执行什么。
2. 写出核心信息。 用一个完整句子表达；如果包含多个“以及”，范围可能太大。
3. 收集并核实证据。 在压缩内容前准备数据、来源、引用、术语和局限。
4. 筛选内容。 区分读者必须知道和只是有趣的信息。
5. 选择视觉结构。 匹配时间、流程、比较、层级、地理或定量关系。
6. 画低保真线框。 用方框和箭头测试阅读顺序。
7. 制作并审核。 检查科学准确性、无障碍性和实际理解。
8. 按真实场景导出。 在期刊系统、幻灯片、网页、学习平台或印刷流程中测试。

审核不是最后的美化步骤。让领域专家核对科学内容，再让接近目标受众的人复述他们理解到的信息。

示例：把研究简报变成信息图

假设研究主题是城市树冠覆盖与白天地表温度之间的关系。原始材料可能包含研究问题、卫星温度数据、树冠数据、社区边界、分析方法、多张地图、图表和局限。把它们全部塞进一个画布只是在复制项目，而不是解释项目。

更清晰的阅读路径可以是：

1. 问题： 如何同时评估树冠覆盖与白天地表温度？
2. 输入： 卫星温度、树冠覆盖数据和地理单位。
3. 方法： 对齐空间数据、定义比较单位并分析关系。
4. 证据区： 放置真实分析生成的地图和图表。
5. 解释： 只陈述结果能够支持的结论。
6. 局限： 说明时间、空间或测量限制。
7. 来源： 引用数据集、方法和完整研究。

改进来自明确读者需要什么，而不是增加图标。真实项目中的证据区必须使用实际分析结果，并对照原始材料审核。

科学信息图的常见用途

不同用途需要不同细节层级。一个模板覆盖所有场景，往往会对公众过于密集、对专业读者又过于浅薄。

1. 研究结果

• 先展示研究问题和回答它的结果。
• 保留解释结果所需的样本、方法和不确定性。
• 尽可能链接论文、数据集、预印本或报告。

2. 实验方法

• 展示输入、步骤、对照、分支和输出。
• 让每种箭头保持单一含义。
• 保留影响可重复性的数量和时间。

3. 教学材料

• 解释光合作用、细胞分裂等复杂过程。
• 比较相关概念、模型或系统。
• 总结大主题，帮助复习。
• 围绕具体学习目标制作材料。

术语应匹配学生已有知识，并说明视觉内容何时只是简化模型。

4. 公众科学传播

• 让非专业读者理解研究发现。
• 解释健康指南和风险。
• 传播环境或政策议题。
• 帮助公众建立科学素养。

尽早解释术语并呈现核心信息，但不要抹去不确定性或把相关性写成因果关系。

5. 社交媒体科研传播

• 确保小屏幕上仍然可读。
• 每张图片或每页只表达一个核心信息。
• 在视觉中嵌入来源、作者或机构。
• 即使脱离原帖传播，也要保留足够上下文。

6. 学术海报和会议演示

• 突出研究问题和最值得记住的结果。
• 建立方法、证据与解释之间的阅读路径。
• 保证关键标签在几步之外仍可读。
• 提供论文、数据或方案的 DOI 或二维码。

信息图不能替代评价研究所需的样本、对照、不确定性、局限和参考文献。

7. 图形摘要

• 展示研究问题、主要方法或机制，以及有证据支持的结果。
• 遵守目标期刊的尺寸和文件要求。
• 范围应比一般科学信息图更窄。
• 不加入论文中没有的结论。

图形摘要的目标是帮助读者决定是否阅读完整论文，而不是在一张画布上复现全部结果。

制作科学信息图的工具

• 数据分析与图表： R、Python、电子表格和统计软件适合保持图表与数据或代码的连接。
• 科学示意图与插图： 专业图形库、图表编辑器和 AI 科研绘图工具可以帮助制作机制和流程，但生成内容必须人工核验。
• 版式与组装： Figma、Illustrator、InDesign、Canva 和演示软件在控制、协作与学习成本之间各有取舍。
• 地图： GIS 软件和可重复的制图库更适合投影、空间连接、图例与地理数据。
• 审核与修改： 在科学审核完成前，应尽量保持文字、图表和视觉结构可编辑。

如果要把一篇论文变成紧凑的视觉故事，可以从图形摘要制作工具开始。更广泛的机制图、流程图或科研插图可以在 FigEditor 中生成并继续修改。任何生成结果都应视为草稿。

如何在科学信息图中引用来源

凡是事实性结论、数据集、改编视觉或引语，都需要让读者能够追溯来源。

• 把标记放在结论附近： 使用简短上标或编号，而不是只在底部堆放文献。
• 保留紧凑来源列表： 让它随图片一起传播。
• 使用持久链接： 数字版本优先使用 DOI，并记录数据集版本或访问日期。
• 检查许可： 引用不等于获得图片复用许可。

不要把来源只放在社交帖子或幻灯片备注中，因为图片被下载和转发后，这些信息会丢失。

导出格式与最终质量检查

• PNG： 适合网页、幻灯片、学习平台和社交媒体；检查压缩与像素尺寸。
• SVG： 适合可缩放图形和后续编辑；检查文字与对象是否仍有结构。
• PDF： 适合印刷和保持版式；嵌入字体并检查图片是否被降采样。
• TIFF、EPS、JPEG 或办公文件： 按出版商或生产系统要求使用。

不同期刊和图稿类型要求不同。例如 Elsevier 的图稿说明区分矢量图、位图和半色调流程，但不能把一家出版商的规则套用到所有场景。导出前始终检查目标期刊、会议、打印方或平台。

科学信息图常见错误

• 主题过大： 视觉内容变成压缩报告。
• 缺少核心信息： 读者看到很多事实，却不知道重点。
• 图表与问题不匹配： 熟悉的图表取代了更合适的表达。
• 装饰暗示证据： 图标、箭头或颜色制造不存在的因果或数量关系。
• 文字无法阅读： 编辑画布上正常，发布尺寸下失效。
• 来源与结论分离： 图片传播后无法追溯。
• 完全依赖颜色： 色觉差异、灰度打印或投影时信息丢失。
• 从未测试： 只核对科学内容，没有验证目标读者的理解。

科学信息图检查清单

• 已明确目标受众和核心信息。
• 每项事实与数据都有可追溯来源。
• 视觉形式符合内容关系。
• 图表保留解释所需上下文。
• 箭头、颜色和位置没有暗示无证据支持的关系。
• 标签、符号、单位和术语正确。
• 文字在最终尺寸下仍可读。
• 颜色同时由标签、形状、纹理或线型支持。
• 数字版本具有替代文本或等效说明。
• 已检查许可和署名要求。
• 导出格式符合目标场景。
• 领域专家和代表性读者都完成审核。

常见问题

科学信息图与图形摘要有什么区别？

科学信息图可以解释广泛主题、综合多个来源或展示精选证据；图形摘要通常用一张紧凑图片概括一篇论文。具体定义和规格因期刊而异。

科学信息图应该多大？

没有通用尺寸。应根据期刊缩略图、网页、幻灯片、讲义、海报或社交平台设计，并在制作最终版式前确认尺寸和文件类型。

科学信息图应该使用多少种颜色？

只使用信息结构真正需要的颜色。比数量更重要的是每种颜色是否有明确含义，以及移除颜色后内容是否仍然可理解。

科学信息图如何引用来源？

在相关结论或图表附近放置简短引用标记，并在图中保留紧凑来源列表。数字版本优先使用 DOI 或持久链接，同时检查复用材料的许可。

哪些工具适合制作科学信息图？

常见流程会组合多种工具：用数据或统计软件制作可重复图表，用示意图工具制作解释性视觉，再用版式编辑器组装。选择能保留后续修改能力并满足导出要求的工具。

如何让科学信息图更无障碍？

使用明确阅读顺序、描述性标签、足够对比度和替代文本。不要只靠颜色传递信息，并测试最终导出文件，而不只是编辑源文件。

结论

科学信息图设计始于编辑判断：读者是谁、他们需要理解什么，以及哪些证据支持这条信息。版式、图表、字体、颜色和插图都应让这些决定更清楚。

先用一句话写明受众，再用一句话写明核心信息。两者稳定后，设计就会变成一系列可验证的选择，而不是寻找装饰。

用 FigEditor 实践这套流程

确定受众、证据和阅读顺序后，FigEditor 可以把计划转化为能够持续修改的科研图。你可以从方法文字、图注、论文片段、草图或参考图开始，而不是面对空白画布重建整个故事。

FigEditor 可以帮助你：

• 根据研究材料创建第一版视觉草稿。
• 在结构化 SVG 流程中修改标签、箭头、节点、颜色和版式。
• 随合作者或审稿意见保存不同版本。
• 把同一视觉内容继续用于论文、演示和科研海报。

生成图片仍应视为草稿。发表前，请对照原始材料检查每个标签、数值、关系、引用和科学结论。

准备开始了吗？在 FigEditor 中创建科研图。