如何设计一份出色的学术海报
想知道如何制作出色的研究海报吗?加入 BioRender 联合创始人兼首席执行官 Shiz Aoki 的行列,学习设计精美、专业的科研海报的实用技巧与方法。此外,您还能通过现场海报修改演示,亲眼见证这些技巧的实际应用!
以下是部分时间戳,方便您快速跳转至感兴趣的章节:一致的页边距/内边距 (7:00)、网格化排列版块 (7:40)、强调标题和版块 (10:55)、文本层级 (11:47)、海报专用图表格式 (27:38)。
https://biorender.com
概览
欢迎大家参加我们的 BioRender 海报设计系列讲座。这可以看作是我们几个月前开启的基金申请系列讲座的延续。我们将继续举办这类主题网络研讨会,希望能涵盖大家在科研旅程中可能遇到的绝大多数设计需求。
今天的主题依然聚焦于海报。不过,我们将分享的一些技巧同样适用于各类通用设计。因此,无论您是在制作论文插图,还是在设计 Instagram 或 Twitter 帖子,这些设计技巧都非常通用。即便您目前不需要制作海报,相信这些内容对您也会有所帮助。
本次会议正在录制中。希望如此,虽然我目前无法确认,但我们确实在进行录制。我们会将录制回放的链接发送到您报名时填写的邮箱中。如果您需要提前离开或中途加入,没能听到完整内容也不必担心,我们会通过邮件发送录制视频。此外,聊天记录不会被录入,视频中只会显示我屏幕上的内容以及我们的声音。
我们还准备了一个有趣的抽奖环节,奖品是我们备受喜爱的 BioRender 周边,包括极客风的科学贴纸、钢笔,我想还有一些 T 恤和杯垫。请务必留到最后。如果您无法全程参与也不用担心,我们会发送链接。其实就是一个关于本次研讨会和 BioRender 的简短反馈调查,填完后我们就会进行抽奖,送出这些礼品。如果可以的话,请留到最后获取调查问卷链接。
我是 Shiz,BioRender 的联合创始人兼首席执行官。我将为大家讲解如何设计一份出色的海报,并进行现场海报修改演示。在投身科技领域之前,我曾是一名医学插画师(或许现在也是)。我希望能将自己过去 12 年左右在设计领域积累的经验分享给大家。
BioRender 本身——听起来你们中很多人已经是 BioRender 的粉丝了,希望你们是我们的客户,或者是免费产品的用户——它是一个用于创建高质量科学图像的在线平台,专为科学研究领域的所有人设计,包括临床研究人员、学生和科学传播者。基本上,它适合那些几乎没有艺术背景且时间紧迫的人,我想我们很多人都处于这种情况。
关于我个人的背景,刚才已经提到过。我想说的是,我们的大部分经验来自于制作像这样复杂的图表。当我在华盛顿协助制作这类图表和中心折页时,团队里有设计师、制图师、编辑、创意总监、艺术总监、撰稿人和研究人员等一大群人。当你审视科学图表或科研领域时,会发现一个疯狂的现象:每个人都被期望具备医学插画师的技能,但此前却从未有过相应的工具。这就是我们打造 BioRender 的初衷。我喜欢展示这些图表,因为对于有经验的设计师来说,很多第一性原理思维似乎是常识,但对其他人来说可能并非如此。例如,合理的布局——在图表中保持一致的页边距和内边距。这些都是我们在制作科学图表时想要明确强调的重要事项,因为我们在设计界学到的知识,同样应该应用于科学图表领域。
现在回到海报,如果你在谷歌上搜索“科学海报”,会看到琳琅满目的海报类型。有些设计得非常好,但你可以看出它们的形式各异,目前在设计规范上处于一种“狂野西部”的状态——什么可行、什么不可行,标准并不统一。我们将深入探讨哪些设计是有效的,以及一些需要避免的设计缺陷。
这就是科学海报界的现状。如果你参加过像神经科学学会年会这样的大型会议——我们几年前去过——那里有成千上万张海报。所以,无论我们对海报制作感到多么头疼,这种需求在短期内都不会消失,制作精美海报的需求依然存在。
我们正在转向虚拟世界,或许可以导出低分辨率的海报而无需打印,但打印海报依然是现实需求。希望我们今天教授的内容能有所帮助。近距离观察一些优秀的海报,你会发现它们有时印在织物上,有时印在纸上。让我们重新适应会议环境,我相信你们中有些人正在为海报和会议做准备。简单回顾一下海报设计:我们将讨论海报布局的整体设计,以及一些关于如何格式化海报内图表的小技巧。虽然差别不大,但 Fran 和 Katy 将会分享如何使用 BioRender Core 来制作更好的图表,这最终将提升您的海报设计水平。
废话不多说,让我们直接进入今天重点关注的五个主题或技巧。它们主要围绕:如何在海报中使用一致的页边距和内边距;如何以网格方式排列海报版块(如引言、目标、结果、结论等),我们将其比作芝加哥地图与巴黎地图的区别,稍后您就会明白;强调标题和版块以保持故事流的易读性;海报文本层级的重要性;以及海报专用的图表格式。希望到讲座结束时,这一切对您来说都会变得清晰明了。简单提醒一下,为什么海报分栏、布局、间距和页边距如此重要。
我知道,在列与行之间留出宽大的页边距和内边距有时看起来像是浪费空间。但对于我们的眼睛来说,这对于追踪和跟随故事线至关重要。阅读方向通常是从左到右、从上到下,这是大多数语言的阅读习惯。因此,您需要以此来保持海报的信息流。再次强调,留白不仅仅是为了美观,它实际上具有功能性,能帮助读者的视线在海报设计中顺畅移动。
这就是我所说的“芝加哥与巴黎”类比。海报应该易于阅读。同样,遵循从左到右、从上到下的顺序。与演示文稿不同,您的海报很可能会在互联网上流传,或者在会议期间,您不会一直站在海报旁边,因为人们会进进出出。因此,观众需要能够在没有您指引的情况下自行浏览您的设计。所以,网格系统非常有帮助。想象一下在芝加哥这样的城市迷路,与在巴黎这样的城市迷路——在巴黎,你很难轻易辨别东西南北。请以这种方式思考您的海报,通过保持网格系统,让观众能够轻松地浏览您的设计。
现在分享几个“不要做”的技巧。虽然我不常看到,但一旦出现,它们可能会毁掉你的海报。目前我们建议避免使用圆角,这会显得有些过时。投影也是一种不需要用于海报的设计怪癖,它会分散注意力。渐变很难做得高雅,所以我建议完全避免使用渐变。背景方面,艺术字现在已经过时了。花哨的项目符号也应避免。总之,尽量让您的海报图形保持非常、非常简洁。
这是一个为什么背景不宜使用渐变的例子。它看起来就像海报卷起来了一样,显得有些过时,所以我建议尽可能避免使用渐变。实际上,渐变只适用于温度、浓度或能量强度等场景,比如色条。它们真的不应该用于设计、背景或类似的地方。
至于留白、页边距和内边距,您可以使用许多设计工具中的“网格线”功能,如图所示。这些紫色线条是隐藏的辅助线,您可以将其添加到许多文件中。在 BioRender 中可以实现,PowerPoint 和 Adobe 产品中也可以。我想说的是,有很多现成的工具可以帮助您保持页边距、内边距、间距等。我稍后会演示如何在 BioRender 中操作。这是一个快速演示,展示了正确使用网格线后,您可以如何保持合理的间距和内边距。这是修改前后的对比,您可以看到修改前间距大小不一、粗细各异,但正确操作后,内边距应该保持统一的单位和尺寸。也许是一英寸,也许是一厘米,选择一个单位并将其贯穿于整个海报,包括列之间、标题与正文之间,基本上覆盖整个海报。
海报的某个部分也非常重要。例如,结果部分可能是最重要的,所以我建议强调它,比如让颜色深一点。标题部分,甚至可以像这样在背景中添加一点色彩。这样一来,它再次强调了海报的核心区域。在会议中,大多数人走过你的海报时,可能只会停留 10 秒钟,然后就去看下一张了,除非他们已经在手册上标记了你的名字,并打算专门去 785 号海报找你交流。更多情况下,他们只是路过。所以,你必须非常迅速地向他们展示故事的核心,这可能就是你的结果部分。因此,它应该被突出显示在最显眼的位置。
文本对齐在海报设计中起着重要作用。在 PowerPoint 或 Illustrator 中,这通常被称为“两端对齐”。相信大家都了解它与左对齐或右对齐的区别,但这一点非常关键,因为它能让你无需在各个部分周围添加边框,因为文本本身就能形成一种非常整洁的方形布局。例如,你可以看到文本形成了清晰的列,而无需可见的边框。实际上,正是文本本身创造了这种隐形的边框。所以请记住这一点:你不需要到处添加边框,也不需要把边框套在边框里。有时,仅靠文本对齐就能创造出非常美观的留白或间距,这在通用设计领域也是如此。你看大多数杂志时,也不会看到栏目周围有边框,因为文本本身就很好地界定了栏目。
提取品牌色也是一种非常有趣的方法,能让你的海报更具品牌感,或者与你的徽标、机构或公司风格更契合。这是在 Adobe Illustrator 中实现的效果。BioRender 也内置了取色器,让你能够统一整张海报的色调。比如,如果你的学校或公司徽标颜色是栗色、紫色或红色,你可以直接提取该颜色,确保所有的标题栏,尤其是最重要的标题栏,都使用这种颜色。我稍后也会在 BioRender 中演示如何轻松实现这一点。
好了,现在我已经对这张海报进行了一些拆解,并应用了我们讨论过的一些设计技巧,接下来我将现场对这张海报进行“改造”,将其变成我认为更成功的版本。我先暂停一下,看看大家有没有什么突出的重大问题,或者关于我的音频或视频方面的问题。目前看来一切正常。
好的,我们继续。我将保留 PowerPoint,也就是我们的老朋友 PowerPoint。在演示过程中,我会在“修改前”和“修改后”之间来回切换,这样你们就能看到我是如何现场制作的。现在我切换到 BioRender。希望大家都以某种形式见过 BioRender。这是我的图库视图,虽然有点乱,但它展示了如今在 BioRender 中可以制作的各种图表类型。你可以制作幻灯片、细胞图、实验方案图等。为了让大家快速了解,我们还提供了 BioRender 模板。假设你有一张用 PowerPoint 5、6、7、12 或其他版本制作的旧海报,在学习了这些设计技巧后,你可能想对它进行一番美化。我还有幸宣布,今天我们为所有注册 BioRender 的用户推出了“Poster Builder”。如果你还没试过,我非常激动能向大家展示我们幕后努力的成果。
基本上,要使用 BioRender Poster Builder,只需创建一个新的海报文件,然后点击“Poster Builder”而不是“Illustration”。这真的很神奇。当我点击 Poster Builder 时,它会弹出一系列不同类型的海报模板。这非常神奇,涵盖了各种格式。你可以选择方形、横向或纵向。你还可以更改颜色,所以如果你有公司品牌色或机构品牌色,可以选择更合适的颜色。我们后续还会添加更多颜色,而且所有内容都是可编辑的。现在,我先使用“经典蓝”模板。让我们看看。
也许我就用这个经典的海报横向模板吧。好了,现在我进入了 BioRender。界面看起来可能有点不同,因为我们现在处于 BioRender Poster Builder 视图中,非常令人兴奋。这里的菜单有所不同,因为我们有意限制了一些选项,让你目前能专注于整个海报的设计,而不是单个图表。我将向大家展示在 BioRender 中创建海报的速度有多快,即使使用你 PowerPoint 幻灯片中已有的内容。我只需像这样复制粘贴,非常简单。而且我们已经为每个部分预设了我们认为合适的字体大小和参数。
对于标题,我们提供了非常美观的字体和字号选择,你甚至可以稍微调整间距。我们这里有一个很棒的作者和单位部分,因为你可能需要添加你的名字、合作者,以及你所属的学校或机构。我直接在这里复制粘贴,添加过程只需几秒钟。接下来,你可能需要添加徽标,比如你的公司或学校徽标。这里我用圭尔夫大学的徽标,我已经提前把它上传到了我的环境或图库中。所以我点击它,上传并添加我的徽标。它看起来有点奇怪,因为它有黑色背景,而我的设计是蓝色的。我不需要第二个图片,有些人可能需要添加 NIH 或其他资助机构的徽标,但我现在先把它删掉。
我要把标题颜色改成与这个黑色相匹配。如果我进入“样式和填充”,选择“取色器”选项,我可以直接提取颜色,使整体看起来协调统一。这样,海报看起来就已经很完整了。正如我提到的,对比度最高的地方最引人注目。所以现在我做了反向处理,让标题栏而不是页脚成为最吸引眼球的部分。
真的非常酷,编辑起来也非常简单。如果我想添加整段正文,我只需按下 Command+C 复制,然后直接粘贴到这个摘要部分。看到了吗?我所做的只是拖放一个内容块。也许我会把文字稍微缩小一点,然后再次使用我们的“两端对齐”功能。你可以看到,它很快就整合在一起了。添加图片也超级简单。我添加一个名为“图片”的内容块,直接拖放即可。你可以在这里看到它。BioRender Poster Builder 会问我你想把它放在哪里?你想把它放在这两个对象之间,或者这两列之间(虽然那样有点奇怪,但你可以这样做)。我把它添加到摘要部分。就这样,它自动放置了一个图片块,并关联了一个图片说明块。
所以如果我移动图片,这个小图注也会跟着移动,这太棒了,因为它们独立存在并没有什么意义,对吧?我复制粘贴我的图注。我不会制作整张海报,因为我在另一个标签页中已经预先做好了。所以我们稍后会快进,但我只是想展示构建这张海报是多么有趣和简单。我知道“有趣”和“制作海报”通常不会出现在同一个句子里。但我会上传一张我预先上传到 BioRender 文件中的图片。好了,非常简单。让我们看看结果。我想做的是制作一个完整的“结果”块,然后把“结论”和“参考文献”部分并排放在底部。好的,我们现场操作。在演示过程中现场操作总是有风险的,但我认为绝对值得。我还有一张图片,让我快速操作一下。添加图片,查看我的上传内容,就是这张。好了,非常简单。这一列基本填满了。为了完整起见,我们把它完成吧。
好了,基本完成了。我刚才说什么来着?我想把“结论”和“致谢”移到“结果”下方。操作就是这么简单。我正在拖动这一部分到“结果”下方,搞定。同样,把“致谢”移到这里,看,就像变魔术一样。我只是在移动各个部分,这在以前使用 Adobe Illustrator 和 PowerPoint 时是绝对不可能的。至于结果部分,你可以预见它同样非常简单。只需即插即用你已有的所有内容,直接放入 BioRender Poster Builder 即可。
关于这个引言部分,因为我们采用了黑白主题,徽标也是黑白的,我可能会把所有的章节标题都更新为黑色。你看,操作起来多简单。我只需点击小栏并更新颜色。就是这么简单,然后继续添加你的文字、图片,完成整张图表。另外,平移和缩放功能,我知道在 PowerPoint 中简直是噩梦。
在 BioRender 中,你可以非常轻松地缩放和平移。我实际上是按住 Alt 或 Option 键并滚动鼠标滚轮,就能非常流畅地缩放海报。这同样适用于 BioRender 图表。如果你在制作图表,可以轻松缩放,或者按下空格键,然后就能像这样轻松平移画布。我知道缩放海报是必要的折磨,因为文件太大了,你必须能够缩放。或者,你也可以点击“重置缩放”,并使用左侧或右侧的滑块进行缩放。这些就是 Poster Builder 的基本功能。你还可以包含一个 BioRender 图表。如果你已经制作了图形摘要、路径图或卡通图,你可以把它添加到你在 BioRender 中制作的海报里。
所以,如果这张图片不是这种树状图,你可以上传或替换成你之前制作的图表。好了,我基本上是通过从我的选项库中选择来添加它的。现在,你可以看到边缘是白色的,我不喜欢这样。我认为对于某些海报,你可能需要对实际的 BioRender 图表进行一些微调。所以我会在 BioRender 中打开这个图表。我是在 Poster Builder 和 BioRender 核心功能之间来回切换。但基本上,这是为了向大家展示你仍然可以在 BioRender 中同时做这两件事。我现在正在做的是——抱歉,我边做边说——我只是在调整图表的大小,以适应更宽的海报格式。我不会在这里浪费太多时间,但你可以随时回去微调你的图表。它会自动保存。
现在我需要回到我的海报,它不会自动更新,因为我可能不希望它自动更新,以防你在编辑时它会影响到海报的其他地方。我会用更新后的版本替换它,你会立刻看到。它会弹出来,神奇的是,你可以看到它现在有了更宽的格式。为了节省时间,我知道时间过得很快,我们玩得很开心。我将快进到这张海报的最终版本。同样,我只用了几分钟就把 PowerPoint 文件中的所有内容转移到了这个新的 BioRender Poster Builder 中。
好了,这就是更新后的版本。包含了所有的图表和一些说明文字。你可以看到我遵循了开头提到的所有设计原则:在海报各处留出间距、页边距和填充。正文与图注文字有所区别,正文稍大,图注稍小。我高亮了“结果”部分,在整个结果部分后面有一个淡淡的灰色阴影。这向读者传达了一个信息:这一部分可能很重要。到处都有这些蓝色的小线条。如果你想预览海报的效果,可以点击这个小预览按钮,它会生成海报的预览图。
最终当我准备打印时,我会给它一秒钟的时间来生成。这是一个大文件,所以请见谅,需要一点时间。好了,看起来非常不错。我认为栏目间距很合理,填充看起来也很好。我想展示的一点是,如果我想缩小或扩大栏目。看,一切重新对齐和格式化的过程是多么神奇。这就是我认为 BioRender Poster Builder 的魔力所在,所有这些内容的重新格式化是多么无缝。你可以看到,我不需要进去调整每一个文字框或图片框的大小,它会自动为我完成。
你可能遇到过这种情况:你在学校的海报活动或会议上展示了海报,然后去参加另一个活动时,他们告诉你现在需要方形格式,或者需要纵向格式(更长或更宽)。所以你必须进去调整画布大小,并调整所有内容以适应它。而使用 BioRender Poster Builder,只需点击一个按钮,它就会自动调整大小。你可能不相信我,所以我现场演示一下。我可以一键将这张海报自动调整为纵向格式。我在这里操作,尺寸是 48x36,我想要 36x48。看看现在会发生什么。通常情况下,这可能会变得一团糟。看,自动调整大小了。这功劳不属于我,是我们要么不起的工程和产品团队做到的。我只是有幸为各位演示。只需稍微调整一下,它基本上就准备好了。我的意思是,我可以直接打印出来,这比我手动完成 80% 的工作要好得多。自动将纵向调整为横向,我觉得这太疯狂了。
我甚至可以进去调整大小或删除内容。如果我想做点疯狂的事,比如我现在有这个空间,也许我想把“结论”和“致谢”移到海报的最下方。可以吗?大概可以,让我们看看。好了,非常简单。我觉得这简直是魔法。就像我说的,以前制作海报从来都不好玩,但现在你可以看到,你可以在这里修改所有的小部分,过程会非常愉快。根据需要进行微调,它会引导你完成整个过程。好了,就是这样。从横向到纵向,超级简单,并且能根据需要保持所有的页边距和填充。
让我们看看。我知道我的部分时间快到了。也许我暂停一下,看看有没有突出的问题。我认为我们的团队在回答问题方面做得非常出色。如果我不喜欢刚才的操作,我可以多次撤销。我们在 Poster Builder 和任何其他 BioRender 文件中都有非常酷的版本历史记录。所以你可以回到过去,回到某个时间点,撤销你所做的工作。如果你后悔了所做的设计决定。操作非常简单。你可以在这里看到,我正在撤销甚至格式化操作。所以你可以对任何海报或文件进行此操作。你可以看到,如果我回到图库,它会告诉我哪些文件是海报,哪些是常规的 BioRender 图表。哪些是这种多画布或幻灯片文件,这真的很棒,你也可以在这里看到预览。
接下来的一个小时里,我保证会分享一些非常实用的技巧,帮助您更好地整理文件,并与同事高效协作。试想一下,您可以与同事、实验室伙伴或团队成员实时共同编辑海报,直接让协作者参与到海报文件的制作中,从而大幅提升设计效率。具体的细节我就不展开了,留给后面的演讲嘉宾来介绍,但这些方法确实能让您在处理像 Poster Builder 这样的大型文件时,也能轻松开启协作。
好了,我想快速对比一下“之前”的版本——也就是那种难以编辑、操作繁琐的 PowerPoint 文件,以及我们全新的 BioRender Poster Builder。我先回到我之前提到过更喜欢的横向格式。打开版本历史记录,我可以看到我保存最终版本之前所做的所有修改的时间戳。正如我所说,如果我不喜欢当前的修改方向,完全可以“时光倒流”。点击版本历史记录或相应的时间戳(比如我上次编辑的时间是 1:34 左右),我可以复制该版本并将其打开。最棒的是,我不会丢失任何工作成果。大家不必再像使用 PowerPoint 时那样,被迫保存“版本 1、2、3、4……12”了。总之,这是在 BioRender 中追踪修改记录的绝佳方式,看,这就是刚才那个版本。
关于导出功能,我们目前仍在持续优化。我知道很多人习惯使用 300 DPI 的高分辨率文件,这通常也是大多数打印店的要求。目前我们支持 72 和 150 DPI。其实 150 DPI 的效果已经很不错了,完全能满足大多数打印需求,对于虚拟海报来说更是绰绰有余。不过,在接下来的几周内,我们将更新导出功能。所以,当您开始制作海报时,或许等我们完成这项功能更新,您就能直接导出超高分辨率的文件了。如果需要的话,您可以选择导出为 JPEG、PDF 或 PNG 格式,一切就准备就绪了。



