見やすい相関図を作る5つのデザインテクニック
相関図を作ったけど、なんだかごちゃごちゃして見にくい…。そんな経験はありませんか?ちょっとした工夫で相関図の見やすさは劇的に改善します。この記事では、プロっぽい見た目の相関図を作るための5つのテクニックを紹介します。
テクニック1: 色でグループ分けする
🎨 色は「分類」のために使う
色を「好きだから」ではなく「意味があるから」使うのがポイント。同じ陣営、同じ家族、同じ部署のメンバーには同系色を割り当てましょう。
相関図における色は、装飾ではなく情報伝達の手段です。理想的な色の使い方には以下のパターンがあります。
- 対立構造: 主人公側を青、敵側を赤にする(誰でも直感的に理解できる)
- 家系図: 父方を青系、母方をピンク系にする
- 組織図: 部署ごとに色を変える(開発=青、デザイン=ピンク、営業=緑など)
全員バラバラの色。「なぜこの色?」がわからない。
同じグループは同系色。色を見ただけで所属がわかる。
テクニック2: 空間を意識してレイアウトする
📐 「近い=関係が深い」を視覚的に表現
関係が深い人物は近くに、薄い人物は遠くに配置。これだけで情報が一気に伝わりやすくなります。
人間の脳は「近くにあるものは関連がある」と自然に解釈します。この原則を活用しましょう。
- 恋愛関係: カップルは隣り合わせに配置
- 対立関係: 対立する人物は図の反対側に配置
- 中心人物: 物語の主人公や組織のキーパーソンは図の中央に配置
- 周辺人物: 関係性が少ない人物は端に配置
自動整列機能を使うと人物が円形に均等配置されますが、これはあくまで出発点。自動整列後に手動で微調整すると、より意味のあるレイアウトになります。
テクニック3: ラベルは「動詞形」にする
✏️ 短く、方向性がわかるラベルを
「友達」よりも「慕っている」「信頼している」のように、動詞形にすると関係の方向性と温度感が伝わります。
関係性のラベルは相関図の「声」です。ラベルの質が相関図の質を決めるといっても過言ではありません。
「友達」「知り合い」「関係あり」
→ 曖昧で情報量が少ない
「幼なじみ」「密かに想う」「ライバル視」
→ 関係の質と方向性が伝わる
特に双方向の関係性(AからBとBからAで異なるラベル)を使うと、片思いや一方的なライバル意識など、複雑な感情を表現できます。
テクニック4: 人数を制限する
🔢 最適な人数は5〜10人
人数が増えるほど線が交差して読みにくくなります。10人を超えたら分割を検討しましょう。
相関図の見やすさと人数は反比例します。人数が増えると線の数は加速度的に増えるからです(n人でn×(n-1)/2通りの組み合わせ)。
人数が多い場合の対処法は以下の通りです。
- グループ単位で分割: 「A家の家系図」「B家の家系図」のように、グループごとに別の相関図を作る
- フェーズで分割: 「第1章の相関図」「第2章の相関図」のように、時期で分ける
- 主要キャラに絞る: 関係性が1つしかない端役は思い切って省略する
テクニック5: 画像を活用する
📸 顔がわかると記憶に残る
人物に画像を設定すると、色のアイコンよりも直感的に「誰が誰か」がわかります。
当ツールでは各人物にアバター画像をアップロードできます。ドラマの登場人物なら俳優の顔写真(個人利用の範囲で)、オリジナルキャラクターならイラストを設定すると、相関図のわかりやすさが格段に上がります。
画像がない場合でも、色とイニシャルの組み合わせで十分区別できるようにデザインされていますが、画像があると特にSNSシェア時の見栄えが大幅にアップします。
ボーナス: 保存形式を使い分ける
相関図の用途に合わせて、保存形式を使い分けましょう。
- SNS投稿: X(Twitter)やLINEのシェアボタンを使う → OGP画像が自動生成される
- プレゼン・印刷: 「画像として保存」→ 3倍解像度のPNG画像がダウンロードされる
- 編集を続ける: そのままブラウザを閉じる → 次回アクセス時に自動で復元される
まとめ
見やすい相関図を作る5つのテクニックをまとめると、色でグループ分け、空間で関係性を表現、ラベルは動詞形で具体的に、人数は10人以下に抑え、画像を活用する、ということです。
どれも難しいテクニックではなく、意識するだけで結果が変わります。ぜひ次に相関図を作る時に試してみてください。
テクニックを実践してみよう!
関係図メーカーでデザインを試す