最大「５」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる
メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
コミュニティ
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
インタラクション
みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう
今日から使える"Material Design"
・
September 19, 2023
Career
1年目は意識してほしい、チームで成果を出すUIデザイナーの役割
・
September 16, 2023
インタラクション
【Material Design】"コンテンツ"を分類する「TabUI」のきほん
今日から使える"Material Design"
・
September 6, 2023
インタラクション
【Material Design】3つある「選択UI」の違いを理解するぞ！
今日から使える"Material Design"
・
September 6, 2023
インタラクション
【Material Design】クイズで深める"TabUI" / HIGでTabってある？
今日から使える"Material Design"
・
September 6, 2023
リサーチ/ユーザー定義
【ラジオ】課題とは？証明どうやってするの？→そういうことじゃないと思うよ
BONOラジオ
・
September 5, 2023
インタラクション
【Material Design】使い分けできる？選択する時に使う3種類の選択UIを解説
今日から使える"Material Design"
・
August 28, 2023
【Figmaプロトタイプ機能】アニメーションとオーバーレイでプロトタイプ機能を使いこなす
・
August 28, 2023
Career
【ラジオ】デザイン仕事が途切れないコツ / スキルを資産に変換していく
BONOラジオ
・
August 19, 2023
【Variabelsでサイトデザイン】変数を登録してデザイン/モード切り替えでレスポンシブ対応しよう
・
September 2, 2023
Career
【ラジオ】想定ユーザーが多い時、混乱せずにUIアイデアを広げる方法を考える
BONOラジオ
・
September 2, 2023
【Figma】Wrap機能解説/レスポンシブなデータをFigmaで作成するチュートリアル【無料】
・
August 19, 2023
次へ
動画を保存しよう
最大
5つ
まで保存できます! 気になった/次に見たい動画を 保存すると、すぐにアクセスできるよ
動画を探す
閉じる
検索結果
※最新順
20:45
【UIデザイン】インタラクションデザイン
みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう
今日から使える"Material Design"
22:52
キャリア
1年目は意識してほしい、チームで成果を出すUIデザイナーの役割
16:41
【UIデザイン】インタラクションデザイン
【Material Design】"コンテンツ"を分類する「TabUI」のきほん
今日から使える"Material Design"
22:24
【UIデザイン】インタラクションデザイン
【Material Design】3つある「選択UI」の違いを理解するぞ！
今日から使える"Material Design"
17:44
【UIデザイン】インタラクションデザイン
【Material Design】クイズで深める"TabUI" / HIGでTabってある？
今日から使える"Material Design"
26:51
【UXデザイン】リサーチ/ユーザー定義
【ラジオ】課題とは？証明どうやってするの？→そういうことじゃないと思うよ
BONOラジオ
22:45
【UIデザイン】インタラクションデザイン
【Material Design】使い分けできる？選択する時に使う3種類の選択UIを解説
今日から使える"Material Design"
30:00
Figma
【Figmaプロトタイプ機能】アニメーションとオーバーレイでプロトタイプ機能を使いこなす
23:03
キャリア
【ラジオ】デザイン仕事が途切れないコツ / スキルを資産に変換していく
BONOラジオ
33:35
Figma
【Variabelsでサイトデザイン】変数を登録してデザイン/モード切り替えでレスポンシブ対応しよう
Next
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Button Text
takumi.kai.skywalker@gmail.com
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
ログイン
プラン/料金
BONOについて
よくある質問
コンテンツ
メンバーになると?
ロードマップ
コミュニティ
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
検索結果
※最新順
20:45
【UIデザイン】インタラクションデザイン
みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう
今日から使える"Material Design"
22:52
キャリア
1年目は意識してほしい、チームで成果を出すUIデザイナーの役割
16:41
【UIデザイン】インタラクションデザイン
【Material Design】"コンテンツ"を分類する「TabUI」のきほん
今日から使える"Material Design"
22:24
【UIデザイン】インタラクションデザイン
【Material Design】3つある「選択UI」の違いを理解するぞ！
今日から使える"Material Design"
17:44
【UIデザイン】インタラクションデザイン
【Material Design】クイズで深める"TabUI" / HIGでTabってある？
今日から使える"Material Design"
26:51
【UXデザイン】リサーチ/ユーザー定義
【ラジオ】課題とは？証明どうやってするの？→そういうことじゃないと思うよ
BONOラジオ
22:45
【UIデザイン】インタラクションデザイン
【Material Design】使い分けできる？選択する時に使う3種類の選択UIを解説
今日から使える"Material Design"
30:00
Figma
【Figmaプロトタイプ機能】アニメーションとオーバーレイでプロトタイプ機能を使いこなす
23:03
キャリア
【ラジオ】デザイン仕事が途切れないコツ / スキルを資産に変換していく
BONOラジオ
33:35
Figma
【Variabelsでサイトデザイン】変数を登録してデザイン/モード切り替えでレスポンシブ対応しよう
Next
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
登録
登録
質問しよう
コミュニティで
質問チャンネルで疑問や不安を投稿してみよう
勉強会で
60分の勉強会テーマにして、詳しく解説してもらう
シリーズ目次
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
もう１度UIをカイゼン。完成へ。
22
もう１度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デザインの基本-応用
/
作成したUIを実機で確認
ユーザビリティテスト
作成したUIを実機で確認
保存
保存済
質問
質問
共有
2023
年
4
月
18
日
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について
新しく作ったUIパターンの2つを実機で確認していきます。
新しく作ったUIパターンの2つを実機で確認していきます。
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
もう１度UIをカイゼン。完成へ。
22
もう１度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
まとめ
閉じる
