コンテンツ
ロードマップ
UIデザイナー転職ロードマップ
未経験からでも目指せる道のり
1年目活躍ロードマップβ
作成中...
お役立ち
キャリアマップβ
UI/UXデザイナー向け
UX
UI
Figma
ビジュアル
キャリア
特徴・使い方
サービス
BONOの特徴
BONOのサービスについて
料金プラン
プラン変更はいつでも可能
使い方
BONOの使い方
おすすめ使い方、コミュニティ参加方法
フィードバックのやり方
グロースプランのFBのほうほう方法
1on1-デザイン面談
無料で何回でも
運営のスタンス
BONOをやる理由
ラジオ
ログイン
コミュニティへ
[email protected]
ログイン
始める
メニュー
k
[email protected]
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
シリーズ目次
UIデザインの基本-応用
全
15
本
STEP-01
アイデア出し
111
アイデア出し
お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう
2:02
お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう
目的の達成に必要な要素を洗い出そう
08:06
目的の達成に必要な要素を洗い出そう
既存フローを整理してアイデアを出そう
05:41
既存フローを整理してアイデアを出そう
起点になる画面からUIアイデアをデザインする
08:04
起点になる画面からUIアイデアをデザインする
STEP-02
まずはラフにUIをすべて作り切る
11
まずはラフにUIをすべて作り切る
UIアイデアのリサーチ
3:30
UIアイデアのリサーチ
パターンを1度作り切る
7:58
パターンを1度作り切る
パターンを作り切るpart.2
10:35
パターンを作り切るpart.2
セルフチェックのために遷移をつける
6:40
セルフチェックのために遷移をつける
UIグラフィックのリサーチ
4:37
UIグラフィックのリサーチ
STEP-03
もう1度UIをカイゼン。完成へ。
22
もう1度UIをカイゼン。完成へ。
紙ラフでUIパターンを出す
9:29
紙ラフでUIパターンを出す
新しいUIパターンを出すpart.1
13:01
新しいUIパターンを出すpart.1
新しいUIパターン出しpart.2
40:19
新しいUIパターン出しpart.2
作成したUIを実機で確認
4:30
作成したUIを実機で確認
条件を満たすUIにカイゼンする
25:36
条件を満たすUIにカイゼンする
まとめ
4:58
まとめ
トップ
/
UIデザインの基本-応用
/
お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう
解決アイデア
お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう
2023
年
4
月
18
日
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について
動画内で作ったF
igmaの最終アウトプットやアイデア出しのファイルはこちら
です。(ファイルの整理してません🙇
作成した後に参考になるかと思います。ぜひチャレンジしてみてください。
動画内で作ったF
igmaの最終アウトプットやアイデア出しのファイルはこちら
です。(ファイルの整理してません🙇
作成した後に参考になるかと思います。ぜひチャレンジしてみてください。
UIデザインの基本-応用
全
15
本
STEP-01
アイデア出し
111
アイデア出し
お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう
2:02
お題:友人が聴いてる音楽がわかる機能の使い始めをデザインしよう
目的の達成に必要な要素を洗い出そう
08:06
目的の達成に必要な要素を洗い出そう
既存フローを整理してアイデアを出そう
05:41
既存フローを整理してアイデアを出そう
起点になる画面からUIアイデアをデザインする
08:04
起点になる画面からUIアイデアをデザインする
STEP-02
まずはラフにUIをすべて作り切る
11
まずはラフにUIをすべて作り切る
UIアイデアのリサーチ
3:30
UIアイデアのリサーチ
パターンを1度作り切る
7:58
パターンを1度作り切る
パターンを作り切るpart.2
10:35
パターンを作り切るpart.2
セルフチェックのために遷移をつける
6:40
セルフチェックのために遷移をつける
UIグラフィックのリサーチ
4:37
UIグラフィックのリサーチ
STEP-03
もう1度UIをカイゼン。完成へ。
22
もう1度UIをカイゼン。完成へ。
紙ラフでUIパターンを出す
9:29
紙ラフでUIパターンを出す
新しいUIパターンを出すpart.1
13:01
新しいUIパターンを出すpart.1
新しいUIパターン出しpart.2
40:19
新しいUIパターン出しpart.2
作成したUIを実機で確認
4:30
作成したUIを実機で確認
条件を満たすUIにカイゼンする
25:36
条件を満たすUIにカイゼンする
まとめ
4:58
まとめ
閉じる
0
Comments
Active Here:
0
Login
or
register
to join the conversation.
My Profile Image
Logout
Edit Profile
Be the first to leave a comment.
Loading
Load Previous
Someone is typing...
No Name
Set
4 years ago
Moderator
(Edited)
Delete Forever
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.
Cancel
0
0
Reply
2
Replies
Load Previous
No Name
Set
2 years ago
Moderator
(Edited)
Delete Forever
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.
Cancel
0
0
Load More
Cancel
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
0 Comments