Contents
デザイン動画一覧
Contents
デザイン動画一覧
Contents
デザイン動画一覧
戻る
UI
Web
キャリア
初心者
UIビジュアル
情報設計
UXデザイン
トレーニング
Figma
質問
勉強会
コミュニケーション
コンテンツ一覧
メンバーシップになる
トップ
/
UIデザインの基本
/
UIパターン出し-参考デザインのパターン
UI
Web
キャリア
初心者
UIビジュアル
情報設計
UXデザイン
トレーニング
Figma
質問
勉強会
コミュニケーション
コンテンツ一覧
コミュニティ
マイページ
アカウント
ログイン
メンバー登録
コンテンツ一覧
コミュニティ
12
UIパターン出し-参考デザインのパターン
July 6, 2021
UI Design
保存
保存中
すべてを閲覧するにはBONOメンバーシップに登録しよう
BONO - プロと学ぶUIとUXのコミュニティ
詳細
参考デザインを元にUIビジュアルのパターンを作成していきましょう。
参考デザインを元にUIビジュアルのパターンを作成していきましょう。
UIデザインの基本
全
15
本
STEP-01
要件を整理してアイデアを出そう(6回)
11
要件を整理してアイデアを出そう(6回)
お題:友達が聴いてる音楽がわかるUIをデザインしよう
12:36
お題:友達が聴いてる音楽がわかるUIをデザインしよう
条件を網羅する
5:34
条件を網羅する
アイデア出し
10:17
アイデア出し
アイデアに対して何を考えるべきか
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
追加お題