--- title: Material Design --- 1. [Router的概念](https://m2.material.io/design/navigation/understanding-navigation.html#lateral-navigation) 1.1 . 橫嚮導航是指在同一層次結構級別的屏幕之間移動。應用程序的主要導航組件應提供對其層次結構頂層的所有目的地的訪問。 1.2 . Forward navigation 向前導航是指在連續層次結構級別的屏幕、流程中的步驟或跨應用程序之間移動。 1.3 反嚮導航是指按時間順序(在一個應用程序內或跨不同應用程序)或按層次結構 ![](https://hackmd.io/_uploads/Skk5pfspn.png) 2. App vs Web 滑鼠 vs 觸控 顯示資訊較少 vs 較多 3. App用戶普遍還是用下方操作為主 因此Navagation bar為主 4. 漢堡排的概念 4.1. [Tab Bar](https://m2.material.io/components/tabs#scrollable-tabs) 4.2. [Top App Bar](https://m2.material.io/components/app-bars-top) ![](https://hackmd.io/_uploads/rkoL2fsph.png) 5. 會員中心跟設定整合 6. Padding 的概念需要一致 7. Image跟文字匡Container的R角