デザイン原則 - YAML

- code: "01"
  slug: "balance"
  name: "バランス"
  description: "デザイン要素が視覚的に調和している状態。"
  types:
    - name: "対称バランス"
      description: "左右対称のデザイン。安定感と調和感を生み出す。"
    - name: "非対称バランス"
      description: "左右非対称だが視覚的重量が釣り合っているデザイン。ダイナミックで興味を引く。"
    - name: "放射バランス"
      description: "一点から放射状に広がるデザイン。華やかで動きのある印象。"
- code: "02"
  slug: "rhythm"
  name: "リズム"
  description: "デザイン要素の繰り返しや変化によって生まれる動的な流れ。"
  types:
    - name: "レギュラーリズム"
      description: "同じ要素を規則正しく繰り返す。安定感がある。"
    - name: "フローイングリズム"
      description: "流れるような変化。自然な動きを生み出す。"
    - name: "プログレッシブリズム"
      description: "要素を徐々に変化させる。躍動感がある。"
- code: "03"
  slug: "contrast"
  name: "対比"
  description: "異なる要素を組み合わせて視覚的インパクトを生み出す手法。"
  types:
    - name: "サイズの対比"
      description: "大きな見出しと小さな本文など。階層構造を明確にする。"
    - name: "色の対比"
      description: "明るい色と暗い色、補色の組み合わせ。視覚的インパクトを生む。"
    - name: "形の対比"
      description: "曲線と直線、有機的な形と幾何学的な形。興味を引く組み合わせ。"
- code: "04"
  slug: "emphasis"
  name: "強調"
  description: "デザインの中で特に目立たせたい要素を際立たせること。"
  techniques:
    - name: "サイズ"
      description: "大きな要素ほど目立つ。重要度に応じた大きさの変化。"
    - name: "色"
      description: "鮮やかな色や周囲と異なる色を使用。視線を集める。"
    - name: "余白"
      description: "要素の周囲に空間を作ることで際立たせる。"
- code: "05"
  slug: "unity"
  name: "統一"
  description: "デザインの要素が互いに調和し、全体としてまとまりのある状態。"
  techniques:
    - name: "色の統一"
      description: "色相・明度・彩度を考慮した調和のとれた配色。"
    - name: "フォントの統一"
      description: "一定のルールに基づくタイポグラフィ。フォントの種類を絞る。"
    - name: "スタイルの統一"
      description: "同じデザイン要素の反復使用。一貫性を保つ。"
- code: "06"
  slug: "proximity"
  name: "近接"
  description: "関連する要素を近くに配置し、グループ化すること。"
- code: "07"
  slug: "alignment"
  name: "整列"
  description: "要素を水平・垂直に揃え、秩序と安定感を生み出すこと。"
- code: "08"
  slug: "repetition"
  name: "反復"
  description: "同じ要素を繰り返し使用し、統一感と一貫性を生み出すこと。"