宮格式導(dǎo)航是將主要的菜單入口全部集中在同一個頁面，每個宮格相互獨立，相互的信息間也沒有任何交集，無法跳轉(zhuǎn)互通也因為此，宮格式導(dǎo)航不建議使用在APP 的主導(dǎo)航設(shè)計中，可以用在二級頁作為內(nèi)容列表的一種圖形化形式呈現(xiàn)。

2駝式導(dǎo)航 中間加了一個“+”導(dǎo)航，像輪船上用來指揮的船駝，比如微博空間優(yōu)點需要突出重要且頻繁操作的入口缺點同標(biāo)簽導(dǎo)航3抽屜導(dǎo)航 將菜單隱藏在當(dāng)前頁面內(nèi)，點擊入口即可像抽屜一樣拉出菜單優(yōu)點。

2不要使用滾動式的導(dǎo)航欄 這同樣是為了解決導(dǎo)航欄圖標(biāo)過多的問題而誕生的一個思路，但是這個方案其實解決不了問題，因為總會有圖標(biāo)被遮住，這樣帶來的不確定的問題更多！3保持視覺和風(fēng)格的一致性 保持圖標(biāo)在設(shè)計上的一致。

首先，導(dǎo)航欄可以告知用戶目前的位置，并提供回到上一步或下一步的操作入口，以免讓用戶迷失方向其次，對當(dāng)前頁面內(nèi)容進(jìn)行頂部Tab整理分類，并在導(dǎo)航欄中聚集各種類型的入口，為用戶提供全局操作最后可以增加品牌曝光度，比如容器品牌顏色圖標(biāo)。

在我們的產(chǎn)品中，導(dǎo)航起到了舉足輕重的作用導(dǎo)航相信大家都不陌生，它可以讓我們知道“我現(xiàn)在在哪里”“我可以去哪里”“我怎么去目的地”在手機端里面，導(dǎo)航尤為重要 因為手機的尺寸問題，在設(shè)計手機網(wǎng)站或APP的時候。

GIF Aimation Elevatr HabitClock App Instagrab for iOS 2 矩陣網(wǎng)格式菜單設(shè)計 網(wǎng)格式 菜單 就類似于metro UI的堆砌色塊，優(yōu)點簡約而不簡陋，導(dǎo)航清晰明顯，并能提高效率但設(shè)計時切記不分青紅皂白的去使用色彩哦。

4原型設(shè)計實現(xiàn)案例 1頂部導(dǎo)航 點此查看原型實例 2頂部分類滾動導(dǎo)航 點此查看原型實例 3側(cè)邊分類滾動導(dǎo)航 點此查看原型實例 四抽屜導(dǎo)航 1簡介 抽屜導(dǎo)航也叫漢堡菜單，是將一個導(dǎo)航頁菜單隱藏在當(dāng)前頁面，點擊漢堡按鈕，導(dǎo)航頁。