デザインが素人っぽく見える本当の理由は「等間隔」だった【近接の法則】
[CHATGPT_SETTINGS: aspect_ratio=“16:9”]
チラシや名刺、SNS投稿の画像を作るとき、一生懸命レイアウトを整えているのに「なんか素人っぽいな…」と感じたことはありませんか？ フォントを変えても、色を調整しても、どこかピンとこない。実はその「モヤっと感」の正体、ほぼ間違いなく要素の並べ方にあります。今日は、非エンジニアでも今すぐ使えるデザインの基本法則「近接の法則」をわかりやすく解説していきます。
[CHATGPT_SETTINGS: aspect_ratio=“16:9”]
整列しているのに、なぜか伝わらないデザインの正体
「ちゃんと揃えているのに、なぜかダサく見える」
これ、デザイン初心者がほぼ全員通る壁です。正直に言うと、私も最初はそうでした。
要素をグリッドに沿って均等に並べる。余白もすべて同じ幅にする。一見きれいに見えるはずなのに、仕上がりを見るとどこか「情報がぼやけている」感じがする。何が重要なのか、どこから読めばいいのか、見た人がわからなくなってしまうんですよね。
これは**「等間隔病」**とも呼ばれる現象です。すべての要素を均等に並べることで、逆に「どの情報も同じ重要度」に見えてしまいます。その結果、視線が迷子になり、読者はストレスを感じて離脱してしまうのです。
SNS用の画像、ブログのサムネイル、副業で受けたデザイン案件のチラシ。どれも同じ問題が起きやすい。せっかく時間をかけて作ったのに、伝わらないのは本当にもったいないことです。
私も全要素を均等に並べて「読めないデザイン」を作った
「要素を全部均等に並べているのに、なぜか素人っぽさが抜けない」という等間隔病の悩みが多く見られます。整列しているはずなのに仕上がりがパッとしない、という声が目立ちます。
副業でバナー制作を始めた頃、私は名刺デザインの依頼を受けました。依頼者の情報（名前・肩書き・電話番号・メール・SNSアカウント・住所）をすべてCanvaに入力して、きれいに均等配置。「整ってる！」と思って納品したら、フィードバックが来ました。
「どこに何が書いてあるか、パッと見でわからない」
冷や汗が出ました。情報を詰め込んで均等に並べた結果、名前も電話番号も住所も、全部が「同じ重さ」に見えてしまったんです。どれが大事な情報かが視覚的に伝わらない、読みにくいデザインになっていました。このとき初めて、「整列＝正解」ではないことを痛感しました。
[CHATGPT_SETTINGS: aspect_ratio=“16:9”]
「近接の法則」を知れば、グルーピングで情報が伝わるようになる
「法則を知っても、結局センスがある人しか使いこなせないんじゃないか」という疑念の声があります。デザインは才能があってはじめてできるもの、というイメージが根強いようです。
そのときに出会ったのが、Webデザインの基本原則のひとつ「近接の法則（Law of Proximity）」です。
ひとことで言うと、「関連する要素は近くに置き、関係ない要素は離して配置する」 というルールです。
たとえば名刺で考えてみましょう。
- 「名前」と「肩書き」は関連性が高いので近くに配置する
- 「連絡先（電話・メール）」はまとめてグループにする
- 「SNSアカウント」は連絡先グループとも少し離して配置する
これだけで、見た人の脳が自然に「ここは名前のエリア」「ここは連絡先のエリア」と情報を整理してくれるようになります。
ステップ1：要素を「グループ」に分ける
まず、掲載したい情報をすべて書き出して、「どの情報が仲間同士か？」を考えます。
- 見出しと補足説明 → 同じグループ
- ボタンとボタンの説明テキスト → 同じグループ
- 全然関係ない情報 → 別グループとして離す
ステップ2：グループ内は「狭い余白」で固める
同じグループに属する要素は、間隔を狭くして「これは仲間ですよ」というシグナルを出します。行間や要素間のマージンを小さめに設定しましょう。
ステップ3：グループ間は「広い余白」で区切る
別グループとの間は、グループ内よりも余白を大きくとります。この「余白の差」こそが、近接の法則の核心です。余白は「飾り」ではなく「情報の区切り線」として機能します。
ステップ4：均等配置の誘惑に抵抗する
ツールの自動整列機能は便利ですが、「均等配置」を使うと等間隔病になりやすいです。グループ内とグループ間で意識的に余白の大きさを変えることを習慣にしましょう。
実例で確認してみよう
ブログのサムネイル画像を例に考えます。
[CHATGPT_SETTINGS: aspect_ratio=“16:9”]
Before（等間隔配置）
- タイトル文字・サブテキスト・著者名・日付がすべて同じ間隔で並んでいる
- → どれが一番重要なのか目が迷う
After（近接の法則を適用）
- タイトル文字とサブテキストをグループ化して近くに配置
- 著者名と日付を別グループとして下部にまとめ、タイトルグループとは大きめの余白をとる
- → 「タイトルエリア」「著者情報エリア」が一目でわかる
たったこれだけで、デザインの「伝わる力」が大きく変わります。
「センスがなくても使いこなせるの？」という疑問に答えます
「要素を詰め込んで均等配置したら、どれが大事な情報かわからないデザインになった」という失敗体験が共有されています。チラシや名刺を作ったときに情報を詰め込んだ結果、読みにくくなったという声です。
ここで正直に言わせてください。
「法則を知っても、センスがある人しか使いこなせないんじゃないか」という疑念、すごくよくわかります。デザインって才能が必要なものだと思われがちですよね。
でも、近接の法則はそうじゃないんです。
この法則の本質は**「ルール」**であって「感覚」ではありません。グループ内の余白はXpx、グループ間の余白はY px（グループ内の2倍以上が目安）と決めてしまえば、センスに頼らずに実行できます。
むしろセンスがある人が無意識にやっていることを、言語化・ルール化したのが近接の法則です。つまり、センスがなくても再現できる手順があるということ。私自身、美術の授業で毎回3に近い成績でしたが、このルールを知ってから副業のデザイン案件をこなせるようになりました。センスより先に、法則を覚えることで十分スタートできます。
[CHATGPT_SETTINGS: aspect_ratio=“16:9”]
今日から使える「近接の法則チェックリスト」
デザインを作ったら、以下の3つを確認する習慣をつけてみてください。
✅ チェック1：関連する情報はグループにまとまっているか？ → 名前と肩書き、見出しと説明文など、「仲間」は近づける
✅ チェック2：グループ間の余白はグループ内より大きいか？ → 余白の「差」があるほど、情報が整理されて見える
✅ チェック3：全要素の間隔が均等になっていないか？ → 均等ならばグルーピングし直す合図
この3つを毎回チェックするだけで、デザインのクオリティは着実に上がっていきます。副業でデザイン案件を取る方も、自分のブログやSNS用に画像を作る方も、ぜひ今日から試してみてください。
まとめ：「等間隔をやめる」だけでデザインは変わる
ここまで読んでくださって、ありがとうございます。今回の内容を整理します。
- 等間隔病が「素人っぽさ」の正体。すべてを均等に並べると、情報の優先度が消える
- **近接の法則は「関連するものは近く、無関係なものは離す」**というシンプルなルール
- グループ内は余白を狭く、グループ間は余白を広く。この**「余白の差」**が鍵
- センスは後回しでOK。ルールに従えば再現できる
デザインは、才能がある人だけのものではありません。法則を知って、実際に手を動かした人が上手くなっていくものです。完璧なデザインを目指すより、まず一枚作ってみること。その小さな一歩が、副業での差別化につながっていきます。
この記事が役に立ったと感じたら、ぜひフォローして最新記事を受け取ってください。デザイン・AIツール・副業に役立つ情報を定期的に発信しています。また、「こんなデザインで悩んでいる」「ここがよくわからなかった」など、コメントで気軽に質問・感想を送ってもらえると嬉しいです。一緒に少しずつ前進していきましょう！