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

目次

• 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
‍

‍

‍

‍

‍

‍

‍

‍