シリーズ目次

はじめての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デザイン
/
5.チャットUIをデザインしよう【人の目線は右と左どちらから始まる?】
基本UIパターン

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

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

動画で使っている素材は概要欄に。LINEで馴染みのあるチャットUIをデザインしましょう。
かなり基本的でほぼ全てのサービスで同じUIが採用されています。
この機会にデザインして基本を身につけましょう〜!

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

00:06  動画の内容
00:40  この動画で学べること
01:17  作るUIと手順
02:14  ナビゲーション
07:09  ボトムナビ
11:37  メッセージやりとりUI
22:29  キーボード立ち上げUI

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

https://figma.fun/zhS3wQ

動画で使っている素材は概要欄に。LINEで馴染みのあるチャットUIをデザインしましょう。
かなり基本的でほぼ全てのサービスで同じUIが採用されています。
この機会にデザインして基本を身につけましょう〜!

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

00:06  動画の内容
00:40  この動画で学べること
01:17  作るUIと手順
02:14  ナビゲーション
07:09  ボトムナビ
11:37  メッセージやりとりUI
22:29  キーボード立ち上げ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