最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる
メニュー
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ビジュアル基礎
全
20
本
シリーズの説明
s
シリーズの説明
【進め方】デザイナーはやってる見た目の”キホン”をマスター!
08:02
【進め方】デザイナーはやってる見た目の”キホン”をマスター!
TRY1 : コンセプトを考えてリデザインしよう!
NoContent
TRY1 : コンセプトを考えてリデザインしよう!
TRY1:プロフィールUIをリデザイン!
NoVideo
TRY1:プロフィールUIをリデザイン!
1-1. 【解説①】アイデア:誰が使うか?で見た目を考える方法
15:00
1-1. 【解説①】アイデア:誰が使うか?で見た目を考える方法
1-2.【解説②】表現の方向性 : コンセプトを決めて見た目をデザインする方法
21:53
1-2.【解説②】表現の方向性 : コンセプトを決めて見た目をデザインする方法
【7分】TRY1解答!見た目だけ考えるのはNGなんです
07:16
【7分】TRY1解答!見た目だけ考えるのはNGなんです
TRY1解答!ユースケースから見た目のアイデアを作る流れ
20:20
TRY1解答!ユースケースから見た目のアイデアを作る流れ
TRY2 ビジュアルシステムでリデザインしよう!
s
TRY2 ビジュアルシステムでリデザインしよう!
TRY2 : ホームUIをリデザイン!
05:02
TRY2 : ホームUIをリデザイン!
2-1.良いUIを作るコツは見た目の"システム化"
16:23
2-1.良いUIを作るコツは見た目の"システム化"
2-2.システム化でUI作成が楽になる5要素とは
26:07
2-2.システム化でUI作成が楽になる5要素とは
2-3.Figmaで見た目のシステムを作る方法
17:35
2-3.Figmaで見た目のシステムを作る方法
【5分】TRY2解答 システムを適応して見た目を整える
05:30
【5分】TRY2解答 システムを適応して見た目を整える
【解説】TRY2解答
11:10
【解説】TRY2解答
TRY3 レイアウトのきほんでリデザイン!
n
TRY3 レイアウトのきほんでリデザイン!
TRY3:動画詳細UIをリデザイン!
05:01
TRY3:動画詳細UIをリデザイン!
3-1.サイズの決め方:倍数で管理しよう
11:14
3-1.サイズの決め方:倍数で管理しよう
3-2.情報を優先度とグループで整理する
37:31
3-2.情報を優先度とグループで整理する
3-3.余白は論理でサイズと種類を決めよう
07:51
3-3.余白は論理でサイズと種類を決めよう
3-4.グリッド - 統一感あるサイズ簡単に組むテクニック
17:55
3-4.グリッド - 統一感あるサイズ簡単に組むテクニック
3-5.ボーダーの基本
05:03
3-5.ボーダーの基本
TRY3:レイアウト解答
08:24
TRY3:レイアウト解答
4.配色の基本
0000
4.配色の基本
TRY4 : スマホの動画詳細UIをリデザイン!
05:11
TRY4 : スマホの動画詳細UIをリデザイン!
4-1.ここからはじめる配色設計
18:39
4-1.ここからはじめる配色設計
4-2.テーマカラーの決め方
08:32
4-2.テーマカラーの決め方
4-3.配色はメインUIを引き立てよう
12:12
4-3.配色はメインUIを引き立てよう
4-4テーマカラー2つ以上の時の考え方
12:24
4-4テーマカラー2つ以上の時の考え方
TRY4の解答
08:32
TRY4の解答
5.画面幅で変わるUI
s
5.画面幅で変わるUI
お題:レスポンシブなホームUIをデザイン
03:13
お題:レスポンシブなホームUIをデザイン
5-1.知らないと怖い”高解像度"ディスプレイについて
09:59
5-1.知らないと怖い”高解像度"ディスプレイについて
5-2.レスポンシブ5つのポイント
13:33
5-2.レスポンシブ5つのポイント
5-3.異なるディスプレイサイズのUI作成
17:24
5-3.異なるディスプレイサイズのUI作成
TRY5レスポンシブ解答
09:45
TRY5レスポンシブ解答
6.UI構造の理解
NoContent
6.UI構造の理解
UI構造を意識してリデザインしよう!
05:35
UI構造を意識してリデザインしよう!
6-1.平面の”階層”表現について
09:28
6-1.平面の”階層”表現について
6-2.UIを構成する3ブロックを知ろう
13:04
6-2.UIを構成する3ブロックを知ろう
6-3.シャドウの基本
23:50
6-3.シャドウの基本
6-5.モードと遷移 "←"と"×"の違い
11:02
6-5.モードと遷移 "←"と"×"の違い
6-6.モーダルとモードについて
17:17
6-6.モーダルとモードについて
TOP6:UI構造 - お題の解答
08:49
TOP6:UI構造 - お題の解答
トップ
/
UIビジュアル基礎
/
5.画面幅で変わるUI
レスポンシブデザイン
5.画面幅で変わるUI
保存
保存済
質問
質問
共有
2023
年
4
月
18
日
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について
UIビジュアル基礎
全
20
本
シリーズの説明
s
シリーズの説明
【進め方】デザイナーはやってる見た目の”キホン”をマスター!
08:02
【進め方】デザイナーはやってる見た目の”キホン”をマスター!
TRY1 : コンセプトを考えてリデザインしよう!
NoContent
TRY1 : コンセプトを考えてリデザインしよう!
TRY1:プロフィールUIをリデザイン!
NoVideo
TRY1:プロフィールUIをリデザイン!
1-1. 【解説①】アイデア:誰が使うか?で見た目を考える方法
15:00
1-1. 【解説①】アイデア:誰が使うか?で見た目を考える方法
1-2.【解説②】表現の方向性 : コンセプトを決めて見た目をデザインする方法
21:53
1-2.【解説②】表現の方向性 : コンセプトを決めて見た目をデザインする方法
【7分】TRY1解答!見た目だけ考えるのはNGなんです
07:16
【7分】TRY1解答!見た目だけ考えるのはNGなんです
TRY1解答!ユースケースから見た目のアイデアを作る流れ
20:20
TRY1解答!ユースケースから見た目のアイデアを作る流れ
TRY2 ビジュアルシステムでリデザインしよう!
s
TRY2 ビジュアルシステムでリデザインしよう!
TRY2 : ホームUIをリデザイン!
05:02
TRY2 : ホームUIをリデザイン!
2-1.良いUIを作るコツは見た目の"システム化"
16:23
2-1.良いUIを作るコツは見た目の"システム化"
2-2.システム化でUI作成が楽になる5要素とは
26:07
2-2.システム化でUI作成が楽になる5要素とは
2-3.Figmaで見た目のシステムを作る方法
17:35
2-3.Figmaで見た目のシステムを作る方法
【5分】TRY2解答 システムを適応して見た目を整える
05:30
【5分】TRY2解答 システムを適応して見た目を整える
【解説】TRY2解答
11:10
【解説】TRY2解答
TRY3 レイアウトのきほんでリデザイン!
n
TRY3 レイアウトのきほんでリデザイン!
TRY3:動画詳細UIをリデザイン!
05:01
TRY3:動画詳細UIをリデザイン!
3-1.サイズの決め方:倍数で管理しよう
11:14
3-1.サイズの決め方:倍数で管理しよう
3-2.情報を優先度とグループで整理する
37:31
3-2.情報を優先度とグループで整理する
3-3.余白は論理でサイズと種類を決めよう
07:51
3-3.余白は論理でサイズと種類を決めよう
3-4.グリッド - 統一感あるサイズ簡単に組むテクニック
17:55
3-4.グリッド - 統一感あるサイズ簡単に組むテクニック
3-5.ボーダーの基本
05:03
3-5.ボーダーの基本
TRY3:レイアウト解答
08:24
TRY3:レイアウト解答
4.配色の基本
0000
4.配色の基本
TRY4 : スマホの動画詳細UIをリデザイン!
05:11
TRY4 : スマホの動画詳細UIをリデザイン!
4-1.ここからはじめる配色設計
18:39
4-1.ここからはじめる配色設計
4-2.テーマカラーの決め方
08:32
4-2.テーマカラーの決め方
4-3.配色はメインUIを引き立てよう
12:12
4-3.配色はメインUIを引き立てよう
4-4テーマカラー2つ以上の時の考え方
12:24
4-4テーマカラー2つ以上の時の考え方
TRY4の解答
08:32
TRY4の解答
5.画面幅で変わるUI
s
5.画面幅で変わるUI
お題:レスポンシブなホームUIをデザイン
03:13
お題:レスポンシブなホームUIをデザイン
5-1.知らないと怖い”高解像度"ディスプレイについて
09:59
5-1.知らないと怖い”高解像度"ディスプレイについて
5-2.レスポンシブ5つのポイント
13:33
5-2.レスポンシブ5つのポイント
5-3.異なるディスプレイサイズのUI作成
17:24
5-3.異なるディスプレイサイズのUI作成
TRY5レスポンシブ解答
09:45
TRY5レスポンシブ解答
6.UI構造の理解
NoContent
6.UI構造の理解
UI構造を意識してリデザインしよう!
05:35
UI構造を意識してリデザインしよう!
6-1.平面の”階層”表現について
09:28
6-1.平面の”階層”表現について
6-2.UIを構成する3ブロックを知ろう
13:04
6-2.UIを構成する3ブロックを知ろう
6-3.シャドウの基本
23:50
6-3.シャドウの基本
6-5.モードと遷移 "←"と"×"の違い
11:02
6-5.モードと遷移 "←"と"×"の違い
6-6.モーダルとモードについて
17:17
6-6.モーダルとモードについて
TOP6:UI構造 - お題の解答
08:49
TOP6:UI構造 - お題の解答
閉じる