「モード」の学びをまとめよう【テンプレ付き】

2023

年

月

日

スキルを上げて、創造のための武器を手に入れよう

すべての動画閲覧には、メンバーシップ加入が必要です

メンバー登録について

『モード』の学びを残そう

能動的なアウトプットが明日を作る〜！🔥
作ったものと学んだことが自分を伝えてくれる〜！

ということで時間をかけすぎず、自分のペースで、
未来の自分のために学びを残しましょう🙆
まとめる理由は例えば

記憶の定着
振り返り
ブログ用

などなど。シェア用テンプレートを作っておいたので活用してください👌

‍

『モード』のポイント

そもそも「モード」はなぜ必要なのか？
「モード」状態になった場合、ナビゲーション周りで何を注意しないといけないか？
「モード」状態と、通常の状態では、何が変わるのか？
ダメUIは、何が、ダメだったのか？

‍

有名なサービスUIの『モード』を考察してみよう

もし時間があれば、
普段自分が使っているサービスの
モードを考察して見るのもオススメです💡

実際のUIを分解/考察して、何かにまとめてみましょう〜！

‍

テンプレートを使ってシェアしよう

学習の記録を助けるフレーム画像を作ってみました。
何種類か試しに作っているので、BONOメンバーは改変自由なので使ってやってください🙋

‍

テンプレートのリンクはこちら

テンプレートのURLは以下から。Figmaでコピペして自由に使ってみてください
https://www.figma.com/file/k4HVxEnPdth8k46vu6mtnj/%22%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AE%E7%A7%98%E5%AF%86-%E3%80%8E3%E3%81%A4%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%A7%8B%E9%80%A0%E3%80%8F%2F-%E3%82%8F%E3%81%8B%E3%82%8A%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AB%E3%81%AF6%E3%81%A4%E3%81%AE%E6%8C%87%E6%A8%99%E3%81%8C%E3%81%82%E3%82%8B%E3%82%88-%2F?type=design&node-id=322%3A66034&mode=design&t=3x6dTkLzZyVlIZXn-1‍

‍

『モード』の学びを残そう

能動的なアウトプットが明日を作る〜！🔥
作ったものと学んだことが自分を伝えてくれる〜！

ということで時間をかけすぎず、自分のペースで、
未来の自分のために学びを残しましょう🙆
まとめる理由は例えば

記憶の定着
振り返り
ブログ用

などなど。シェア用テンプレートを作っておいたので活用してください👌

‍

『モード』のポイント

そもそも「モード」はなぜ必要なのか？
「モード」状態になった場合、ナビゲーション周りで何を注意しないといけないか？
「モード」状態と、通常の状態では、何が変わるのか？
ダメUIは、何が、ダメだったのか？

‍

有名なサービスUIの『モード』を考察してみよう

もし時間があれば、
普段自分が使っているサービスの
モードを考察して見るのもオススメです💡

実際のUIを分解/考察して、何かにまとめてみましょう〜！

‍

テンプレートを使ってシェアしよう

学習の記録を助けるフレーム画像を作ってみました。
何種類か試しに作っているので、BONOメンバーは改変自由なので使ってやってください🙋

‍

テンプレートのリンクはこちら

テンプレートのURLは以下から。Figmaでコピペして自由に使ってみてください
https://www.figma.com/file/k4HVxEnPdth8k46vu6mtnj/%22%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AE%E7%A7%98%E5%AF%86-%E3%80%8E3%E3%81%A4%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%A7%8B%E9%80%A0%E3%80%8F%2F-%E3%82%8F%E3%81%8B%E3%82%8A%E3%82%84%E3%81%99%E3%81%84UI%E3%81%AB%E3%81%AF6%E3%81%A4%E3%81%AE%E6%8C%87%E6%A8%99%E3%81%8C%E3%81%82%E3%82%8B%E3%82%88-%2F?type=design&node-id=322%3A66034&mode=design&t=3x6dTkLzZyVlIZXn-1‍

‍

『モード』の学びを残そう

能動的なアウトプットが明日を作る〜！🔥
作ったものと学んだことが自分を伝えてくれる〜！

ということで時間をかけすぎず、自分のペースで、
未来の自分のために学びを残しましょう🙆
まとめる理由は例えば

記憶の定着
振り返り
ブログ用

などなど。シェア用テンプレートを作っておいたので活用してください👌

‍

『モード』のポイント

そもそも「モード」はなぜ必要なのか？
「モード」状態になった場合、ナビゲーション周りで何を注意しないといけないか？
「モード」状態と、通常の状態では、何が変わるのか？
ダメUIは、何が、ダメだったのか？

‍

有名なサービスUIの『モード』を考察してみよう

もし時間があれば、
普段自分が使っているサービスの
モードを考察して見るのもオススメです💡

実際のUIを分解/考察して、何かにまとめてみましょう〜！

‍

テンプレートを使ってシェアしよう

学習の記録を助けるフレーム画像を作ってみました。
何種類か試しに作っているので、BONOメンバーは改変自由なので使ってやってください🙋

‍

テンプレートのリンクはこちら

※メンバー限定で公開中

‍

Load Previous

No Name

Set

2 years ago

Moderator

(Edited)

Delete Forever

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.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

使いやすいUIの秘密

1 : 『6つの基本』を抑えられてますか？

【シリーズ紹介】UIのどこに何を配置するか迷う？UIの基本概念で解決しよう

使いやすいUIをデザインするための『6つの基本』を知ろう

2 : 『3構造』UI構造の超基本

【使いやすいUIの秘密】何がダメかわかる？NGなUIで理解する、劇的にUIデザインの理解が進む『UI3構造』

お題にチャレンジ！-3構造を使ってUI改善してみよう

「3構造」を使ってUI改善解説！NGなUIをふつうにする理由を知ろう

「3構造」の学びをまとめよう【テンプレ付き】

3 : 『モード』の基本を習得しよう

【使いやすいUIの秘密】"モード"の基本 : NG UIを題材に知らないと陥るモードの罠を避け、UIデザインの基礎を身につけよう

お題にチャレンジ！-モードを使ってUI改善しよう

お題解答 NG UIを改善して、モードの基本を身につける

【モード×デザインお題】モード切り替えに失敗しているUIをデザインし直そう！

【お題解答】モードの切り替えを自然にする2つのパターンを紹介/アクションの意味とUIを一致させる