デザインの基礎
良いデザインには法則があります。デザインの4原則を理解すれば、誰でもプロっぽいデザインが作れるようになります。
デザインの4原則
1. 近接(Proximity)
関連する要素は近くに、関連しない要素は離して配置する。
例:名刺では、名前と役職は近くに、住所と連絡先は別のグループに
2. 整列(Alignment)
すべての要素を意図的に揃える。何かに沿わせる。
例:左揃え、中央揃え、右揃えを統一。要素の端を揃える
3. 反復(Repetition)
色、フォント、形などのデザイン要素を繰り返し使う。
例:見出しは常に同じフォント・色、アイコンは同じスタイル
4. コントラスト(Contrast)
異なる要素は思い切り違いを出す。中途半端は避ける。
例:大きい見出しと小さい本文、太い文字と細い文字
レイアウトの基本
余白(ホワイトスペース)
詰め込みすぎない。余白が読みやすさと高級感を生む。
視線の流れ
左上から右下へ(Z型)または上から下へ(F型)。
グリッドシステム
要素を整然と配置するための見えない線。
黄金比・三分割法
美しいバランスを作る数学的な比率。
AIにデザイン原則を教えてもらう
Geminiへのプロンプト例
以下のデザインを「デザインの4原則」で分析してください。 【デザイン内容】 ・カフェのチラシ ・店名、メニュー、営業時間、住所が配置されている ・全体的にごちゃごちゃして見える 改善点と具体的なアドバイスを教えてください。
まとめ
- ✓ デザインの4原則:近接・整列・反復・コントラスト
- ✓ 余白を恐れない、詰め込みすぎない
- ✓ 視線の流れを意識した配置
- ✓ AIに分析やアドバイスを求められる