1. 情報設計はいいぞ (Lesson2用)
クエスト2: 情報設計の基本概念を習得しよう (Lesson2用)
情報設計はいいぞ!ってことをUIデザインに置いてマジで重要だよ!ってことを伝えたいんです。
🎨 フェーズ1:クラフト入門
Figmaの基本操作を通して、整列・配置・レイヤー構造などを自在に扱える操作基礎を身につけます。
デザインの4原則(近接・整列・反復・対比)を理解し、見た目の秩序と一貫性を作る力を養います。
余白やレイアウト、グリッドを活用し、視線の流れと情報の優先度を意識した構成力を身につけます。
LP模写を通して構成とレスポンシブの考え方を理解し、実践的なデザイン感覚を磨きます。
🧩 フェーズ2:UIデザイン基礎原則
ヒックやフィッツなどのUI原則を理解し、使いやすさを理論的に説明できる判断軸を得ます。
ボタンやフォームなどのUIコンポーネントの構造と状態設計を理解し、実装を意識した設計ができるようになります。
Zパターン・Fパターンなど視線の流れを踏まえ、情報を正しく伝えるレイアウト設計を学びます。
配色とタイポグラフィの基本ルールを身につけ、アクセシブルかつ視認性の高いUIを作る力を育てます。
