デザインの4原則とインフォグラフィック

― なぜ“整っている図”は当たり前に伝わるのか ―

インフォグラフィックは、情報を減らしているはずなのに、
「とてもわかりやすい図」と「何を言っているのか伝わりづらい図」に分かれます。

どちらも要素は少なく、シンプルに見える。
それなのに、伝わり方には大きな差が出てしまう。

その違いは、センスではなく基本原則を守れているかどうかにあります。

デザインの4原則とは？

デザインの基本として広く知られているのが、いわゆる CRAP と呼ばれる4つの原則です。

近接（Proximity）

関係を距離で伝える
簡単に言うと　‥　より関連しているものを近くに置く

反復（Repetition）

ルールで安心させる
簡単に言うと　‥　同じものは同じ要素で繰り返す

整列（Alignment）

見えない線で理解させる
簡単に言うと　‥　キレイに並べる

対比（Contrast）

優先順位を作る
簡単に言うと　‥　一番伝えたいものを目立たせる

---

これはレイアウトのテクニックというよりも、
情報を整理し、伝わる形に変換するための思考ルールです。

そしてこの原則は、特にインフォグラフィックで強く効いてきます。

なぜインフォグラフィックは「簡単そう」で「難しい」のか

インフォグラフィックは情報を削ります。
装飾も減らします。
要素も最小限にします。

つまり、ごまかしが効きません。

要素が少ないからこそ、
この4原則が守られていないと、一瞬で伝わらない図になってしまいます。

インフォグラフィックに4原則を当てはめるとどうなるか

ここからは、工業系の工程説明や設備説明の図を例に考えてみます。

近接 × インフォグラフィック

これでは、何が関係しているのか全く伝わりません。

---

近くに置いただけで、「意味のあるグループ」に見えてきます。
部品、工程、関係性のある要素を近づけるだけで、
説明文がなくても「関係」が伝わります。

反復 × インフォグラフィック

同じ意味を持つものを、同じ形・同じ色・同じルールで表現する。

これにより、見る人は無意識に
「これは同じ種類の情報だ」と理解します。

反復は、図に安心感と秩序を与えます。

整列 × インフォグラフィック

情報はあるのに、なぜか読みづらい状態

---

揃えるだけで、台数や種類が一瞬で把握できる

---

整っていない配置では、視線が迷い、情報を数えるだけで疲れてしまいます。
整列させることで、分類や数量が自然と目に入ります。
揃えることは、見やすさではなく“理解の補助”なのです。

対比 × インフォグラフィック

数字、危険箇所、重要工程など、
最も伝えたい部分だけを強調する。

すべてを目立たせるのではなく、
一番伝えたいものだけを目立たせることで、意図が明確になります。

なぜ「整った図」は説明がいらないのか

4原則が守られているインフォグラフィックは、
説明を読まなくても内容が伝わります。

それは、デザインが装飾ではなく、
思考の整理結果になっているからです。

見る人は図を見ながら、自然と理解の順番で情報を受け取っています。

インフォグラフィックはセンスではなく設計で伝わる

「上手い」「かっこいい」とは別の話です。

描く前に、

• 何が関係しているのか
• 何を同じルールにするのか
• 視線をどう流すのか
• 何を一番伝えるのか

これを整理できているかどうか。

実はこれが、インフォグラフィックの出来を決めています。

だから工業系・工程説明で大きな差が出る

工業系の説明は情報量が非常に多くなります。
そのまま描くと、見る人は理解できません。

だからこそ、

削る力と
基本原則を守る力

が必要になります。

ここができていないと、
「しっかり説明したのに伝わらない」状態になってしまいます。

まとめ

インフォグラフィックが伝わるかどうかは、
特別なテクニックではありません。

デザインの4原則という、
とても基本的なルールを守れているかどうか。

整っている図は、当たり前に伝わります。
それは偶然ではなく、基本を踏まえた設計が伝える力を生み出しています。

このような図解・インフォグラフィック•アニメーション制作が可能です