科学图形的解剖结构

概览

Jerry Gu 是 BioRender 的科学创意主管，负责管理创意部门及其为 BioRender 平台制作的科学视觉内容。他所领导的创意团队才华横溢，在许多方面都是 BioRender 的核心与灵魂，这对整个团队乃至整个公司都至关重要。Jerry 拥有生物化学背景，并获得了多伦多大学生物医学传播学硕士学位。

他将与我们的科学设计项目经理 Victoria Tokarz 一起主持接下来的环节。Victoria 负责管理 BioRender 的模板制作项目，并与创意部门的科学设计团队密切合作。我非常期待 Jerry 和 Victoria 带来的分享。现在交给你们。太棒了。大家好。希望大家在 BioRender Visualize 2021 的活动中收获满满。再次自我介绍一下，我是 Jerry。感谢大家参加我们的讲座《图表解构：从背景模板到图形摘要》。在接下来的 20 分钟左右，我和我的同事 Vikki 将带大家走进幕后，揭秘我们 BioRender 是如何制作这些设计精良的图表模板的。希望这些见解能为您所用，提升您的工作水平。做一个简单的自我介绍，我是 BioRender 的科学创意主管，和我一起的是 Vikki。我是 BioRender 的科学设计项目经理，目前也在多伦多大学攻读博士学位。太好了，谢谢 Vikki。那么，简单介绍一下我们今天讲座的内容。讲座将分为三个部分。首先，我将简要介绍 BioRender 模板库的内容及其背后的意义。其次，Vikki 将结合实例，深入讲解制作高效图形摘要的关键技巧。最后，我将回到主题，详细介绍我们制作 BioRender 模板背后的流程。

那么，什么是 BioRender 模板库呢？ 

对于那些可能还没怎么使用过我们应用程序的听众，简单来说，它是一个现成的、可完全编辑的图表、布局、示意图和原理图库。您可以在应用中搜索并找到所需内容，然后直接进行修改，提取其中的元素，快速将其转化为您自己的图表。现在，无论是在图库页面还是在画布上添加图表时，都可以访问该模板库。库中有超过一千个模板可供选择，而且我们每月还会增加数十个新模板。BioRender 一直致力于扩展我们的模板库，并平衡多种考量因素，例如根据用户社区的反馈来决定增加哪些内容，或者更直观地为我们的用户群扩展内容覆盖范围。当然，还要紧跟科学研究的最新趋势。那么，典型的 BioRender 模板有哪些关键属性或结构呢？我在这里简要列出了一些。我们现在不深入探讨细节，稍后会详细讨论其中的一些。

考虑到这一点，我们把话筒交给 Vikki。太棒了，谢谢 Jerry。有时候，制作图表最难的部分就是不知道从哪里开始。作为一名科研人员，无论我在做什么，我总是从 BioRender 模板开始，要么是为了寻找灵感，要么只是为了在图表中使用其中的部分元素。模板之所以出色，原因有很多，特别是在发表论文、制作图形摘要、申请基金、制作演示文稿、海报甚至科学传播时。但今天，我们将重点深入探讨图形摘要。如果你和我一样，图形摘要可能是你发表论文时最后才会考虑的事情。在做完所有实验、制作好数据图表并写完论文后，期刊可能会要求你提供一份图形摘要。即使你投稿的期刊当时不需要图形摘要，在论文末尾包含某种研究发现的示意图也几乎是一样的。

如何制作高效的图形摘要

好了，你需要一份图形摘要，并且想要创作一份，但制作高效图形摘要的秘诀是什么呢？让我们深入了解一下。在拆解制作这些摘要的要素之前，我想先停下来谈谈为什么花额外的时间去制作一份高质量的摘要是值得的。首先，这是别人看到的第一眼。尽管有时这是我们最后才制作的内容，但正因为它是别人看到的第一眼，图形摘要可以帮助读者决定是否要阅读你的论文。如果你的阅读文件夹和我的一样，里面堆满了论文，时间却很少。因此，在开头用一张出色的视觉图吸引读者的注意力非常重要。如果你的图形摘要能鼓励更多人阅读你的论文，它将扩大你研究的影响力和覆盖范围。这意味着你所在领域会有更多人看到它。此外，视觉效果还能提高论文对领域外读者的可访问性，这是一个额外的好处，因为这类视觉效果能让复杂的发现变得更容易理解。希望我在短时间内已经充分说明了为什么值得花时间去制作一份高效的图形摘要。别担心，我不会让你无从下手。在创作图形摘要时，你可以记住三个关键要素。我们将逐一详细介绍，它们分别是：布局、箭头以及对比。

制作高效的图形摘要：布局

好了，我们从布局开始。通常，将整篇论文的信息浓缩在一张图片中是非常困难的。如果你不注意布局，你的图形摘要可能会变成一张“威利在哪里”式的图片，让读者不知道该看哪里。以下是我们 BioRender 喜欢使用的一些布局。垂直和水平流非常适合展示步骤性信息，而循环布局则适合展示起点和终点相互关联的过程。但无论你选择哪种布局，选择一种能引导读者视线浏览图片的布局至关重要。这就是我的意思。这是一个包含大量信息的复杂图表示例。好消息是，我们需要了解的关于这篇论文的所有信息都在这张图中得到了很好的展示。但作为读者，当我看着它时，我不确定该从哪里开始。当我看着这张图时，我的视线大概是这样的。

它从左侧开始，然后向右移动。接着向下，沿着血管走，然后绕了一个小圈，试图包含所有额外的信息。你现在看这张图时，你的视线可能与我完全不同，这凸显了布局的重要性。你需要设计你的图表，使其有一条清晰的路径。这样，任何人的视线都会按照你预期的路径移动。这是同一张图，使用了大部分相同的插图，只是布局略有不同。我给你一秒钟时间看一看，看看你的视线会落在哪里。好了，让我们看看。这是图表预期的流动路径。希望我们大多数人都选择了相同的路径。如果我们做到了，那就意味着布局是有效的。

制作高效的图形摘要：箭头

继布局之后的下一个关键要素是箭头。这听起来像是理所当然的，因为几乎每张图表里都有箭头。但它们作为图表的重要组成部分，往往被忽视了。根据你选择的箭头样式，它们可以传达完全不同的含义。例如，让我们看看前两个箭头。它们看起来很相似，但表示的概念却不同，而且非常微妙。第一个末端有箭头，而第二个用于表示抑制，上面有一条线。虽然那条线通常用于表示抑制，但箭头本身则表示路径的前进。你可以通过这张幻灯片上的几个例子看出箭头的使用可以非常复杂，当然不仅限于这些例子。我个人最喜欢的是第二行中的锥形尾箭头，它非常棒，因为它可以用来展示变化，例如尺寸的变化。这就是图表中战略性使用箭头的样子。综上所述，战略性地使用箭头也能在很大程度上帮助你实现第一个技巧，即布局。因为它会告诉读者确切地看哪里。在这两张图中，只需跟随箭头就能讲述图表的完整故事，并且使其非常易于理解。

制作高效的图形摘要：对比

好了，现在你已经掌握了布局和箭头。让我们谈谈最后一个要素：对比。我把它留到最后，因为它非常重要。通常，我们想让读者相信我们的论文有什么新意，以及它如何应用或融入到现有的文献中。设计这类故事图表的诀窍在于，让读者能够非常容易地快速判断什么是已知的，什么是新的。而实现这一点的最好方法就是使用对比风格。让我们看看幻灯片上的这个例子。可以非常容易地看出左侧和右侧哪些是相同的，哪些是不同的。原因在于，关键要素在两侧处于完全相同的位置。因此，当某个要素改变位置时，是因为它确实发生了变化。这使得读者能够非常快速地识别出你的哪些发现是新颖的。因此，他们在理解图表内容之前花费的查看时间更少，正如我们在之前的讲座中所学到的，这对非常忙碌的审稿人来说非常重要。这也使他们更有可能理解你的发现或你的基金申请。

好了，我们快速回顾了图形摘要的三个关键要素：布局、箭头以及对比。

我们如何在 BioRender 制作模板

但我们还没有分享完所有的秘密。我们将告诉大家我们的设计师是如何将这些要素以及更多元素组合在一起制作 BioRender 模板的。正如你之前了解到的，模板库有超过一千个模板，它们是由我们的科学设计团队创作的。这些是我们的照片。Sally、Michelle、Samira 和我，我们都在努力工作，创造出每个人都能使用的模板。我们都有科学背景。我们大多数人目前正在攻读博士学位。现在我要把话筒交给 Jerry，他将告诉大家我们究竟是如何制作这些模板的。

谢谢 Vikki。非常棒的见解和建议。那么，分享一下我们在这里制作模板的过程。实际上，我们模板制作的第一阶段是严谨的内容研究。根据我们制作特定模板集的目的是为了给教育工作者提供某些要点，还是为了助力研究人员进行前沿实验，我们会决定查阅基础教科书，或者选择参考出版物和预印本。在某些情况下，我们也会直接咨询专家。但我们的目标通常是一致的，那就是制定一个精确的计划，确定要解决哪些模板主题，并利用最佳参考资料，以确保科学准确性以及细节和专业水平。

进入第 2 阶段，我们的内部科学设计师将负责一系列模板主题，首先是绘制草图。这些草图既可以像左侧展示的那样使用传统媒介绘制，也可以像右侧那样直接在应用内完成。不同的设计师偏好不同的方式，但共同目标都是快速确定故事的主线。正如我们之前提到的，重点在于布局流程并将主要元素放入图中。我们不进行润色，也不添加干扰细节。草图非常粗糙，因此可以轻松快速地进行修改或舍弃。

第 3 阶段，同一位科学设计师将根据草图绘制出第一版模板草稿。他们无需再担心整体布局或元素位置，而是专注于运用设计原则和专业知识，全力以赴生成一份整洁的模板草稿。对齐、配色、间距、对比度和视觉一致性等要素都会在此阶段得到应用。

第 4 阶段，科学设计师会将第一版模板草稿提交到 BioRender 的内部评审流程中。这是一个极其严谨的过程，但同时也极具协作价值且收获颇丰。我们的目标是借助团队的力量，将一份扎实的初稿打造成令人惊艳的最终产品。在此过程中，我们充分利用了 BioRender 的多项新功能。首先，我们使用实时协作功能在 BioRender 中共享初稿，让团队成员在应用内实时共同评审。评审人员和主设计师还会利用 BioRender 的实时评论功能，轻松标记需要修改的区域——只需按下键盘上的“c”键即可切换到评论模式，点击画布上的任意位置即可快速留言。这是一个小技巧。最后，我们使用 Francesca 之前提到的 BioRender 多画布幻灯片功能。主科学设计师会汇总所有反馈意见，修改草稿并进行迭代，准备好包含最新草稿的新幻灯片，以进行下一轮实时评审。就这样，我们不断循环评审，直到第 5 阶段——此时已无设计反馈，一切就绪。我们会在这个阶段从“易用性”的角度检查所有细节：文本框的宽度是否合适？细胞因子点是否应该分组以方便操作？诸如此类。一切完成后，就到了激动人心的第 6 阶段：我们将完成的模板发布到应用内的模板库中。届时，您可以搜索并找到该模板，利用它来加速您的绘图工作。

您可能以为到这就结束了，但我们的工作远不止于此。第 7 阶段是一个持续的过程，即更新和维护不断增长的模板库。这可能包括因浏览器新功能而需要更新模板（例如最近实现的连接线功能，我们仍在为此更新模板），也可能涉及根据新发现来维护内容的准确性。在此，我谨代表 BioRender 整个创意团队，向我们充满热情的用户社区表示衷心的感谢。你们持续不断的反馈总是让我们感到惊喜，帮助我们保持模板和图标的准确性与高品质。

以上就是我们分享的全部内容，接下来请 Vikki 为我们做总结。

太棒了，Jerry。感谢你带我们深入了解了创建模板背后的所有工作。希望大家喜欢这次幕后探秘，了解了构成优秀图形摘要的要素，以及我们如何利用这些要素在 BioRender 中制作模板。如果您还没有尝试过，演讲结束后请务必查看我们的模板库，因为我们每天都在添加新模板。在结束之前提醒一下，接下来有两个并行会议，它们将同时进行。如果您想深入了解图形设计，请加入我和 Shiz 在主舞台举办的“图形改造”会议；如果您对 BioRender 的职业机会感兴趣，请参加另一个会议。