scientific-schematics

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	ベクターとラスターを組み合わせたプロ向け編集	中	買い切りで約$55	SVG、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. 構成とレイアウトの原則

視覚的階層：最も重要な要素を、最も大きく、最も中央に配置します。補助的な要素（ラベル、矢印、スケールバー）は、視覚的に目立たないようにします。

要素間の間隔：グループ化した要素の間隔を一貫して保ちます。図が混み合っていると、要素間の関連性を読者が誤解する原因になります。

矢印の意味：各矢印が示す関係は1つだけにします。「～につながる」「～を引き起こす」「物理的に結合する」「～に必要である」という意味に同じ矢印を使い回さず、それぞれに異なる矢印のスタイルを使用します。

テキストの最小化：ラベルは名詞句のみとし、完全な文にはしません。説明文は図そのものに入れず、図のキャプションに移します。

判断の枠組み

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)

シナリオ	ツール	形式	主な考慮事項
初著者の論文原稿を短期間で仕上げる	BioRender	PDF/SVG	最終提出には出版ライセンスが必要です
模式図を継続的に必要とする研究室	Inkscape + マスターテンプレート	SVG	要素を再利用可能。無料。ベンダーロックインなし
Cell/Nature向けのグラフィカルアブストラクト	BioRenderまたはIllustrator	ジャーナル指定のPNG	正確なピクセル寸法とテキストに関する規定を確認します
タンパク質構造を含む分子メカニズム	ChimeraX + Inkscape	PNGレンダリング + SVG注釈	PDB構造を使用し、重要な残基に注釈を付けます
ノードが多い経路図	draw.io / Cytoscape	SVG/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 → 引用文字列を図の凡例にコピーします。帰属表示には、一意の合意 ID とともに「Created with BioRender.com」と記載されます。これがない場合、図を合法的に公開できません。
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 の拡張機能 → グリッドを使用し、ジャーナルのカラム幅に合わせて列ガイドを設定します。各パネルをリンクされた SVG としてインポートすると、合成図を作り直さずにパネルごとに更新できます。

参考資料

• BioRender の科学コミュニケーションガイド — 生物学アイコンの使用方法とレイアウトに関するチュートリアル
• データ視覚化の基礎 — Wilke（オープンアクセス） — キャプションの書き方と図の構成に関する原則
• Bioicons — あらゆるツールで使用できる、無料の CC ライセンス付き生物学アイコン
• Reactome のパスウェイ図 — 自由に再利用できる（CC-BY）キュレーション済みパスウェイの模式図
• NIH の図に関するガイドライン — PMC に図を提出する際の書式要件
• よりよい図を作成するための 10 のシンプルなルール（Rougier ほか、PLOS Comp Biol、2014） — 査読済みのデザインガイドライン

関連スキル

• scientific-visualization — データに基づく図（グラフ、ヒートマップ）。イラスト形式の模式図とは異なります
• scientific-manuscript-writing — 図の凡例の作成と、論文への模式図の組み込み
• latex-research-posters — ポスターのレイアウトへの模式図の組み立て