平時生活中使用過很多APP，也看過一些關(guān)于移動產(chǎn)品導(dǎo)航設(shè)計的文章藏否。今天整理了一下市場上常見的幾種導(dǎo)航設(shè)計埂陆，算是對自己學(xué)過知識的梳理早歇。
APP導(dǎo)航承載著用戶獲取所需內(nèi)容的快速途徑，它看似簡單憔涉，卻是產(chǎn)品設(shè)計中最需要考量的一部分订框。APP導(dǎo)航的設(shè)計，會直接影響用戶對APP的體驗感受兜叨。一個好的導(dǎo)航設(shè)計能讓用戶快速了解該產(chǎn)品的功能和信息組織架構(gòu)穿扳。可以說導(dǎo)航設(shè)計有著舉足輕重的作用国旷。雖然不同的產(chǎn)品需求和商業(yè)目標(biāo)決定了不同的導(dǎo)航框架的設(shè)計模式矛物，但縱觀應(yīng)用市場上的APP，導(dǎo)航設(shè)計的模式總是幾種的組合使用跪但。下面我們來看一下常見的幾種導(dǎo)航設(shè)計模式履羞。
一、標(biāo)簽式導(dǎo)航
標(biāo)簽式導(dǎo)航又叫Tab式導(dǎo)航，是目前移動端市場上最為廣泛的導(dǎo)航設(shè)計忆首。標(biāo)簽導(dǎo)航通常分為底部爱榔，頂部，頂糙及、底混合使用這三種模式
1详幽、底部導(dǎo)航，采用文字加圖標(biāo)的方式展現(xiàn)浸锨。一般有3-5個標(biāo)簽唇聘，適合在相關(guān)的幾類信息中間頻繁的切換使用。這類信息優(yōu)先級較高柱搜、用戶使用頻繁迟郎，彼此之間相互獨立，通過標(biāo)簽式導(dǎo)航的引導(dǎo)冯凹，用戶可以迅速的實現(xiàn)頁面之間的切換且不會迷失方向谎亩，簡單而高效。它的缺點是會占用一定高度的空間宇姚，如果用戶是小屏幕手機匈庭，則視覺體驗不太好。
2浑劳、頂部導(dǎo)航阱持，當(dāng)內(nèi)容分類比較多的時候，經(jīng)常會采用頂部導(dǎo)航設(shè)計模式魔熏，如一些資訊類的APP天天快報衷咽，推酷就采用頂部導(dǎo)航。
3蒜绽、頂部镶骗，底部雙tab導(dǎo)航。標(biāo)簽式導(dǎo)航除了設(shè)在底部和底部躲雅，另外有些產(chǎn)品內(nèi)容比較多會采用頂部鼎姊，底部混合使用標(biāo)簽式導(dǎo)航，如簡書相赁、微票兒相寇。
二钮科、抽屜式標(biāo)簽
抽屜導(dǎo)航指的是一些功能菜單按鈕隱藏在當(dāng)前頁面后唤衫，如網(wǎng)易郵箱、QQ绵脯、知乎等佳励。點擊入口或側(cè)滑即可像拉抽屜一樣拉出菜單休里。這種導(dǎo)航設(shè)計比較適合于那么不需要頻繁切換的次功能，例如對設(shè)置植兰、關(guān)于份帐、會員、皮膚設(shè)置等功能的隱藏楣导。
抽屜式導(dǎo)航的優(yōu)點在于節(jié)省頁面展示空間废境，使主頁面更加簡潔美觀，讓用戶將更多的注意力聚焦到當(dāng)前頁面筒繁。
缺點在于次功能入口比較隱蔽噩凹，用戶不容易發(fā)現(xiàn)；使用次功能需要二次點擊毡咏，增加用戶使用成本驮宴。
三、宮格式導(dǎo)航
這種宮格導(dǎo)航是將主要入口全部聚合在主頁面中呕缭，每個宮格相互獨立堵泽，它們的信息間也沒有任何交集，無法跳轉(zhuǎn)互通恢总。因為這種特質(zhì)迎罗，宮格式導(dǎo)航被廣泛應(yīng)用于各平臺系統(tǒng)的中心頁面。這樣的組織方式無法讓用戶在第一時間看到內(nèi)容片仿，選擇壓力較大纹安，除了常見app如支付寶和美圖秀秀，其他的app采用這種導(dǎo)航的應(yīng)用已經(jīng)越來越少砂豌，往往用在二級頁作為內(nèi)容列表的一種圖形化形式呈現(xiàn)厢岂，或是作為一系列工具入口的聚合。
四阳距、列表式導(dǎo)航
列表式導(dǎo)航作為信息組織框架塔粒，是我們在產(chǎn)品設(shè)計中必不可少的一個信息承載模式。列表導(dǎo)航與宮格導(dǎo)航類似筐摘，常用于二級頁面窗怒，不會默認展示任何實質(zhì)內(nèi)容，所以通常app不會在首頁使用它蓄拣。這種導(dǎo)航結(jié)構(gòu)清晰，易于用戶理解努隙，能夠幫助用戶快速的定位去到對應(yīng)的頁面球恤。
五、舵式導(dǎo)航
在有些情況下荸镊，簡單的底部tab式導(dǎo)航難以滿足更多的操作功能咽斧，這個時候我們就需要一些擴展形式來滿足需求 堪置，新浪微博、lofter张惹、閑魚底部采用的就是舵式導(dǎo)航舀锨，舵式導(dǎo)航（之前看到別人這么叫所以我也就這么稱呼吧）跟標(biāo)簽式導(dǎo)航相比，區(qū)別在于舵式導(dǎo)航把類似生產(chǎn)內(nèi)容的主功能按鈕放在中間宛逗，標(biāo)簽更加突出醒目坎匿，同時該主功能標(biāo)簽做了功能擴展，也因此給設(shè)計增加了一些個性化的亮點雷激。
總結(jié)
以上幾種是最常見導(dǎo)航設(shè)計模式替蔬，真正的產(chǎn)品設(shè)計時往往根據(jù)產(chǎn)品層次的深度和廣度采用多種模式的混合使用，在做到界面簡潔美觀的同時還要滿足用戶的使用習(xí)慣屎暇。
移動端產(chǎn)品導(dǎo)航的設(shè)計沒有最好之說承桥，只有最合適，根據(jù)你的產(chǎn)品采取最合適的導(dǎo)航設(shè)計根悼。除了當(dāng)下已有的設(shè)計模式凶异，未來一定會有更多更新的導(dǎo)航設(shè)計和交互體驗，設(shè)計的心應(yīng)該是自由的挤巡。若你羽翼未豐剩彬，就在規(guī)則的天空中飛行，可能不會出彩但不至于犯錯玄柏；若你已成雄鷹襟衰，便可自由飛翔，突破規(guī)則粪摘，甚至建立自己的規(guī)則瀑晒。
