【保存版】デザインが劇的に変わる4つの基本原則（近接・整列・反復・対比）

「なんとなくダサい」「見づらい」「最後まで読まれない」
デザインをしていると、こんな悩みにぶつかることはありませんか？

実は、こうした“惜しいデザイン”の多くは、センスの問題ではありません。
ほとんどの場合、「デザインの基本ルール」を知らないだけ、または意識できていないだけなのです。

この記事では、デザイン初心者でもすぐに使える4つの基本原則を、
Before / Afterが1枚にまとまった比較画像と一緒に解説します。
バナー、SNS画像、ブログ図解、チラシなど、ジャンルを問わず使える考え方です。

以下の中にひとつでも当てはまるものがあれば、ぜひこの記事を読んでみてくださいね！

まず覚えるのはこの4つだけ

デザインが苦手な人ほど、「配色」や「フォント」から考えがちですが、
実はその前に意識してほしいのが、次の4つの原則です。

この4つを知っているだけで、「なぜダサく見えるのか」「どう直せばいいのか」が、
自分で説明できるようになります。

近接とは、「意味が同じグループのものは、近くに置く」という考え方です。
人は、近くにあるものを自然と同じ仲間だと判断します。

逆に、関係ある情報が離れていると、「これはどれの説明？」と迷わせてしまいます。
読む側に余計なストレスを与えてしまうのが、近接ができていないデザインです。

近接：関係ある要素を近づけるだけで、理解しやすさが大きく変わる。

枠線や色で区切らなくても、余白（距離）だけで整理できるのが近接の良いところです。

整列は、デザイン全体に安心感と読みやすさを与える原則です。
文字や要素のスタート位置がそろっていないと、視線が左右に動き、読むのが疲れてしまいます。

整列ができているデザインは、「なんとなくきれい」「ちゃんとしている」と感じられやすいのが特徴です。

整列：左揃えに統一するだけで、目線がスムーズに流れる。

整列は「デザインが苦手な人ほど、効果を実感しやすい原則」です。

反復は、デザインに統一感とリズムを生み出す原則です。
フォント、色、見出しの形などが毎回違うと、ページ全体が散らかった印象になります。

「変化をつけなきゃ」と思って変えすぎると、逆に読みにくくなることも多いです。

反復：見出しの型や色をそろえるだけで、全体がまとまる。

反復は「何かを足す」原則ではなく、変えないことを決める原則です。

対比は、「ここを見てほしい」「ここが一番大事」というポイントを、
視覚的にはっきり伝えるための原則です。

すべてが同じ大きさ・同じ色だと、逆にどこも目立たなくなってしまいます。

対比：主役を1つ決めて、サイズや色で差をつける。

対比は「引き算の考え方」。
目立たせたい所以外は、あえて目立たせないのがコツです。

デザインが完成したら、すぐに色やフォントを変えたくなりますが、
実はその前に、「構造が正しいか」を確認することがとても大切です。

次の4ステップは、見た目ではなく「伝わり方」を整える順番になっています。
上から順にチェックしていくことで、ムダな修正を減らしながら、確実にデザインを良くできます。

近接：関係ある情報は、きちんと近くにまとまっている？
まずは「どれとどれがセットか」を整理します。
ここがズレていると、どれだけ見た目を整えても、分かりにくいデザインになります。
整列：文字や要素の位置は、見えない線でそろっている？
情報のグループが決まったら、次は位置をそろえます。
そろっていないだけで、読む人は無意識に「雑な印象」を受けてしまいます。
反復：フォント・色・見出しの型は統一されている？
次にチェックするのは「ルールが守られているか」。
毎回ちがう見せ方をしていないか、全体を見渡して確認しましょう。
対比：一番伝えたいところは、ちゃんと目立っている？
最後に、「ここだけは見てほしい」ポイントを確認します。
主役が決まっていないと、どこも目立たないデザインになってしまいます。