シリーズ目次

今日から使える"Material Design"

全
本
みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう
20:45
みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう

みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう

UI/UXデザイナー必修。マテリアルデザインとは何か、おすすめのはじめ方
15:11
UI/UXデザイナー必修。マテリアルデザインとは何か、おすすめのはじめ方

UI/UXデザイナー必修。マテリアルデザインとは何か、おすすめのはじめ方

【Material Design】コンテンツのUI表現の代表パターン「CardUI」
25:43
【Material Design】コンテンツのUI表現の代表パターン「CardUI」

【Material Design】コンテンツのUI表現の代表パターン「CardUI」

【Material Design】道案内の定番UI「Navigation Bar」
26:31
【Material Design】道案内の定番UI「Navigation Bar」

【Material Design】道案内の定番UI「Navigation Bar」

【Material Design】3つある「選択UI」の違いを理解するぞ！
22:24
【Material Design】3つある「選択UI」の違いを理解するぞ！

【Material Design】3つある「選択UI」の違いを理解するぞ！

【Material Design】使い分けできる？選択する時に使う3種類の選択UIを解説
22:45
【Material Design】使い分けできる？選択する時に使う3種類の選択UIを解説

【Material Design】使い分けできる？選択する時に使う3種類の選択UIを解説

【Material Design】"コンテンツ"を分類する「TabUI」のきほん
16:41
【Material Design】"コンテンツ"を分類する「TabUI」のきほん

【Material Design】"コンテンツ"を分類する「TabUI」のきほん

【Material Design】クイズで深める"TabUI" / HIGでTabってある？
17:44
【Material Design】クイズで深める"TabUI" / HIGでTabってある？

【Material Design】クイズで深める"TabUI" / HIGでTabってある？

トップ
/
今日から使える"Material Design"
/
【Material Design】道案内の定番UI「Navigation Bar」
基本UIパターン

【Material Design】道案内の定番UI「Navigation Bar」

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

目次

  • 00:41 NavigationBarとは？
  • 07:26 NavigationBarの使い方
  • 14:05 NGな使い方
  • 19:41 質問に答える
  • 22:17 スマホとWebでナビが違う理由は？

‍

公式のドキュメント + 関連

‍

Navigation Bar- Material Design 3
https://m3.material.io/components/navigation-bar/overview
‍‍MD3になってスタイルがAndroid独自になってます。
Bottom Navigation - Material Design 2
https://m2.material.io/components/bottom-navigation
‍名前が違いました。基本概念は一緒です。
Tab Bars
https://developer.apple.com/design/human-interface-guidelines/tab-bars
AppleはTab Barsという名称。役割としてはほぼ変わらないです。

‍

‍

動画で使っているドキュメント

動画でも使っているドキュメントはこちら
※メンバー限定

https://takumikai.notion.site/2-Navigation-Bar-old-Bottom-Navigation-8f4159e870314935a0ba866d38781a79
‍

‍

‍

‍

‍

‍

‍

‍

目次

  • 00:41 NavigationBarとは？
  • 07:26 NavigationBarの使い方
  • 14:05 NGな使い方
  • 19:41 質問に答える
  • 22:17 スマホとWebでナビが違う理由は？

‍

公式のドキュメント + 関連

‍

Navigation Bar- Material Design 3
https://m3.material.io/components/navigation-bar/overview
‍‍MD3になってスタイルがAndroid独自になってます。
Bottom Navigation - Material Design 2
https://m2.material.io/components/bottom-navigation
‍名前が違いました。基本概念は一緒です。
Tab Bars
https://developer.apple.com/design/human-interface-guidelines/tab-bars
AppleはTab Barsという名称。役割としてはほぼ変わらないです。

‍

‍

動画で使っているドキュメント

動画でも使っているドキュメントはこちら
※メンバー限定

https://takumikai.notion.site/2-Navigation-Bar-old-Bottom-Navigation-8f4159e870314935a0ba866d38781a79
‍

‍

‍

‍

‍

‍

‍

‍

目次

  • 00:41 NavigationBarとは？
  • 07:26 NavigationBarの使い方
  • 14:05 NGな使い方
  • 19:41 質問に答える
  • 22:17 スマホとWebでナビが違う理由は？

‍

公式のドキュメント + 関連

‍

Navigation Bar- Material Design 3
https://m3.material.io/components/navigation-bar/overview
‍‍MD3になってスタイルがAndroid独自になってます。
Bottom Navigation - Material Design 2
https://m2.material.io/components/bottom-navigation
‍名前が違いました。基本概念は一緒です。
Tab Bars
https://developer.apple.com/design/human-interface-guidelines/tab-bars
AppleはTab Barsという名称。役割としてはほぼ変わらないです。

‍

‍

動画で使っているドキュメント

動画でも使っているドキュメントはこちら
※メンバー限定
‍

‍

‍

‍

‍

‍

‍

‍

‍

今日から使える"Material Design"

全
本
みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう
20:45
みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう

みんなが「重要だよ」と言う、"ガイドライン"の履修をはじめよう

UI/UXデザイナー必修。マテリアルデザインとは何か、おすすめのはじめ方
15:11
UI/UXデザイナー必修。マテリアルデザインとは何か、おすすめのはじめ方

UI/UXデザイナー必修。マテリアルデザインとは何か、おすすめのはじめ方

【Material Design】コンテンツのUI表現の代表パターン「CardUI」
25:43
【Material Design】コンテンツのUI表現の代表パターン「CardUI」

【Material Design】コンテンツのUI表現の代表パターン「CardUI」

【Material Design】道案内の定番UI「Navigation Bar」
26:31
【Material Design】道案内の定番UI「Navigation Bar」

【Material Design】道案内の定番UI「Navigation Bar」

【Material Design】3つある「選択UI」の違いを理解するぞ！
22:24
【Material Design】3つある「選択UI」の違いを理解するぞ！

【Material Design】3つある「選択UI」の違いを理解するぞ！

【Material Design】使い分けできる？選択する時に使う3種類の選択UIを解説
22:45
【Material Design】使い分けできる？選択する時に使う3種類の選択UIを解説

【Material Design】使い分けできる？選択する時に使う3種類の選択UIを解説

【Material Design】"コンテンツ"を分類する「TabUI」のきほん
16:41
【Material Design】"コンテンツ"を分類する「TabUI」のきほん

【Material Design】"コンテンツ"を分類する「TabUI」のきほん

【Material Design】クイズで深める"TabUI" / HIGでTabってある？
17:44
【Material Design】クイズで深める"TabUI" / HIGでTabってある？

【Material Design】クイズで深める"TabUI" / HIGでTabってある？

閉じる
トップ
/
Text Link
/
This is some text inside of a div block.

Heading

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

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

0 Comments

Active Here: 0
Login or register to join the conversation.
My Profile Image
LogoutEdit Profile
Be the first to leave a comment.
Loading
Load Previous
Someone is typing...
No Name
Set
4 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 comment will appear once approved by a moderator.
0
0
Reply
2 Replies
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.
Cancel
0
0
Load More
Cancel
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
利用規約プライバシーポリシー特定商取引法にに基づく表示お問い合わせ
Copyright ©︎ BONO All Right Reserved.