この図版、どっちが正解？見やすい図版作成のセンスを磨こう

3問目の答え：B

以上が私なりの解答です。

あなたがよいと感じた図版は、AとBどちらでしたか？

ではここからは、それぞれの作例のAとBで、何が異なっていたのか？を説明し、作例で用いられていたデザインテクニックについて紹介していきます。

1．図版の引き出し線と文字配置を揃えて整理する

まず、1問目から振り返っていきましょう。

私が選んだ答えは「B」でした。

Aは、引き出し線の角度がバラバラで、線と凡例（大陸名）との間隔も統一されていません。

一方でBは、引き出し線の角度が45度単位になるように揃えられており、線と凡例の間隔も均一です。

そのため、今回の正解は「B」としました。

【ポイント2】引き出し線の形状を調整する

引き出し線の端の形状を「丸形線端」にすることで柔らかい印象になります。

また、指している位置がわかりやすくなるように、矢印機能で先端に●を追加します。

2．データの意図に合ったグラフの種類を選ぶ

次に、2問目を振り返っていきましょう。

私が選んだ答えは「B」でした。

この問題のポイントは、「紙の出版が減り、電子書籍が伸びている」という変化の様子をわかりやすく見せられているかどうかです。

Aは、「紙」と「電子書籍」の金額を積み上げ、合計額をグラフの上部に配置しています。

年度ごとの全体ボリュームを把握するには向いていますが、それぞれの項目の推移（増減）を比較するには不向きな形です。

一方でBは、「紙」と「電子書籍」の推移を折れ線グラフで示し、市場全体の合計額を背面の棒グラフで表現しています。

折れ線グラフは、時間の経過とともに数値がどう動いたかの「流れ」を追うのが得意な形式です。

さらに、背面に合計額の棒グラフを置くことで、内訳の変化を邪魔することなく、市場全体の規模感も同時に伝えられます。

このように、個別の推移がひと目で比較でき、かつデータ全体の変化も正確に読み取れるため、今回は「B」を正解としました。

グラフの種類と使い分けの基本

データや数値を視覚的に表現するグラフには様々な種類があります。

まずは基本となる「棒グラフ」「折れ線グラフ」「円グラフ」の3つの用途を正しく理解することが、わかりやすい図版作りの第一歩です。

棒グラフ：項目ごとの「数量」を比べる

各項目の値がどれくらい違うのか、大きさや量の比較に適しています。

折れ線グラフ：時間の経過による「変化」を追う

数値が上がっているのか下がっているのか、推移や傾向を読み取るのに適しています。

円グラフ：全体に対する「割合」を示す

全体に対する各要素の割合を伝えるのに適しています。

グラフを作成する際は、データの性質に適した形式を選ぶのが原則です。

しかし、ルールに縛られすぎる必要はありません。

「このグラフで一番伝えたいメッセージは何なのか？」を常に念頭に置いて、今回の作例のように複数の形式を組み合わせるなど、「視認性のよさ」を最優先に使い分けることを意識しましょう。

3．凡例の配置と強調のバランスを整える

最後に3問目を振り返ってみます。

私が選んだ答えは「B」でした。

ポイントは、結論となる「日本の面積は全世界の0.3％」の見せ方です。

Aは、凡例（項目名と数値）をグラフの右側にまとめ、結論をグラフの下に大きく配置した形式です。

一見整理されているように見えますが、結論を確認したあとに「グラフのどこが日本だろう？」と、視線がグラフの内外を何度も往復することになり、読み手に負担をかけてしまいます。

なお、このようなグラフレイアウトを作成するには、クイズ2のようにグラフを作成した後にオブジェクトに分解して、凡例等を配置する必要があります。

一方でBは、凡例をグラフ内に直接配置し、さらに強調したい「日本 0.3%」の文字を他の項目より大きく表示しています。

視線の移動が最小限で済み、日本の割合が非常に小さいことを視覚的にも理解しやすいため、今回は「B」を正解としました。

グラフの役割は、数値を視覚化して「一瞬で理解してもらう」ことです。

掲載スペースが限られている誌面やwebでは、できるだけ目線の移動を少なくし、簡潔にレイアウトすることが求められます。

また、今回伝えたいのは、日本の面積の圧倒的な小ささです。

Aのように凡例が欄外にあると、読者はグラフの図形で割合を実感する前に、テキストとして結論を読んで満足してしまいます。

これでは、円グラフを使って表現する意義が薄れてしまいます。

ただし、強調したい項目が「ユーラシア大陸」のような大きな割合を占めていて、割合が視覚的に認識できるなら作例Aのデザインのほうが望ましいです。

グラフのレイアウトは、限られたスペースで情報を整理する必要があるため、細かな配慮が見やすさを大きく左右します。

スペースを考慮しつつ、見た目のルールを揃えるだけで、デザインの完成度はぐっと高まりますので、ぜひ意識してみてください。

まとめ：グラフは「読み解くストレス」を減らす設計を

今回は図版作成に関するクイズと、具体的なデザインテクニックを取り上げました。

最後に今回のノウハウのまとめです。

1．「見た目のルール」を揃えて整理する

引き出し線の角度を揃える、余白を一定にするといったルールを決めることで、デザインにまとまりが生まれ、情報の関連性が伝わりやすくなります。

2．データの「意図」に合った形式を選ぶ

「数量を比べるのか」「推移を見せるのか」など、伝えたいメッセージに合わせてグラフの種類やレイアウトを柔軟に使い分けましょう。