根據(jù)自己的整理歸納，移動(dòng)端導(dǎo)航主要有標(biāo)簽式、側(cè)邊（抽屜）式、列表式、宮格式、菜單式、卡片式、懸浮icon欄、平鋪式8種 【行動(dòng)】記住8種導(dǎo)航欄的優(yōu)缺點(diǎn)，同時(shí)分析40個(gè)自己手機(jī)APP的導(dǎo)航樣式。
Tabbar的導(dǎo)航方式是由誰(shuí)發(fā)明的馬海祥不得而知，不過相信大家都同意是由蘋果將其傳播開來，不僅很多蘋果的官方應(yīng)用采用了這種設(shè)計(jì)，蘋果同樣大力推薦應(yīng)用開發(fā)者優(yōu)先采用這種方式，從某種角度來說，tabbar基本就是導(dǎo)航的標(biāo)準(zhǔn)設(shè)計(jì)。
第二種是疊加式，即導(dǎo)航抽屜位于主頁(yè)的底部，打開抽屜，原來的主頁(yè)會(huì)向屏幕右側(cè)滑動(dòng)，顯出主頁(yè)下方的導(dǎo)航抽屜，如下圖中圖5，這種風(fēng)格在ios上很普遍。
下面介紹移動(dòng)端幾種常見導(dǎo)航形式。標(biāo)簽式導(dǎo)航（也叫Tab導(dǎo)航）大多數(shù)app會(huì)選擇標(biāo)簽式導(dǎo)航，標(biāo)簽式導(dǎo)航結(jié)構(gòu)如下圖所示。底部標(biāo)簽導(dǎo)航是iOS頁(yè)面布局中比較推崇的一種導(dǎo)航方式。
tab導(dǎo)航 （用于二級(jí)頁(yè)，本質(zhì)和標(biāo)簽導(dǎo)航相同，當(dāng)應(yīng)用層級(jí)較多時(shí)，可采用tab導(dǎo)航，比如淘寶）優(yōu)點(diǎn)：對(duì)多內(nèi)容多層級(jí)產(chǎn)品適用。缺點(diǎn)：結(jié)構(gòu)復(fù)雜，內(nèi)容繁多。
頂部標(biāo)簽導(dǎo)航也是一種非常常見的導(dǎo)航模式。拓展性是非常好的，可以隨自己的心意增減標(biāo)簽。而且相比底部Tab來說，頂部Tab采用的是文字的形式，占據(jù)的空間是非常小的。
1、Tabbar的導(dǎo)航方式是由誰(shuí)發(fā)明的馬海祥不得而知，不過相信大家都同意是由蘋果將其傳播開來，不僅很多蘋果的官方應(yīng)用采用了這種設(shè)計(jì)，蘋果同樣大力推薦應(yīng)用開發(fā)者優(yōu)先采用這種方式，從某種角度來說，tabbar基本就是導(dǎo)航的標(biāo)準(zhǔn)設(shè)計(jì)。
2、下圖是《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》一書的截圖，截圖中列出的是一些適合做主導(dǎo)航的導(dǎo)航模式。
3、變化形式根據(jù)不同的需要很可能有很多種。一般來講，常見的這些導(dǎo)航模式就夠了。列表導(dǎo)航列表式APP導(dǎo)航是我們?cè)贏PP設(shè)計(jì)種必不可少的一個(gè)信息承載模式。當(dāng)然作為一個(gè)APP的導(dǎo)航也是非常方便的。
4、移動(dòng)端導(dǎo)航設(shè)計(jì)一般有七種設(shè)計(jì)模式，根據(jù)產(chǎn)品層級(jí)的深度和廣度，選擇適合的導(dǎo)航模式，是產(chǎn)品設(shè)計(jì)中的關(guān)鍵一環(huán)。標(biāo)簽式導(dǎo)航 即tab式導(dǎo)航，是移動(dòng)應(yīng)用中最普遍、最常用的導(dǎo)航模式，適合在相關(guān)的幾類信息中間頻繁的調(diào)轉(zhuǎn)。
1、網(wǎng)址導(dǎo)航就是一個(gè)集合較多網(wǎng)址，并按照一定條件進(jìn)行分類的一種網(wǎng)址站。網(wǎng)址導(dǎo)航方便網(wǎng)友們快速找到自己需要的網(wǎng)站，而不用去記住各類網(wǎng)站的網(wǎng)址，就可以直接進(jìn)到所需的網(wǎng)站。
2、網(wǎng)站導(dǎo)航實(shí)際上并不是一個(gè)非常確定的功能或者手段，而是一個(gè)通稱，凡是有助于方便用戶瀏覽網(wǎng)站信息、獲取網(wǎng)站服務(wù)并且在整個(gè)過程中不至迷失、在發(fā)現(xiàn)問題時(shí)可以及時(shí)找到在線幫助的所有形式都是網(wǎng)站導(dǎo)航系統(tǒng)的組成部分。
3、網(wǎng)頁(yè)導(dǎo)航是指一種方便用戶瀏覽互聯(lián)網(wǎng)的工具。通過網(wǎng)頁(yè)導(dǎo)航，用戶可以方便地訪問自己常用的網(wǎng)站，縮短搜索時(shí)間，省去繁瑣的輸入網(wǎng)址的步驟。網(wǎng)頁(yè)導(dǎo)航目前已經(jīng)獲得了廣泛的應(yīng)用，種類繁多，可以根據(jù)個(gè)人需求選擇適合自己的導(dǎo)航網(wǎng)站。
4、網(wǎng)站導(dǎo)航：像hao123那樣，是一個(gè)網(wǎng)址大全來的。里面包含了很多網(wǎng)站的網(wǎng)址，一點(diǎn)擊就進(jìn)入了相對(duì)應(yīng)的網(wǎng)站。內(nèi)容導(dǎo)航：通過內(nèi)容來聯(lián)接相對(duì)應(yīng)的頁(yè)面（網(wǎng)址），這樣，用戶可以有選擇性的根據(jù)內(nèi)容來打開相關(guān)網(wǎng)站。
