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

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

2不要使用滾動(dòng)式的導(dǎo)航欄 這同樣是為了解決導(dǎo)航欄圖標(biāo)過(guò)多的問(wèn)題而誕生的一個(gè)思路，但是這個(gè)方案其實(shí)解決不了問(wèn)題，因?yàn)榭倳?huì)有圖標(biāo)被遮住，這樣帶來(lái)的不確定的問(wèn)題更多！3保持視覺(jué)和風(fēng)格的一致性 保持圖標(biāo)在設(shè)計(jì)上的一致。

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

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

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

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