デザインの6つの基本要素（素材）
デザインは、主に6つの基本要素（素材）と、それを効果的にまとめる4つの原則（ルール）によって構成されます。デザインの6つの基本要素（素材）
- 線（Line）: 2つの点を繋ぎ、視線の誘導や動き、境界線をつくります。
- シェイプ・形（Shape / Form）: 幾何学的または自然な形で領域を作り、対象を定義します。
- 色（Color）: 色相・彩度・明度を調整し、ブランドのイメージや感情を伝えます。
- タイポグラフィ（Typography）: 文字の書体やサイズを使い分け、情報の優先順位（階層）を明確にします。
- テクスチャ（Texture）: 質感やざらざら感を与え、画面に深みやリアリティを持たせます。
- スペース・余白（Space）: ポジティブ（実体）とネガティブ（余白）のバランスを取り、可読性や高級感を高めます。
デザインの4つの基本原則（実践）
デザインの基本原則は、情報を整理し、見やすく、伝えたいことを確実に届けるためのルールです。
これらは「近接」「整列」「反復」「コントラスト」の4つで構成されています。
- 近接（Proximity）: 関連する情報を近くにまとめて、グループを分かりやすくします。
- 整列（Alignment）: 要素の端や中心を揃えて、見た目に統一感と秩序を生み出します。
- 反復（Repetition）: 色やフォント、形などのルールを繰り返し使い、一貫性とブランドらしさを作ります。
- 対比・コントラスト（Contrast）: 大きさや色の差をつけて、一番伝えたい情報（メリハリ）を目立たせます。
原則の役割と実践的な使い方
これら、基本原則の役割と実践的な使い方
1. 近接（Proximity）
関連する情報を近づけてグループ化する原則です。
- 効果： どの情報とどの情報がつながっているのかが直感的に分かります。
- 実践テクニック：
- タイトルと本文の隙間を狭くし、次の項目との隙間を広く空ける。
- 「写真」と「その説明文」を近づけて配置する。
- 名刺で「名前・役職」のグループと「住所・連絡先」のグループの間隔をしっかり空ける。
2. 整列（Alignment）
要素に目に見えない直線を意識し、位置を揃えて配置する原則です。
- 効果： すっきりとした清潔感が生まれ、視線誘導がスムーズになります。
- 実践テクニック：
- 基本は「左揃え」にし、文章の始まりの位置を厳密に統一する。
- 中央揃えは中央の軸を意識し、短い文章やタイトルだけで使う（長文は読みづらくなるため避ける）。
- グリッド（格子状のガイド線）を意識して、画像とテキストの端をピタッと合わせる。
3. 反復（Repetition）
特定の特徴（色、フォント、アイコン、レイアウトなど）を繰り返して使う原則です。
- 効果： 全体に一貫性とリズムが生まれ、同じルールで作られているという安心感（信頼感）を与えます。
- 実践テクニック：
- 見出しのフォント、サイズ、色をすべてのページで統一する。
- 箇条書きの文頭に使う「●」や「✓」などのアイコンを統一する。
- 同じカテゴリーの情報（例：商品の紹介カードなど）は、まったく同じレイアウトを使い回す。
4. コントラスト（Contrast）
情報に強弱（めりはり）をつけて、重要な部分を目立たせる原則です。
- 効果： 視線が最初にどこに行くべきかが明確になり、退屈なデザインになるのを防ぎます。
- 実践テクニック：
- 「一番伝えたい文字」を思いきり大きくし、補足情報は小さくする。
- 重要なキーワードだけ色（補色や鮮やかな色）を変えたり、太字（ボールド）にしたりする。
- 背景が暗い色なら文字は白、背景が白なら文字は黒にするなど、明度差をはっきりつける。
実践のまとめ
デザインをするときは、まず「近接」で情報を整理し、「整列」できれいに並べ、「反復」でルールを作り、最後に「コントラスト」で一番見せたい場所にスポットライトを当てる、という順番で考えるとスムーズに組み立てられます。
