mcpField
S
scientific-schematics

scientific-schematics

github.com/jaechang-hits设计与 UI384112 次安装1 周前更新
代码仓库

关于 scientific-schematics

Scientific Schematics 是面向科研人员的生物示意图设计指南,适用于准备同行评审论文配图。它帮助选择图示类型和工具,并讲解构图、配色、无障碍设计及导出规范。

主要功能

  1. 01区分示意图类型及用途
  2. 02比较生物配图工具
  3. 03应用配色和无障碍指引
  4. 04规划构图与视觉层级
  5. 05准备并导出发表用图

适用场景

  1. 01规划生物机制图
  2. 02选择实验流程图的形式
  3. 03按期刊规格设计图形摘要
  4. 04检查示意图的无障碍性和印刷准备

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/jaechang-hits/sciagent-skills --skill scientific-schematics

安装后在 Claude Code 中输入/scientific-schematics确认已加载。

详细介绍

科学示意图

概述

科学示意图是用于展示生物学机制、实验设计或概念框架的说明性图示,与数据驱动型图示(图表、热图)不同。设计良好的示意图能让广大科学读者立即理解论文的核心概念,而设计不佳的示意图会令审稿人困惑,降低论文的影响力。本指南介绍同行评审出版物中生物学示意图特有的设计决策、工具选择、构图原则和无障碍标准。

核心概念

1. 示意图类型及其用途

并非所有示意图都承担相同的功能。选错类型会导致图示内容过多或说明不足。

类型用途关键元素示例
机制图展示分步发生的分子事件蛋白质、DNA、膜、表示因果关系的箭头CRISPR 切割、信号级联、转录因子结合
通路图展示网络中的关系节点(蛋白质/代谢物)、边(激活/抑制)、方向MAPK 信号传导、代谢通量、基因调控网络
实验流程图以图示展示实验方案编号步骤、表示设备/样本的图标、时间箭头单细胞测序流程、药物处理方案
图形摘要用 1 个面板概述整篇论文2–4 个关键发现、尽量少的文字、期刊指定尺寸Cell、Nature、PNAS 的图形摘要
结构图展示分子结构/构象带状结构、表面表示、活性位点蛋白质结构域示意图、配体结合口袋

判断规则:如果读者需要了解发生了什么以及事情发生的步骤,请使用流程图。如果读者需要理解为什么(因果关系),请使用机制图/通路图。如果读者需要在 30 秒内了解论文概要,请使用图形摘要。

2. 工具对比
工具最适合学习难度费用文件输出
BioRender快速绘制生物学示意图;内置图标库低订阅制(学术版约 $99/月;草稿免费)PNG、SVG、PDF(出版需要许可证)
Inkscape完整的矢量编辑;开源中–高免费SVG、PDF、PNG、EMF
Affinity Designer专业的矢量与栅格混合设计中一次性约 $55SVG、PDF、AFDESIGN
Adobe Illustrator行业标准;功能全面高约 $55/月SVG、PDF、AI、EPS
PowerPoint / Keynote快速起草;适合非科学领域人士低包含在 MS/Apple 套件中PNG(低分辨率)、PDF
draw.io / Lucidchart流程图、通路图低免费/订阅制SVG、PNG、XML
ChimeraX / PyMOL分子结构渲染中免费(学术用途)PNG、TIFF、视频

主要区别:BioRender 提供精选的生物学图标(细胞、蛋白质、仪器),在出版许可证下可达到出版质量并免版税。对于复杂的自定义图形,Inkscape(免费)或 Affinity Designer(付费)能提供更高的灵活性。

3. 生物示意图中的颜色使用

生物示意图中的颜色具有语义意义,必须保持一致。

常见的生物学颜色分配:

  • DNA:双螺旋使用蓝色/藏青色或灰色
  • mRNA:橙色或黄色
  • 蛋白质:颜色不固定;同一篇论文的所有图中,同一蛋白质家族应使用一致的颜色
  • 细胞核:浅灰色或蓝色填充
  • 细胞膜:棕褐色/米色双层
  • 线粒体:橙色
  • 溶酶体:红色/紫色

信号方向约定:

  • 箭头:激活(→ 实心箭头)、抑制(⊣ 平头线)、间接作用(- - →)
  • 箭头颜色编码:绿色 = 激活,红色 = 抑制,灰色 = 中性/背景信息

无障碍性:

  • 绝不要仅使用红绿色编码;应添加形状提示(✓/✗、实线/虚线)
  • 提交前使用 CVD 模拟器进行测试
  • 彩色背景上的文字对比度至少应达到 3:1
4. 构图与布局原则

视觉层次:最重要的元素应最大且位于最中央。辅助元素(标签、箭头、比例尺)在视觉上应处于次要地位。

元素间距:分组元素之间应保持一致的间距。图表过于拥挤会导致读者误判元素之间的关联。

箭头语义:每个箭头必须只表示一种关系。不要混用箭头来表示“导致”“引起”“物理结合”和“为……所必需”;应为每种关系使用不同的箭头样式。

文字精简:标签应仅使用名词短语(而非完整句子)。说明性文字应放在图注中,而不是图表本身。

决策框架

What is this schematic trying to communicate?
│
├── A sequence of experimental steps
│   └── → Workflow diagram
│       ├── Numbered panels or numbered arrows
│       ├── Icons for equipment (instrument, pipette, plate, animal)
│       └── Time axis or step axis
│
├── How a molecule works mechanistically
│   └── → Mechanism diagram
│       ├── Protein shapes (surface or cartoon)
│       ├── Conformational change arrows
│       └── Before/after state panels
│
├── How multiple components interact in a network
│   └── → Pathway diagram
│       ├── Nodes = proteins/metabolites (circles, rectangles)
│       ├── Edges = arrows (activation = →, inhibition = ⊣)
│       └── Compartment boxes (nucleus, cytoplasm, extracellular)
│
├── A single-panel paper summary
│   └── → Graphical abstract
│       ├── Check journal specifications (size, text policy)
│       ├── Show: question → approach → key finding → implication
│       └── Minimal text; max 3–4 panels
│
└── A 3D molecular structure
    └── → Structural diagram
        ├── Use ChimeraX, PyMOL, or RCSB PDB viewer for render
        ├── Annotate active site/binding pocket
        └── Add scale bar (Å or nm)
场景工具格式关键注意事项
第一作者论文,交稿时间紧BioRenderPDF/SVG最终提交需要出版许可
持续有示意图需求的实验室Inkscape + master templateSVG元素可重复使用;免费;不受供应商锁定
为 Cell/Nature 制作图形摘要BioRender 或 Illustrator按期刊规格的 PNG核实确切的像素尺寸和文字政策
涉及蛋白质结构的分子机制ChimeraX + InkscapePNG 渲染图 + SVG 标注使用 PDB 结构;标注关键残基
含有许多节点的通路图draw.io / CytoscapeSVG/PDF节点数 >20 的网络使用自动布局

最佳实践

  1. 使用任何工具前,先画草图:先在纸上绘制示意图。确定所需元素、它们的层级和空间关系。先打开软件会让布局决策受工具限制,而非由沟通目标决定。

  2. 绘制第一个面板前,先定义统一的视觉规范:在项目层面为每种生物实体类型指定颜色、形状和箭头样式,并将这些规范记录在图例或实验室样式指南中。一篇论文中的图表风格不一致,会显得粗心,也会让审稿人困惑。

  3. 使用期刊的图形摘要模板:所有高影响力期刊(Cell、Nature、PNAS、PLOS)都会发布图形摘要的确切尺寸、分辨率要求和字体规则。开始前先下载模板——事后调整大小会破坏纵横比,并使文字变得过小。

  4. 从矢量源文件导出符合出版分辨率的图表:始终从原始矢量文件(SVG、AI、AFDESIGN)以目标 DPI 导出最终图表,切勿使用截图或屏幕捕获。截图是屏幕分辨率(约 72 dpi)的栅格图;期刊要求 300–600 dpi。

  5. 在图注中标注箭头和连接关系,而不是放在示意图中:箭头标签(“激活”“磷酸化”“募集”)会增加杂乱感,降低示意图的可读性。将这些关系移至图注,并使用面板引用标签(A、B、C)。即使不读图注,示意图也应清晰易懂。

  6. 通过邻近、包围和颜色在视觉上归组相关元素:概念上相关的元素应彼此靠近、共享背景色,或置于边界框内。不要随意摆放元素——观看者会将空间邻近理解为彼此相关。

  7. 对源文件进行版本控制:将原始可编辑源文件(.svg、.afdesign、.ai、.brd)与论文一同存储在版本控制存储中。期刊经常会在修订期间要求修改图表,而从 PNG 重新制作非常耗时。

常见陷阱

  1. 同一张图中使用不一致的箭头样式

    • 问题所在:实线箭头和虚线箭头随意混用,会让读者不确定虚线表示“间接”“假设”,还是仅仅出于风格考虑。
    • 如何避免:定义箭头图例:实线箭头 = 直接激活,虚线 = 间接,平头线 = 抑制。在论文每张图的每个面板中始终保持一致。
  2. 单个面板塞入过多元素

    • 问题所在:包含 20 多个节点和 30 多个箭头的通路图,在宽度为 170 mm 的期刊插图中难以阅读。审稿人会要求简化,修改起来也很耗时。
    • 如何避免:将机制图面板限制在 ≤8 个元素。将复杂的通路背景移至补充图。正文示意图应聚焦于核心新发现。
  3. 未购买出版许可便使用 BioRender

    • 问题所在:使用免费或草稿许可创建的 BioRender 图片不得用于发表。未获得适当许可便提交,违反 BioRender 的服务条款,还可能导致稿件被拒。
    • 如何避免:在制作最终版图片之前购买出版许可。BioRender 会生成一条引用文本,必须将其纳入图注。
  4. 示意图中的文字在印刷尺寸下为 6 pt 或更小

    • 问题所在:通路节点或蛋白质图标中的标签,在出版尺寸下(单栏宽度为 85 mm)会变得难以辨认。审稿人会指出这一问题;修改时需要重新制作整张图。
    • 如何避免:从一开始就按印刷尺寸制作。在 Inkscape 中:将画布设置为 85 mm × 目标高度。标签的最小字号:按 100% 印刷比例计为 7 pt。
  5. 用红绿箭头表示激活与抑制,却不使用形状提示

    • 问题所在:约 8% 的男性读者有红绿色觉缺陷,无法区分表示激活的绿色箭头和表示抑制的红色箭头。
    • 如何避免:使用不同的箭头形状:→ 表示激活,⊣ 表示抑制。颜色只是冗余编码,不能作为唯一提示。
  6. 未经重新绘制,直接复制已发表论文中的示意图元素

    • 问题所在:未经许可复制已发表论文中的图片属于侵犯版权。这不仅适用于照片,也适用于示意图和图标。
    • 如何避免:使用 BioRender 的授权图标库、采用宽松许可的 Reactome 通路图(CC-BY),或使用 Bioicons(免费开源图标)。务必重新绘制,切勿截图。
  7. 结构图缺少比例尺

    • 问题所在:蛋白质结构渲染图没有比例尺,读者就无法判断结构域、配体或界面的相对尺寸。
    • 如何避免:使用 ChimeraX 的 scalebar 命令添加比例尺(例如,“10 Å”或“2 nm”),或在导出后于 Inkscape 中添加标注。

工作流

  1. 明确要传达的信息 — 用一句话说明示意图必须传达什么
  2. 在纸上打草稿 — 粗略布局、元素列表、箭头类型
  3. 选择工具 — 图标较多的生物学示意图用 BioRender;自定义矢量图用 Inkscape;结构图用 ChimeraX
  4. 将画布设为印刷尺寸 — 放置任何元素之前,先匹配期刊栏宽
  5. 分层构建 — 背景 → 结构元素(膜、细胞器)→ 蛋白质/分子图标 → 箭头 → 标签
  6. 应用视觉规范 — 按照实验室风格指南统一颜色、箭头样式和字体
  7. 进行无障碍检查 — 模拟色觉缺陷;测试灰度版本
  8. 从矢量源文件导出 — 导出为目标 DPI 的 PDF 或 TIFF(栅格图至少 300 dpi,线条图使用矢量格式)
  9. 归档源文件 — 将 .svg/.afdesign/.brd 提交到版本控制中,与稿件一并保存

协议指南

  1. BioRender 出版工作流:创建图 → File → Publish Figure → Generate Attribution → 将引用字符串复制到图注中。署名内容为:"Created with BioRender.com",并带有唯一的协议 ID。没有此署名,图就无法合法发表。
  2. Inkscape CMYK 安全工作流:Inkscape 原生不支持 CMYK。对于采用 CMYK 的期刊:使用 RGB 设计 → 导出为 PDF → 使用 Ghostscript(gs -sDEVICE=pdfwrite -dUseCIEColor)转换。转换后检查颜色。
  3. ChimeraX 蛋白质结构渲染:open 6YYT → graphics silhouettes true → lighting soft → saveimage figure.png width 2400 height 2400 → 在 Inkscape 中添加标注。
  4. 在 Inkscape 中组装多面板图:使用 Inkscape 扩展 → Grids → 按期刊栏宽设置列参考线。将每个面板作为链接 SVG 导入,以便单独更新面板,而无需重新制作合成图。

延伸阅读

相关技能

  • scientific-visualization — 数据驱动的图表(图形、热图),区别于说明性示意图
  • scientific-manuscript-writing — 图注写作及将示意图整合到论文中
  • latex-research-posters — 将示意图组装到海报版面中

评论

支持 Markdown