UI
Web
キャリア
初心者
UIビジュアル
情報設計
UXデザイン
トレーニング
Figma
コンテンツ一覧
コミュニティ
マイページ
アカウント
ログイン
メンバー登録
コンテンツ一覧
コミュニティ
UIビジュアル基礎
制作中:デザインしながらUIの見た目を作る基本理解を進める実践型コンテンツ
シリーズをはじめる
一部無料。3,980円〜/月(税別)で全動画、他シリーズもすべて見放題
シェアする
こんなことやります
アウトプットを出して経験値を稼ごう
No items found.
身につくこと
カンタンにいうと、こんな感じです。
なぜそのUIになるのか?を考える方法が身につく
使い手が喜ぶデザインを提案する方法を学べます
UIにとって”コンテンツ”が1番重要であることがわかる
コンテンツ
さっそくやってみましょう!!
シリーズの説明
s
メンバーコンテンツ
シリーズの説明
【進め方】デザイナーはやってる見た目の”キホン”をマスター!
08:02
メンバーコンテンツ
【進め方】デザイナーはやってる見た目の”キホン”をマスター!
TRY1 : コンセプトを考えてリデザインしよう!
NoContent
メンバーコンテンツ
TRY1 : コンセプトを考えてリデザインしよう!
TRY1:プロフィールUIをリデザイン!
NoVideo
メンバーコンテンツ
TRY1:プロフィールUIをリデザイン!
1-1. 【解説①】アイデア:誰が使うか?で見た目を考える方法
15:00
メンバーコンテンツ
1-1. 【解説①】アイデア:誰が使うか?で見た目を考える方法
1-2.【解説②】表現の方向性 : コンセプトを決めて見た目をデザインする方法
21:53
メンバーコンテンツ
1-2.【解説②】表現の方向性 : コンセプトを決めて見た目をデザインする方法
1-3.解答!プロフィールページUI
NoContents
メンバーコンテンツ
1-3.解答!プロフィールページUI
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で見た目のシステムを作る方法
2-4.お題の解答
No
メンバーコンテンツ
2-4.お題の解答
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.ボーダーの基本
3-6.レイアウトお題の解答
No
メンバーコンテンツ
3-6.レイアウトお題の解答
3.配色の基本
0000
メンバーコンテンツ
3.配色の基本
TRY4 : スマホの動画詳細UIをリデザイン!
05:11
メンバーコンテンツ
TRY4 : スマホの動画詳細UIをリデザイン!
4-1.ここからはじめる配色設計
18:39
メンバーコンテンツ
4-1.ここからはじめる配色設計
4-2.テーマカラーの決め方
NoContent
メンバーコンテンツ
4-2.テーマカラーの決め方
4-3.配色はメインUIを引き立てよう
12:12
メンバーコンテンツ
4-3.配色はメインUIを引き立てよう
4-4テーマカラー2つ以上の時の考え方
12:24
メンバーコンテンツ
4-4テーマカラー2つ以上の時の考え方
4-5.配色お題の解答
No
メンバーコンテンツ
4-5.配色お題の解答
5.画面幅で変わるUI
s
メンバーコンテンツ
5.画面幅で変わるUI
お題:音楽プレイヤーアプリのホームUI
NoContent
メンバーコンテンツ
お題:音楽プレイヤーアプリのホームUI
5-1.ディスプレイ基本知識
NoContent
メンバーコンテンツ
5-1.ディスプレイ基本知識
5-2.レスポンシブ5つのポイント
NoContent
メンバーコンテンツ
5-2.レスポンシブ5つのポイント
5-3.異なるディスプレイサイズのUI作成
NoContent
メンバーコンテンツ
5-3.異なるディスプレイサイズのUI作成
5-4.お題の解答
No
メンバーコンテンツ
5-4.お題の解答
6.UI構造の理解
NoContent
メンバーコンテンツ
6.UI構造の理解
お題メッセージアプリ-新規会話作成
NoVideo
メンバーコンテンツ
お題メッセージアプリ-新規会話作成
6-1.平面の”階層”表現について
NoContent
メンバーコンテンツ
6-1.平面の”階層”表現について
6-2.UIを構成する3ブロックを知ろう
NoContent
メンバーコンテンツ
6-2.UIを構成する3ブロックを知ろう
6-3.シャドウの基本
23:50
メンバーコンテンツ
6-3.シャドウの基本
6-4.ナビゲーションの理解
NoContent
メンバーコンテンツ
6-4.ナビゲーションの理解
6-5.モードと遷移 "←"と"×"の違い
11:02
メンバーコンテンツ
6-5.モードと遷移 "←"と"×"の違い
6-6.モーダルとモードについて
17:17
メンバーコンテンツ
6-6.モーダルとモードについて
6-7.お題の解答
No
メンバーコンテンツ
6-7.お題の解答
動画数
20
本
お題数
6
本
カテゴリ
UIビジュアル
Design
カテゴリ
2022