質問しよう
シリーズ目次

はじめてのUIデザイン

12
1. UIデザインの概要を手を動かしながら知ろう
1
1. UIデザインの概要を手を動かしながら知ろう

1. UIデザインの概要を手を動かしながら知ろう

成長率10倍でUIデザインを身につける初級チュートリアル
09:42
成長率10倍でUIデザインを身につける初級チュートリアル

成長率10倍でUIデザインを身につける初級チュートリアル

メッセージリストUIをデザイン【余白のサイズはルールで決める】
10:49
メッセージリストUIをデザイン【余白のサイズはルールで決める】

メッセージリストUIをデザイン【余白のサイズはルールで決める】

2. トーク画面をデザイン
1
2. トーク画面をデザイン

2. トーク画面をデザイン

2.ヘッダーUIをデザインしよう
14:45
2.ヘッダーUIをデザインしよう

2.ヘッダーUIをデザインしよう

4.UIデザインの超基本の構成を解説【デザイナーにはこう見えてます】
13:53
4.UIデザインの超基本の構成を解説【デザイナーにはこう見えてます】

4.UIデザインの超基本の構成を解説【デザイナーにはこう見えてます】

3. チャット画面をデザイン
1
3. チャット画面をデザイン

3. チャット画面をデザイン

5.チャットUIをデザインしよう【人の目線は右と左どちらから始まる?】
26:38
5.チャットUIをデザインしよう【人の目線は右と左どちらから始まる?】

5.チャットUIをデザインしよう【人の目線は右と左どちらから始まる?】

デザインしたチャットUIを解説【なぜチャットの色は1色じゃないのか?】
10:08
デザインしたチャットUIを解説【なぜチャットの色は1色じゃないのか?】

デザインしたチャットUIを解説【なぜチャットの色は1色じゃないのか?】

4. ナビゲーションをデザイン
1
4. ナビゲーションをデザイン

4. ナビゲーションをデザイン

ボトムナビゲーションをデザインしよう【アイコンは正方形で配置】
11:45
ボトムナビゲーションをデザインしよう【アイコンは正方形で配置】

ボトムナビゲーションをデザインしよう【アイコンは正方形で配置】

ページ同士の関係性とボトムナビのデザインを解説【ページ間の移動考えたことありますか?】
09:37
ページ同士の関係性とボトムナビのデザインを解説【ページ間の移動考えたことありますか?】

ページ同士の関係性とボトムナビのデザインを解説【ページ間の移動考えたことありますか?】

UIデザイン、仕事ではどんな流れでやるの?をお伝えします
14:25
UIデザイン、仕事ではどんな流れでやるの?をお伝えします

UIデザイン、仕事ではどんな流れでやるの?をお伝えします

実践してみよう!
1
実践してみよう!

実践してみよう!

お題 連絡先一覧のUIをデザインしよう
09:18
お題 連絡先一覧のUIをデザインしよう

お題 連絡先一覧のUIをデザインしよう

お題を解説!
15:54
お題を解説!

お題を解説!

トップ
/
はじめてのUIデザイン
/
4.UIデザインの超基本の構成を解説【デザイナーにはこう見えてます】
レイアウト

4.UIデザインの超基本の構成を解説【デザイナーにはこう見えてます】

2024
4
03
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について

UIデザインをはじめたいデザイナーになりたい人、Webデザイナー、エンジニアなどの方向けに、ソフトウェアデザインの基本を”メッセンジャーアプリ”を作りながら学べるデザインチュートリアルシリーズ。
4回目は2~3で作成したUIを解説します。

📜目次
-----------------------------------------------

00:08 動画の内容
01:05 UIの基本構成
01:34 ナビゲーションとは
03:48 コンテンツエリア
05:28 【超重要】UIはオブジェクトが中心
07:58 各UIパーツを解説します

📜作成で使うFIgmaのファイルはこちらです
-----------------------------------------------

https://figma.fun/zhS3wQ

UIデザインをはじめたいデザイナーになりたい人、Webデザイナー、エンジニアなどの方向けに、ソフトウェアデザインの基本を”メッセンジャーアプリ”を作りながら学べるデザインチュートリアルシリーズ。
4回目は2~3で作成したUIを解説します。

📜目次
-----------------------------------------------

00:08 動画の内容
01:05 UIの基本構成
01:34 ナビゲーションとは
03:48 コンテンツエリア
05:28 【超重要】UIはオブジェクトが中心
07:58 各UIパーツを解説します

📜作成で使うFIgmaのファイルはこちらです
-----------------------------------------------

https://figma.fun/zhS3wQ

はじめてのUIデザイン

12
1. UIデザインの概要を手を動かしながら知ろう
1
1. UIデザインの概要を手を動かしながら知ろう

1. UIデザインの概要を手を動かしながら知ろう

成長率10倍でUIデザインを身につける初級チュートリアル
09:42
成長率10倍でUIデザインを身につける初級チュートリアル

成長率10倍でUIデザインを身につける初級チュートリアル

メッセージリストUIをデザイン【余白のサイズはルールで決める】
10:49
メッセージリストUIをデザイン【余白のサイズはルールで決める】

メッセージリストUIをデザイン【余白のサイズはルールで決める】

2. トーク画面をデザイン
1
2. トーク画面をデザイン

2. トーク画面をデザイン

2.ヘッダーUIをデザインしよう
14:45
2.ヘッダーUIをデザインしよう

2.ヘッダーUIをデザインしよう

4.UIデザインの超基本の構成を解説【デザイナーにはこう見えてます】
13:53
4.UIデザインの超基本の構成を解説【デザイナーにはこう見えてます】

4.UIデザインの超基本の構成を解説【デザイナーにはこう見えてます】

3. チャット画面をデザイン
1
3. チャット画面をデザイン

3. チャット画面をデザイン

5.チャットUIをデザインしよう【人の目線は右と左どちらから始まる?】
26:38
5.チャットUIをデザインしよう【人の目線は右と左どちらから始まる?】

5.チャットUIをデザインしよう【人の目線は右と左どちらから始まる?】

デザインしたチャットUIを解説【なぜチャットの色は1色じゃないのか?】
10:08
デザインしたチャットUIを解説【なぜチャットの色は1色じゃないのか?】

デザインしたチャットUIを解説【なぜチャットの色は1色じゃないのか?】

4. ナビゲーションをデザイン
1
4. ナビゲーションをデザイン

4. ナビゲーションをデザイン

ボトムナビゲーションをデザインしよう【アイコンは正方形で配置】
11:45
ボトムナビゲーションをデザインしよう【アイコンは正方形で配置】

ボトムナビゲーションをデザインしよう【アイコンは正方形で配置】

ページ同士の関係性とボトムナビのデザインを解説【ページ間の移動考えたことありますか?】
09:37
ページ同士の関係性とボトムナビのデザインを解説【ページ間の移動考えたことありますか?】

ページ同士の関係性とボトムナビのデザインを解説【ページ間の移動考えたことありますか?】

UIデザイン、仕事ではどんな流れでやるの?をお伝えします
14:25
UIデザイン、仕事ではどんな流れでやるの?をお伝えします

UIデザイン、仕事ではどんな流れでやるの?をお伝えします

実践してみよう!
1
実践してみよう!

実践してみよう!

お題 連絡先一覧のUIをデザインしよう
09:18
お題 連絡先一覧のUIをデザインしよう

お題 連絡先一覧のUIをデザインしよう

お題を解説!
15:54
お題を解説!

お題を解説!

閉じる

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