图文 | 投稿论文图形化摘要(Graphical abstract)绘制的十条规则
原创 Puul Puul 2024年08月17日 19:30 重庆
点个关注不迷路~
Puul思绪缕缕,星光耀目。33篇原创内容公众号
图形化摘要(Graphical abstract )
图形化摘要(Graphical abstract )是一种通过图形或图表的形式总结科研文章的核心内容的视觉摘要。它通常用于学术期刊、会议海报或在线数据库中,以便读者能够快速理解研究的关键点。图形化摘要通过简洁的视觉元素,如图像、图表、符号或简短的文字说明,快速传达研究的关键发现、方法或概念,提高科研成果的可视化程度,帮助读者在短时间内理解文章的核心内容,从而决定是否深入阅读。
图形化摘要也被称为“TOC(目录图)图像”或“Thumbnail views(缩略视图)”,在各个科学学科中越来越受到欢迎。科学期刊越来越多地要求作者在论文中提供图形化摘要,以吸引在线和社交媒体的观众。目前,Cell Press、Elsevier等出版机构在投稿时都通常要求提供图形化摘要,Nature、Wiley、Springer等出版机构则推荐并鼓励投稿时提供图形化摘要。
Cell Press的图形化摘要要求(https://www.cell.com/cell/authors#research)
Helena Klara Jambor和Martin Bornhäuse发表在PLOS COMPUTATIONALBIOLOGY上的《Ten simple rules for designing graphical abstracts》的文章提出了设计图形化摘要的 10 条简单规则。这10条规则分别为:①-③信息和关键视觉效果的基础决策,④-⑥设计布局,⑦文字和⑧颜色补充设计,⑨图形化摘要常用的工具和软件,⑩获得反馈的好处。此外,仍然建议投稿人根据自己的风格调整流程。这些规则基于对生物学家、临床医生、学生和资深科学家,以及共同为出版物和资助申请准备图形化摘要的实践经验。
图1 图形化摘要的演变过程。(A)草图; (B)快速的生物渲染草稿; (c)在图形软件程序中实现。
https://doi.org/10.1371/journal.pcbi.1011789
规则1:确定受众的核心信息
在开始设计图形化摘要之前,明确信息至关重要。该建议不仅适用于图形化摘要,也同样适用于制作易于理解且清晰的可视化结果。
明确核心信息的过程因人而异。有些人从在便利贴上涂鸦开始,有些人从关键视觉元素入手,还有些人通过反复缩短摘要至1或2句有力的句子来确定信息。理想情况下,该阶段已经应让共同作者参与并提供反馈(规则第10条)。最近的一些工具(如ChatGPT)可能有助于促进动态交流并提炼核心信息。
规则2:选择合适的图片和图标
图形化摘要中的每个视觉元素都至关重要。图形化摘要通常包括图标或符号,有时也包含显微镜图像、照片图像或数据(规则第5条)。图标可以手绘,但多数生物学家在创建图标时会使用如圆形、椭圆形和矩形等简单的形状。
对于通用图标,许多资源库提供简单图标:
PowerPoint:提供内置的图像和图标库,以及许多免费使用的预绘形状。
Fontawesome(https://fontawesome.com):是一个基于 Unicode 的图标库,可以作为字体安装到图形程序中,也可以作为完整的图标库下载,或者以单独的 SVG 图像下载。
Nounproject(https://thenounproject.com):是一个来源于各种设计师的大型图标库。提供种类繁多的图标,但可能风格不统一。这些图标格式包括 SVG 和 PNG,可以免费使用,但需要署名。
SVGrepo(https://www.svgrepo.com):是最大的 SVG 图标库,提供图标样式和外观的搜索功能,如颜色、圆角或尖角图标。
对于生物学和医学领域需要特定的图标,可以在以下资源库中获取:
Phylopic(https://www.phylopic.org/):提供许多动物、植物和其他模式生物的形状,例如用于系统发育树的图标。
EBI(https://www.ebi.ac.uk/style-lab/general/fonts/v1.3/):提供一些通用的科学图标。
Reactome(https://reactome.org/icon-lib):提供科学图标和化学图绘,供免费使用,并鼓励用户上传自己设计的图标与科学社区共享。
Smart(https://smart.servier.com/):是 Servier Medical Art 提供的免费医学绘图集合,可以下载为完整的幻灯片,并在使用时进行署名。
Bioicons(https://bioicons.com/):是一个不断扩展的生物学和实验室图标集合,从培养皿到模式生物都有,采用自由许可(CC0)。
Health Icons(https://healthicons.org/):是一个全球志愿者努力创建的图标库,涵盖许多专门的医学场景,采用创意共享许可(CC0)。
在图形化摘要中,所有图标应具有类似的整体外观,包括相同的线条宽度、配色方案和细节层次。
图2 (A) 所有使用的图标具有相似的整体外观(颜色、大小、设计);(B) 相同工作流程的图标具有不同的整体外观。
规则 3:使用适当的数据和图表
传统的图标有时可能无法充分传达关键信息,此时,需要在图形化摘要中包含数据或图表。当数据是医学图像、显微镜图像或照片时,它们可以在图形化摘要中不言自明,而数据图表则可以给读者留下深刻印象,应选择在短时间内能易于理解的图表类型。如条形图、饼图和折线图。
图3 常见的图表类型
当图形化摘要中需要表示特定方法时,可使用特定方法的图表作为视觉占位符。例如,t-SNE 图可以表示单细胞数据,红/绿热图可以表示微阵列数据,环形图则指示基因组学方法。然而,图形化摘要的读者不太可能深入了解这些复杂图形的细节。因此,应使用只包含少量数据点或类别的简化版本的图表,故而推荐使用数据可视化目录全面了解不同类型图表及其适当使用的方法(Data Visualization Catalogue,https://datavizcatalogue.com/)。
规则 4:设计合理的尺寸和布局
图形化摘要在布局时首先要考虑填充的空间。期刊网站上的图形化摘要通常为正方形显示,少数以矩形形式出现。在选择布局时,应考虑如何在有限的空间中最好地填充该区域,填满整行宽度可能是避免浪费宝贵空间的最佳选择。
图4 (A)不同的尺寸(B)及其与页面上的文本融合
规则 5:布局清晰的阅读方向
我们通常会从左到右、从上到下,按行或列进行阅读。因此,图形化摘要的所有元素也应沿着这一阅读顺序进行排列。对于具有明确起点和终点的线性过程,最适合从左到右的排列方式;对于循环事件,可以考虑使用环形布局;对于静态观察,可以考虑采用平行或嵌套布局。
图5 具有明确的开始和结束的图形化摘要的不同布局
规则 6:添加箭头连接元素
箭头是图形化摘要中的关键元素。通过箭头可以将文本、图标、图像和图表连接成一个连续的叙述或“故事线”,因此,箭头是解释性生命科学图形中最常见的图形元素。箭头可以加强阅读方向,也可以表示对该阅读方向的任何例外情况,由箭头支撑的清晰布局有助于阅读者快速定位到可视化内容。
在图形化摘要中,箭头有不同的外观和功能。箭头包括箭头符、带有圆形尖端或其他终端标记的线条,以及不带任何标记的线条。需要注意的是,单一类型的箭头可能传达不同的语义,而在许多学术领域,箭头也有专门的应用,例如在分子遗传学中表示转录起始位点的拐角/弯曲箭头。此外,箭头还可以表示各种运动,例如分子通过膜的过程和细胞在组织中的迁移。最后,箭头和线条也用于标注和引导注意力到特定结构或感兴趣的区域。当在一个图形化摘要中结合两种不同类型的箭头时,必须确保这些箭头在视觉上具有明显的区别并得到解释。
图6 (A)常见箭头类型(B)上下文中的箭头
即使有清晰的布局和箭头,图形化摘要有时也会显得过于复杂。设计原则将元素组织成相互关联的单元或“块”,从而增强信息传达并减少认知负担。“接近性”表明通过最小化页面上元素之间的物理距离可以将它们归类为一组。“相似性”描述了当元素共享共同的视觉属性时,它们会形成组群。例如,共享的颜色、图案或形状,即使元素之间没有接近的物理距离,也可能导致分组。“闭合性”规定在同一边界内的元素会被归类,这解释了设计模板中频繁使用方框的原因,值得注意的是,方框通常可以用空白空间代替,以达到类似的效果。“连续性”原则认为沿着一条隐形轴线排列的元素在视觉上会形成一个组群。“对称性”指出对称排列的元素看起来是分组的。这些设计原则有助于图形化摘要的设计。
规则 7:文本与视觉元素的融合
当没有合适的图片或图示使用时,可用文本还替代,尤其是特定的名称或术语,例如“乙酰胆碱”。虽然文本可以提供额外的解释,但务必保持标题和注释简洁,以增强科学文章的可读性和引用率。此外,文本可以作为图例发挥双重作用。可以在标题中使用与摘要中相关数据相同的色调进行标记。
规则 8:合理的选择颜色
颜色不仅可以吸引读者的注意力,还可用来突出重点、形成对比。研究人员在选择颜色时,应考虑它们是否能够清晰地传达信息并保持颜色的一致性,还应确保所选择的颜色对色盲是友好的。此外,即使是视觉能力健全的阅读者,他们对颜色和对比度的感知也会有所不同,因此应避免将颜色作为传达关键信息的唯一通道。
可以帮助选择颜色方案的工具:①Colorbrewer (https://colorbrewer2.org/) :可用于选择编码数值数据的颜色。②Paletton (https://paletton.com/) :通过使用色轮来帮助选择吸引人的颜色组合。
评估颜色的可读性:①使用网络工具(例如https://www.color-blindness.com/coblis-color-blindness-simulator)或调整显示器设置。②调整前景和背景颜色的对比度比例至少为4.5:1,WebAIM提供了一种工具(https://webaim.org/resources/contrastchecker/)来评估颜色组合。③保持足够高的分辨率。
图7 颜色可以在图形摘要中起到(A)突出显示、(B)编码数字()或显示自然外观的作用。
规则 9:图形化摘要的绘制工具
绘制图形化摘要的软件包括商业软件(如Adobe Illustrator、CorelDraw、Affinity Designer)、开源矢量设计软件(如Inkscape),基于网络的绘图软件(如Canva、Figma、BioRender、Mindthegraph),对于大多数图形摘要,PowerPoint也可以产生足够好的结果,尤其是在调整画布大小并将幻灯片导出为矢量图形(如PDF)时。保存图形摘要时,需确保图像没有被压缩,以防止像素化伪影。
规则10:在设计的前、中、后期获取反馈
图形化摘要应经过反复修正和调整,以避免常见的错误,如不清晰的阅读方向以及可视化中元素和风格的不一致性。可以在不同阶段积极寻求并整合反馈,《用数据讲故事》(Storytelling With Data)建议在每次会议中分配专门的时间讨论可视化内容。在设计图形摘要时,获取的反馈应该是具体的、有形的和以任务为导向的,寻求反馈的人应该明确提出自己的需求。可以观察专家或用户与图形化摘要的互动,也可以询问他们的意见来获得反馈,包括他们对布局和阅读方向的清晰度,箭头的含义,以及视觉元素和颜色的可理解性。
结论
虽然创建图形化摘要可能看起来像是额外的工作,且回报不大,但希望通过这10条规则,鼓励大家创建易于理解且精美的图形化摘要。对于希望教授图形化摘要制作的教育工作者,Agrawal 和 Ulrich 提供了练习模板和可下载的示例材料。Elsevier还提供了一个快速指南以及PowerPoint模板。如果需要灵感,可以访问英国医学杂志 (British Medical Journal) 主办的一系列信息图表网站 (https://www.bmj.com/infographics)。熟悉了图形化摘要的制作流程后,可以尝试不同的风格和形式。通常,期刊不会限制作者的创作,如艺术风格、漫画风格,甚至手绘的图形化摘要 。
Cell Press部分最新图形化摘要赏析(Volume 187 Issue 16)
https://doi.org/10.1016/j.cell.2024.06.001
https://doi.org/10.1016/j.cell.2024.05.058
DOI: https://doi.org/10.1016/j.cell.2024.06.024
DOI:https://doi.org/10.1016/j.cell.2024.05.057
DOI:https://doi.org/10.1016/j.cell.2024.06.016