UI
Web
キャリア
初心者
UIビジュアル
情報設計
UXデザイン
トレーニング
Figma
コンテンツ一覧
コミュニティ
マイページ
アカウント
ログイン
メンバー登録
コンテンツ一覧
コミュニティ
UI PATTERN 入門
良いUIに必須なパターン出しの方法を体感しよう
シリーズをはじめる
一部無料。3,980円〜/月(税別)で全動画、他シリーズもすべて見放題
シェアする
こんなことやります
アウトプットを出して経験値を稼ごう
No items found.
身につくこと
カンタンにいうと、こんな感じです。
なぜそのUIになるのか？を考える方法が身につく
使い手が喜ぶデザインを提案する方法を学べます
UIにとって”コンテンツ”が1番重要であることがわかる
コンテンツ
さっそくやってみましょう！!
STEP-01
パターンを出す方法を知ろう
00
メンバーコンテンツ
パターンを出す方法を知ろう
シリーズの進め方：UIのパターン作りを実践しながら学ぼう
2:53
メンバーコンテンツ
シリーズの進め方：UIのパターン作りを実践しながら学ぼう
なぜパターンを出した方が良いのか
5:51
メンバーコンテンツ
なぜパターンを出した方が良いのか
パターンの出し方
6:56
メンバーコンテンツ
パターンの出し方
マテリアルデザインで基本パーツを知る
10:06
メンバーコンテンツ
マテリアルデザインで基本パーツを知る
参考UIの調べ方
6:43
メンバーコンテンツ
参考UIの調べ方
STEP-02
ホームUIをパターン作成でカイゼン
00
メンバーコンテンツ
ホームUIをパターン作成でカイゼン
ホーム画面パターン作成 ヘッダー
20:51
メンバーコンテンツ
ホーム画面パターン作成 ヘッダー
ホーム画面 フィルター
13:06
メンバーコンテンツ
ホーム画面 フィルター
ホーム画面 コンテンツ
22:08
メンバーコンテンツ
ホーム画面 コンテンツ
ホーム画面 パターンからUIを作成
23:24
メンバーコンテンツ
ホーム画面 パターンからUIを作成
STEP-03
店舗選択UIをパターン作成でリデザイン
11
メンバーコンテンツ
店舗選択UIをパターン作成でリデザイン
ダメな店舗選択UIをリデザインしよう
9:30
メンバーコンテンツ
ダメな店舗選択UIをリデザインしよう
カイゼン要素を出そう
12:29
メンバーコンテンツ
カイゼン要素を出そう
検索の基本UIを知ろう
9:09
メンバーコンテンツ
検索の基本UIを知ろう
参考を元に検索UI作成
21:50
メンバーコンテンツ
参考を元に検索UI作成
店舗選択部分をカイゼン
9:37
メンバーコンテンツ
店舗選択部分をカイゼン
UIパターンを作成しよう
16:27
メンバーコンテンツ
UIパターンを作成しよう
店舗選択のリストUI作成
10:41
メンバーコンテンツ
店舗選択のリストUI作成
UIを統合、完成させる
16:07
メンバーコンテンツ
UIを統合、完成させる
STEP-04
商品詳細・カート・確認UIをリデザイン
44
メンバーコンテンツ
商品詳細・カート・確認UIをリデザイン
STEP4で作るものを確認
8:32
メンバーコンテンツ
STEP4で作るものを確認
「商品詳細」画面の改善
11:50
メンバーコンテンツ
「商品詳細」画面の改善
「カート導線」を改善
7:01
メンバーコンテンツ
「カート導線」を改善
「カート」画面を改善
12:41
メンバーコンテンツ
「カート」画面を改善
「確定/履歴」画面を改善
6:27
メンバーコンテンツ
「確定/履歴」画面を改善
STEP-05
UI PATTERN まとめ
00
メンバーコンテンツ
UI PATTERN まとめ
まとめ-Before/After比較
2:44
メンバーコンテンツ
まとめ-Before/After比較
動画数
23
本
お題数
3
本
カテゴリ
UIビジュアル
Design
カテゴリ
2021
