【進め方】デザイナーはやってる見た目の”キホン”をマスター！

TRY1:プロフィールUIをリデザイン！

1-1. 【解説①】アイデア：誰が使うか？で見た目を考える方法

1-2.【解説②】表現の方向性 : コンセプトを決めて見た目をデザインする方法

1-3.解答！プロフィールページUI

TRY2 : ホームUIをリデザイン！

2-1.良いUIを作るコツは見た目の"システム化"

2-2.システム化でUI作成が楽になる5要素とは

2-3.Figmaで見た目のシステムを作る方法

2-4.お題の解答

TRY3:動画詳細UIをリデザイン！

3-1.サイズの決め方：倍数で管理しよう

3-2.情報を優先度とグループで整理する

3-3.余白は論理でサイズと種類を決めよう

3-4.グリッド - 統一感あるサイズ簡単に組むテクニック

3-5.ボーダーの基本

3-6.レイアウトお題の解答

TRY4 : スマホの動画詳細UIをリデザイン！

4-1.ここからはじめる配色設計

4-2.テーマカラーの決め方

4-3.配色はメインUIを引き立てよう

4-4テーマカラー2つ以上の時の考え方

4-5.配色お題の解答

お題:音楽プレイヤーアプリのホームUI

5-1.ディスプレイ基本知識

5-2.レスポンシブ5つのポイント

5-3.異なるディスプレイサイズのUI作成

5-4.お題の解答

お題メッセージアプリ-新規会話作成

6-1.平面の”階層”表現について

6-2.UIを構成する3ブロックを知ろう

6-3.シャドウの基本

6-4.ナビゲーションの理解

6-5.モードと遷移 "←"と"×"の違い

6-6.モーダルとモードについて

6-7.お題の解答