第1部:デザインの基礎知識 1 / 14

デザインの基礎

良いデザインには法則があります。デザインの4原則を理解すれば、誰でもプロっぽいデザインが作れるようになります。

デザインの4原則

1. 近接(Proximity)

関連する要素は近くに、関連しない要素は離して配置する。

例:名刺では、名前と役職は近くに、住所と連絡先は別のグループに

2. 整列(Alignment)

すべての要素を意図的に揃える。何かに沿わせる。

例:左揃え、中央揃え、右揃えを統一。要素の端を揃える

3. 反復(Repetition)

色、フォント、形などのデザイン要素を繰り返し使う。

例:見出しは常に同じフォント・色、アイコンは同じスタイル

4. コントラスト(Contrast)

異なる要素は思い切り違いを出す。中途半端は避ける。

例:大きい見出しと小さい本文、太い文字と細い文字

レイアウトの基本

余白(ホワイトスペース)

詰め込みすぎない。余白が読みやすさと高級感を生む。

視線の流れ

左上から右下へ(Z型)または上から下へ(F型)。

グリッドシステム

要素を整然と配置するための見えない線。

黄金比・三分割法

美しいバランスを作る数学的な比率。

AIにデザイン原則を教えてもらう

Geminiへのプロンプト例

以下のデザインを「デザインの4原則」で分析してください。

【デザイン内容】
・カフェのチラシ
・店名、メニュー、営業時間、住所が配置されている
・全体的にごちゃごちゃして見える

改善点と具体的なアドバイスを教えてください。

まとめ

  • デザインの4原則:近接・整列・反復・コントラスト
  • 余白を恐れない、詰め込みすぎない
  • 視線の流れを意識した配置
  • AIに分析やアドバイスを求められる
トップへ戻る 次へ:デザイン思考