デザインの4原則とは？近接・整列・反復・コントラストを初心者向けにやさしく解説

「自分で作ったバナー、資料やスライドのデザインが、なんだかダサく見える…」

そんな経験はありませんか。

実はそれ、センスの問題ではなく「4つの原則」を知らないだけかもしれません。

デザインには、プロが自然と使っている「近接・整列・強弱（コントラスト）・反復」という基本ルールがあります。

この4つを意識するだけで、資料もWebページも見違えるほど整って見えます。

この記事では、デザインの4原則を初心者の方にもわかりやすく、一つずつ解説します。

この記事の対象読者

• 資料やスライドがなんとなく垢抜けないと感じている方
• デザインを基礎から学びたい初心者の方
• 「センスがない」と思い込んでいる方
• Webページやチラシを自分で作る機会がある方

そもそもデザインの4原則とは？

デザインの4原則とは、見やすく整った見た目をつくるための「近接・整列・反復・コントラスト」という4つの基本ルールです。

デザインの入門書などで広く紹介されている、いわばデザインの土台となる考え方です。

難しい知識は必要ありません。

この4つを「知っているか」「意識しているか」だけで、仕上がりは大きく変わります。

それでは、一つずつ見ていきましょう。

①近接：関連するものは近づける

1つ目は「近接」です。

これは、関連する要素どうしを近づけてグループにするという考え方です。

たとえば、見出しとその説明文が離れていると、どれがどの説明なのか分かりにくくなります。

関係が深いものを近くに、関係が薄いものは離す。

それだけで、情報の「かたまり」がひと目で伝わるようになります。

②整列：見えない線でそろえる

2つ目は「整列」です。

要素の位置を見えない線に沿ってきれいにそろえると、全体が引き締まって見えます。

文字の頭（左端）をそろえるだけでも、ぐっと整った印象になります。

逆に、要素の位置がバラバラだと、それだけで雑然とした印象を与えてしまいます。

「なんとなく置く」のではなく、基準の線を決めてそろえるのがコツです。

③強弱（コントラスト）：メリハリをつける

3つ目は「強弱（コントラスト）」です。

これは、要素どうしにはっきりとした差（メリハリ）をつけるという考え方です。

いちばん伝えたい部分を大きく・太く・目立つ色にすると、視線が自然にそこへ向かいます。

文字サイズや色の差が小さいと、どこが大事なのか分からず、のっぺりした印象になります。

「差をつけるなら、思い切って大きく」が、コントラストを効かせるコツです。

④反復：ルールをくり返す

4つ目は「反復」です。

色・書体・余白・あしらいなどのデザインのルールを、全体でくり返して使うという考え方です。

見出しの装飾やフォントをページ内で統一すると、それだけで一貫性が生まれます。

ページごとにバラバラのデザインだと、読み手は無意識に「まとまりのなさ」を感じてしまいます。

同じルールをくり返すことが、プロっぽい統一感への近道です。

4つをまとめて使うのがコツ

ここまで4つの原則を見てきましたが、大切なのはどれか1つではなく、4つを組み合わせて使うことです。

関連するものをまとめ（近接）、位置をそろえ（整列）、ルールをくり返し（反復）、大事な部分を目立たせる（コントラスト）。

この4つが自然にできるようになると、あなたのデザインは一段とプロらしくなります。

まずは手元の資料を、この4つの視点で見直してみましょう。

まとめ

デザインの4原則は、「近接・整列・強弱（コントラスト）・反復」の4つです。

どれも特別な道具やセンスは必要なく、意識するだけで今日から実践できます。

「なんだかダサい」と感じたときこそ、この4原則に立ち返ってみてください。