UI
Web
キャリア
初心者
UIビジュアル
情報設計
UXデザイン
トレーニング
Figma
コンテンツ一覧
コミュニティ
マイページ
アカウント
ログイン
メンバー登録
コンテンツ一覧
コミュニティ
UIデザインの基本
現場で使える考え方、流れ、組み立て方を身につけよう
シリーズをはじめる
一部無料。3,980円〜/月(税別)で全動画、他シリーズもすべて見放題
シェアする
シリーズ紹介動画
お題:友達が聴いてる音楽がわかるUIをデザインしよう
さっそく観る
こんなことやります
アウトプットを出して経験値を稼ごう
アウトプット
友人の音楽がわかるフィードUIをデザイン
Spotifyをベースに仮想の機能をデザインしてみよう
要件のデザイン
“行動フロー整理”でUIアイデアを出そう
何の画面、何のアクションが必要かを把握しよう
要件のデザイン
“情報構造を整理”して最適なレイアウトをデザインしよう
どこに機能を設置するべきかを考えやすくする方法です
ビジュアル作成
“パターン出し”で要件に最適なUIをデザインしよう
さまざまな選択から最適なUIを選べる方法を身につけよう
身につくこと
カンタンにいうと、こんな感じです。
なぜそのUIになるのか?を考える方法が身につく
使い手が喜ぶデザインを提案する方法を学べます
UIにとって”コンテンツ”が1番重要であることがわかる
コンテンツ
さっそくやってみましょう!!
STEP-01
要件を整理してアイデアを出そう(6回)
11
メンバーコンテンツ
要件を整理してアイデアを出そう(6回)
お題:友達が聴いてる音楽がわかるUIをデザインしよう
12:36
メンバーコンテンツ
お題:友達が聴いてる音楽がわかるUIをデザインしよう
条件を網羅する
5:34
メンバーコンテンツ
条件を網羅する
アイデア出し
2:39
メンバーコンテンツ
アイデア出し
アイデアに対して何を考えるべきか
14:00
メンバーコンテンツ
アイデアに対して何を考えるべきか
アイデア出しのまとめ
03:30
メンバーコンテンツ
アイデア出しのまとめ
STEP-02
UIパターンを出そう
02:02
メンバーコンテンツ
UIパターンを出そう
UIオブジェクトに必要な情報をアイデア出し
9:25
メンバーコンテンツ
UIオブジェクトに必要な情報をアイデア出し
既存のSpotifyの中で最適な表示場所を考える
9:16
メンバーコンテンツ
既存のSpotifyの中で最適な表示場所を考える
My Libraryの中での情報の表示場所を考える
7:37
メンバーコンテンツ
My Libraryの中での情報の表示場所を考える
UIグラフィックのリサーチ
6:59
メンバーコンテンツ
UIグラフィックのリサーチ
UIラフを紙に描く
12:02
メンバーコンテンツ
UIラフを紙に描く
STEP-03
UIのアイデアを出そう
11
メンバーコンテンツ
UIのアイデアを出そう
UIパターン出し-Spotifyの参考パターン
22:38
メンバーコンテンツ
UIパターン出し-Spotifyの参考パターン
UIパターン出し-参考デザインのパターン
12:43
メンバーコンテンツ
UIパターン出し-参考デザインのパターン
パターン出し:実機確認でのUIチェックは絶対やろう
12:47
メンバーコンテンツ
パターン出し:実機確認でのUIチェックは絶対やろう
フィードバック内容を修正して完成
16:37
メンバーコンテンツ
フィードバック内容を修正して完成
追加お題
4:54
メンバーコンテンツ
追加お題
動画数
15
本
お題数
1
本
カテゴリ
情報設計
Design
カテゴリ
2020