シリーズ目次

UIデザインの基本

15
STEP-01
要件を満たすUIアイデアのつくり方
11
要件を満たすUIアイデアのつくり方

要件を満たすUIアイデアのつくり方

お題:友達が聴いてる音楽がわかるUIをデザインしよう
12:36
お題:友達が聴いてる音楽がわかるUIをデザインしよう

お題:友達が聴いてる音楽がわかるUIをデザインしよう

条件を網羅する
5:34
条件を網羅する

条件を網羅する

アイデア出し
10:17
アイデア出し

アイデア出し

アイデアに対して何を考えるべきか
14:00
アイデアに対して何を考えるべきか

アイデアに対して何を考えるべきか

アイデア出しのまとめ
03:30
アイデア出しのまとめ

アイデア出しのまとめ

STEP-02
UIパターンを出そう
02:02
UIパターンを出そう

UIパターンを出そう

UIオブジェクトに必要な情報をアイデア出し
9:25
UIオブジェクトに必要な情報をアイデア出し

UIオブジェクトに必要な情報をアイデア出し

既存のSpotifyの中で最適な表示場所を考える
9:16
既存のSpotifyの中で最適な表示場所を考える

既存のSpotifyの中で最適な表示場所を考える

My Libraryの中での情報の表示場所を考える
7:37
My Libraryの中での情報の表示場所を考える

My Libraryの中での情報の表示場所を考える

UIグラフィックのリサーチ
6:59
UIグラフィックのリサーチ

UIグラフィックのリサーチ

UIラフを紙に描く
12:02
UIラフを紙に描く

UIラフを紙に描く

STEP-03
UIのアイデアを出そう
11
UIのアイデアを出そう

UIのアイデアを出そう

UIパターン出し-Spotifyの参考パターン
22:38
UIパターン出し-Spotifyの参考パターン

UIパターン出し-Spotifyの参考パターン

UIパターン出し-参考デザインのパターン
12:43
UIパターン出し-参考デザインのパターン

UIパターン出し-参考デザインのパターン

パターン出し:実機確認でのUIチェックは絶対やろう
12:47
パターン出し:実機確認でのUIチェックは絶対やろう

パターン出し:実機確認でのUIチェックは絶対やろう

フィードバック内容を修正して完成
16:37
フィードバック内容を修正して完成

フィードバック内容を修正して完成

追加お題
4:54
追加お題

追加お題

参考サービスを見ながらUIビジュアルのラフスケッチをしてアイデアパターンを出していきます。

参考サービスを見ながらUIビジュアルのラフスケッチをしてアイデアパターンを出していきます。

UIデザインの基本

15
STEP-01
要件を満たすUIアイデアのつくり方
11
要件を満たすUIアイデアのつくり方

要件を満たすUIアイデアのつくり方

お題:友達が聴いてる音楽がわかるUIをデザインしよう
12:36
お題:友達が聴いてる音楽がわかるUIをデザインしよう

お題:友達が聴いてる音楽がわかるUIをデザインしよう

条件を網羅する
5:34
条件を網羅する

条件を網羅する

アイデア出し
10:17
アイデア出し

アイデア出し

アイデアに対して何を考えるべきか
14:00
アイデアに対して何を考えるべきか

アイデアに対して何を考えるべきか

アイデア出しのまとめ
03:30
アイデア出しのまとめ

アイデア出しのまとめ

STEP-02
UIパターンを出そう
02:02
UIパターンを出そう

UIパターンを出そう

UIオブジェクトに必要な情報をアイデア出し
9:25
UIオブジェクトに必要な情報をアイデア出し

UIオブジェクトに必要な情報をアイデア出し

既存のSpotifyの中で最適な表示場所を考える
9:16
既存のSpotifyの中で最適な表示場所を考える

既存のSpotifyの中で最適な表示場所を考える

My Libraryの中での情報の表示場所を考える
7:37
My Libraryの中での情報の表示場所を考える

My Libraryの中での情報の表示場所を考える

UIグラフィックのリサーチ
6:59
UIグラフィックのリサーチ

UIグラフィックのリサーチ

UIラフを紙に描く
12:02
UIラフを紙に描く

UIラフを紙に描く

STEP-03
UIのアイデアを出そう
11
UIのアイデアを出そう

UIのアイデアを出そう

UIパターン出し-Spotifyの参考パターン
22:38
UIパターン出し-Spotifyの参考パターン

UIパターン出し-Spotifyの参考パターン

UIパターン出し-参考デザインのパターン
12:43
UIパターン出し-参考デザインのパターン

UIパターン出し-参考デザインのパターン

パターン出し:実機確認でのUIチェックは絶対やろう
12:47
パターン出し:実機確認でのUIチェックは絶対やろう

パターン出し:実機確認でのUIチェックは絶対やろう

フィードバック内容を修正して完成
16:37
フィードバック内容を修正して完成

フィードバック内容を修正して完成

追加お題
4:54
追加お題

追加お題

閉じる

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

0 Comments

Active Here: 0
Be the first to leave a comment.
Loading
Load Previous
Someone is typing...
No Name
Set
4 years ago
Moderator
(Edited)
This is the actual comment. It's can be long or short. And must contain only text information.
Your comment will appear once approved by a moderator.
Load Previous
No Name
Set
2 years ago
Moderator
(Edited)
This is the actual comment. It's can be long or short. And must contain only text information.
Your reply will appear once approved by a moderator.
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More