4つの基本原則を知れば、デザインは劇的に変わる

デザインの「ルール」を知ろう

前の章で「デザインはセンスではなくルール」と学びました。では、そのルールとは何でしょうか？

デザインには「近接」「整列」「反復」「コントラスト」という4つの基本原則があります。ロビン・ウィリアムズの名著『ノンデザイナーズ・デザインブック』で紹介されている、世界中のデザイナーが基礎として学ぶ考え方です。

この4つを意識するだけで、素人っぽいデザインがプロっぽく変わります。

近接 整列 反復 A コントラスト デザインの4原則 ― まとめる・揃える・繰り返す・差をつける

4原則のざっくり解説

1. 近接（Proximity）

関連する情報を近くに、関連しない情報を離す。

名刺を例にすると、「名前」と「肩書き」は近くに置く。「電話番号」と「メールアドレス」も近くにまとめる。でも「名前グループ」と「連絡先グループ」の間にはスペースを空ける。こうすることで、情報のかたまり（グループ）が生まれ、読みやすくなります。

2. 整列（Alignment）

すべての要素を、見えない線で揃える。

テキストや画像の左端、右端、中心を意識して揃えるだけで、デザインに秩序が生まれます。なんとなくバラバラに置いてある要素を、きちんと揃えるだけで「プロっぽく」見えます。

3. 反復（Repetition）

同じルールを繰り返し使う。

見出しのフォントサイズ、色の使い方、余白の取り方。これらを統一して繰り返すことで、デザイン全体に一貫性が生まれます。「このサイト、なんかまとまってるな」と感じるのは、反復がうまく使われている証拠です。

4. コントラスト（Contrast）

違うものは、はっきり違わせる。

見出しと本文の大きさをちょっとだけ変えるのではなく、大胆に差をつける。太字と細字、大きいと小さい、黒と白。中途半端な差は混乱を生み、はっきりした差はメリハリを生みます。

4原則の使い方まとめ

Before

会社名 山田太郎 営業部

090-1234-5678 taro@example.com

東京都渋谷区...

After（4原則を適用）

山田 太郎

営業部 / 株式会社サンプル

TEL 090-1234-5678
MAIL taro@example.com

東京都渋谷区...

まずは「気づく」ことから

今すぐ使いこなせなくても大丈夫です。まずは身の回りのデザインを見て「ここは近接が使われてるな」「ここはコントラストが弱いな」と気づけるようになることが第一歩です。

この章では、4原則をひとつずつ深掘りしていきます。まずは近接から見ていきましょう。