JSON

デザイン原則 - JSON

デザイン原則は、視覚的な表現を効果的に構成するための指針となる法則群です。バランス、リズム、対比、強調、統一などの原則を適切に組み合わせることで、視覚的に調和のとれた、情報が伝わりやすいデザインを実現できます。これらの原則はグラフィックデザイン、ウェブデザイン、ファッションデザインなど、あらゆる分野のデザイン活動において基礎となっています。

デザイン グラフィックデザイン デザイン理論 ビジュアルデザイン 構成 バランス リズム 対比 強調 統一
[
  {
    "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": "同じ要素を繰り返し使用し、統一感と一貫性を生み出すこと。"
  }
]