関係図の書き方ガイド：目的別テンプレートと作成のコツ

「関係図を作りたいけど、何から始めればいいかわからない」「どう書けば見やすくなるのか知りたい」——そんな方のために、関係図の書き方を目的別のテンプレートとともに解説します。ドラマのキャラクター整理、チームの組織図、家系図など、用途に合わせた作り方がわかります。

関係図とは？

関係図（かんけいず）とは、人や物事の間にある関係性を、線や矢印で結んで可視化した図のことです。「相関図」「人物関係図」「人物相関図」とも呼ばれ、基本的にはすべて同じものを指します。

関係図を作るメリットは大きく3つあります。

• 全体像を俯瞰できる：複雑に絡み合った関係を一目で把握
• 構造の問題が見える：繋がりの偏りや抜け漏れを発見
• 他人に説明しやすい：文章より圧倒的にわかりやすく共有

関係図の基本構成要素

どんな関係図も、以下の3つの要素で成り立っています。

目的別テンプレート

関係図は目的によって最適な構成が異なります。以下に代表的な4パターンを紹介します。

テンプレートの選び方に迷ったら

4つのテンプレートのどれを使うか迷ったら、次の3つの質問で選べます。

1. 登場人物は実在する人か、架空の人物か？ 実在なら「家系図」か「プロジェクトチーム」、架空なら「ドラマ・映画」か「小説・創作」を選びます。
2. 関係に上下（指示・血縁）があるか、横並び（友人・恋愛）が中心か？ 上下関係が中心なら家系図やチームのように縦方向に配置し、横並びが中心ならドラマ・創作のように中心人物から放射状に配置します。
3. あとで人数が増える見込みはあるか？ 増える予定があるなら、最初から余白を広めに取れる「小説・創作」テンプレートをベースにするのがおすすめです。あとから人物を追加しても配置が崩れにくくなります。

迷ったときは、どれか1つを選んで作り始めて問題ありません。相関図メーカーは後からテンプレートを変更したり、人物・関係を自由に追加・削除できるため、途中で構成を変えるコストはほとんどかかりません。

作例で見る：配置の良し悪し

同じ5人・同じ関係でも、配置次第で読みやすさは大きく変わります。「ドラマ・映画テンプレート」を例に、配置を変えるとどう変わるかを見てみましょう。

[図: Before例 — 5人が追加した順に並び、ライバル線と片思い線が中央で複数回交差している状態]

Before：人物を追加した順にそのまま並べただけの状態です。ライバル同士の線と片思いの線が交差し、どの矢印がどの人物から出ているのか一見でわかりません。

[図: After例 — 主人公を中心に配置し、対立するライバルを反対側に離した状態]

After：主人公を中心に置き、関係が深いヒロイン・親友・師匠を近くに、対立するライバルを反対側に離しただけで交差が半分以下になりました。相関図メーカーのツールバーにある「整列する」ボタンを押すと、関係性を考慮した配置がまず自動生成されるので、これを叩き台にして人物を数人動かすだけでこのAfterに近づけられます。

関係図の書き方：実践5ステップ

Step 1：目的を決める

「誰に見せるための図か」を最初に決めます。自分用のメモなのか、SNSでシェアするのか、プレゼンで使うのかで、必要な情報量や見せ方が変わります。

Step 2：人物を選ぶ

入れすぎは禁物。10人以下を目安に、関係性がある人物だけを選びます。多い場合はグループ別に分割して複数の関係図を作るのが賢い方法です。

Step 3：関係性を定義する

人物のペアごとに関係を決めます。全てのペアに関係がある必要はありません。主要な関係だけを線で結びましょう。

Step 4：配置を決める

以下の原則に従うと見やすくなります。

• 中心人物を図の真ん中に置く
• 関係が深い人物は近くに配置
• 対立関係は図の反対側に配置
• 同じグループは同系色にする

Step 5：保存・共有する

用途に合わせて出力形式を選びます。

• SNS投稿：シェアボタンでOGP画像付きで投稿
• プレゼン・印刷：高解像度PNG（3倍解像度）でダウンロード
• 後で編集：ブラウザを閉じるだけ（自動保存されます）

よくある失敗とその対策

失敗1：全員を1枚に詰め込む

20人以上の関係図は、プロでも読みにくくなります。「主要キャラ相関図」「サブキャラ相関図」のように分割しましょう。

失敗2：線が交差しすぎる

自動整列機能でまず円形に配置し、その後手動で「関係の深い人物を近づける」調整をすると、交差を減らせます。

失敗3：色に意味がない

全員バラバラの色だと、色が情報ではなくノイズになります。「同じグループ＝同系色」のルールを守ると、色を見ただけで所属がわかる図になります。

失敗4：一方通行の関係しか作らない

「Aさんは大和が好き」だけでなく「大和はAさんをどう思っているか」も別の矢印で追加すると、片思いなのか両想いなのかが図だけで伝わります。相関図メーカーでは、AからBへの関係とBからAへの関係を別々のラベルで登録できるので、この非対称性を積極的に活用しましょう。

関係図作成におすすめの無料ツール

当サイトの「相関図メーカー」なら、登録不要・アプリ不要で、ブラウザだけで関係図を作成できます。

• ドラッグ&ドロップで直感操作
• テンプレートからワンクリックで開始
• 双方向の関係性に対応
• 高解像度画像保存 & SNSシェア
• データはブラウザに保存（サーバー送信なし）

まとめ

関係図を書くコツは、目的を決める → 人物を絞る → ラベルは短く → 色でグループ分け → 配置を調整の5ステップ。目的に合ったテンプレートを使えば、初めてでも5分で見やすい関係図が完成します。