シリーズ目次

UIタイポグラフィ入門

1. UIのタイポグラフィの基本を知ろう
xxx
1. UIのタイポグラフィの基本を知ろう

1. UIのタイポグラフィの基本を知ろう

UIタイポグラフィ入門スキル習得の流れ
text
UIタイポグラフィ入門スキル習得の流れ

UIタイポグラフィ入門スキル習得の流れ

【意外とムズイ】AとBのUI、どっちがプロ仕様か見抜けますか?UIタイポグラフィ入門
26:02
【意外とムズイ】AとBのUI、どっちがプロ仕様か見抜けますか?UIタイポグラフィ入門

【意外とムズイ】AとBのUI、どっちがプロ仕様か見抜けますか?UIタイポグラフィ入門

2. 実践してタイポグラフィの基礎を習得しよう
xxx
2. 実践してタイポグラフィの基礎を習得しよう

2. 実践してタイポグラフィの基礎を習得しよう

【Figma】"タイポグラフィ階層"を設定して、使えるようにしよう
22:15
【Figma】"タイポグラフィ階層"を設定して、使えるようにしよう

【Figma】"タイポグラフィ階層"を設定して、使えるようにしよう

3. ニュースアプリUIをリデザインしよう
xxx
3. ニュースアプリUIをリデザインしよう

3. ニュースアプリUIをリデザインしよう

【練習】ニュースアプリで学ぶ文字のサイズと階層のデザイン術
08:42
【練習】ニュースアプリで学ぶ文字のサイズと階層のデザイン術

【練習】ニュースアプリで学ぶ文字のサイズと階層のデザイン術

【解説】文字サイズで変わるニュースUI体験を確認しよう
10:05
【解説】文字サイズで変わるニュースUI体験を確認しよう

【解説】文字サイズで変わるニュースUI体験を確認しよう

4. レシピUIをデザインしよう
xxx
4. レシピUIをデザインしよう

4. レシピUIをデザインしよう

【練習】レシピ詳細UIで鍛える文字デザイン力
05:43
【練習】レシピ詳細UIで鍛える文字デザイン力

【練習】レシピ詳細UIで鍛える文字デザイン力

【解説】読みやすさの違いはここ!レシピUI解答例を解説
17:48
【解説】読みやすさの違いはここ!レシピUI解答例を解説

【解説】読みやすさの違いはここ!レシピUI解答例を解説

トップ
/
UIタイポグラフィ入門
/
【解説】読みやすさの違いはここ!レシピUI解答例を解説
タイポグラフィ

【解説】読みやすさの違いはここ!レシピUI解答例を解説

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

解答例とデザインのポイントを確認しよう

この動画では、お題の解答例を示しながら、デザインのポイントをシェアします。
学習中なので、正解することが目的ではありません。「どの部分に注目できるようになるべきか」「どこで違いが生まれるのか」といった視点を持ち、UIやデザインを見る力を養っていきましょう。

お題のFigmaデータはこちら

https://www.figma.com/design/TeuWUdAij8RFwdoiHbB4B4/-Lesson--%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC---UI-%E3%82%BF%E3%82%A4%E3%83%9D%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%81%AE%E5%9F%BA%E7%A4%8E?node-id=78-2615&t=gXXC2Y5E8skersKo-1

解答例とデザインのポイントを確認しよう

この動画では、お題の解答例を示しながら、デザインのポイントをシェアします。
学習中なので、正解することが目的ではありません。「どの部分に注目できるようになるべきか」「どこで違いが生まれるのか」といった視点を持ち、UIやデザインを見る力を養っていきましょう。

お題のFigmaデータはこちら

https://www.figma.com/design/TeuWUdAij8RFwdoiHbB4B4/-Lesson--%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC---UI-%E3%82%BF%E3%82%A4%E3%83%9D%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%81%AE%E5%9F%BA%E7%A4%8E?node-id=78-2615&t=gXXC2Y5E8skersKo-1

解答例とデザインのポイントを確認しよう

この動画では、お題の解答例を示しながら、デザインのポイントをシェアします。
学習中なので、正解することが目的ではありません。「どの部分に注目できるようになるべきか」「どこで違いが生まれるのか」といった視点を持ち、UIやデザインを見る力を養っていきましょう。

お題のFigmaデータはこちら

メンバー登録で閲覧できます。

[[メンバー登録はこちら]]

UIタイポグラフィ入門

1. UIのタイポグラフィの基本を知ろう
xxx
1. UIのタイポグラフィの基本を知ろう

1. UIのタイポグラフィの基本を知ろう

UIタイポグラフィ入門スキル習得の流れ
text
UIタイポグラフィ入門スキル習得の流れ

UIタイポグラフィ入門スキル習得の流れ

【意外とムズイ】AとBのUI、どっちがプロ仕様か見抜けますか?UIタイポグラフィ入門
26:02
【意外とムズイ】AとBのUI、どっちがプロ仕様か見抜けますか?UIタイポグラフィ入門

【意外とムズイ】AとBのUI、どっちがプロ仕様か見抜けますか?UIタイポグラフィ入門

2. 実践してタイポグラフィの基礎を習得しよう
xxx
2. 実践してタイポグラフィの基礎を習得しよう

2. 実践してタイポグラフィの基礎を習得しよう

【Figma】"タイポグラフィ階層"を設定して、使えるようにしよう
22:15
【Figma】"タイポグラフィ階層"を設定して、使えるようにしよう

【Figma】"タイポグラフィ階層"を設定して、使えるようにしよう

3. ニュースアプリUIをリデザインしよう
xxx
3. ニュースアプリUIをリデザインしよう

3. ニュースアプリUIをリデザインしよう

【練習】ニュースアプリで学ぶ文字のサイズと階層のデザイン術
08:42
【練習】ニュースアプリで学ぶ文字のサイズと階層のデザイン術

【練習】ニュースアプリで学ぶ文字のサイズと階層のデザイン術

【解説】文字サイズで変わるニュースUI体験を確認しよう
10:05
【解説】文字サイズで変わるニュースUI体験を確認しよう

【解説】文字サイズで変わるニュースUI体験を確認しよう

4. レシピUIをデザインしよう
xxx
4. レシピUIをデザインしよう

4. レシピUIをデザインしよう

【練習】レシピ詳細UIで鍛える文字デザイン力
05:43
【練習】レシピ詳細UIで鍛える文字デザイン力

【練習】レシピ詳細UIで鍛える文字デザイン力

【解説】読みやすさの違いはここ!レシピUI解答例を解説
17:48
【解説】読みやすさの違いはここ!レシピUI解答例を解説

【解説】読みやすさの違いはここ!レシピUI解答例を解説

閉じる

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