8種移動APP導航設計模式大對比

1、8種移動app導航設計模式大對比2014年12月24日當我們確定了移動app的設計需求和app產品設計流程之后，開始著手設計 app界面ui或是app原型圖啦。這個時候我們都要面臨的第一個問題就是如 何將信息以最優(yōu)的方式組合起來？也許我們對比和了解了其他一些常用的app 導航設計模式。而且良好的app導航設計模式決策對整個app的核心體驗起到關鍵作用。之前跟大家分享過6個超實用的app導航設計方案和3種常見的app導航設計方案優(yōu)劣勢分析，有一些優(yōu)秀的app基于這些模式做了一些創(chuàng)新的優(yōu)化方案，本文總結了目前通用且流行的模式，并討論了這些模式適用的場景，希望幫助交互 設計師更快的作出較合理的信息組

2、織決策。先來看看8種移動app導航設計模式對比圖吧！標簽導航舵式導航抽屜導航互聯(lián)網的一些事邑tob導航輪播導航>>>>>>組合導航列表導航第一種：app標簽導航 標簽導航位于頁面底部，通常包含5個標簽是比較合適的數(shù)量。這種導航是非常 常見的,如果你的應用需要用戶頻繁的在不同分頁切換，可以采用這種導航。它 的缺點是會占用一走高度的空間。如微信最新版的app界面設計圖。岡用通q掃描二維碼* 100%第2種：app舵式導航 目前流行一種標簽導航的變體，個人把它稱為舵式導航因為它的樣式很像 輪船上用來指揮的船舵,兩側是其他操作按鈕。當頁面有處于同一層級的幾大部 分內

3、容，同時又需要一個非常重要且頻繁操作的入口，就可以采用這種app導 航模式。如下圖葡萄社app?；ヂ?lián)冋的一些事第三種:app抽屜式導航模式 抽屜導航是講菜單隱藏在當前頁面后，點擊入口即可像拉抽屜一樣拉出菜單，這 種導航的優(yōu)點是節(jié)省頁面展示空間，讓用戶將更多的注意力聚焦到當前頁面。比 較適合于不那么需要頻繁切換內容的應用，例如對設置、關于等內容的隱藏。這 種導航設計需要注意的是一定要提供菜單畫出的過渡動畫。自從path應用以來，這種抽屜式導航菜單非常受到大家的喜愛，25學堂之前也 重點介紹了 9種最佳移動app側邊欄設計方案。第四種：app宮格導航（比如九宮格） 這種宮格導航是將主要入口全部聚合

4、在頁面，讓用戶做出選擇。這樣的組織方式 無法讓用戶在第一時間看到內容，選擇壓力較大，采用這種導航的應用已經越來 越少，往往用在二級頁作為內容列表的一種圖形化形式呈現(xiàn)，或是作為一系列工 具入口的聚合。第五種:app混合組合導航當用戶需要聚焦內容，同時又需要一些快捷入口能夠連接到某些頁面時，就可以采用組合導航。組合導航上方用宮格的形式展現(xiàn)快捷入口，與標簽導航不同的是,這些宮格入口之間不需要是平級的關系，也不必包含整個層級的內容，你可以將 它理解為一種圖形化的文字鏈。這種導航比較靈活,能適應架構的快速調整。第六種：列表式app導航 列表式app導航是我們在app設計種必不可少的_個信息承載模式。當然作為個app的導航也是非常方便的。不過目前來看，列表導航通常用于二級頁，由于它與宮格導航一樣，不會默認展 示任何實質內容，所以通常app不會在首頁使用它。這種導航結構清晰，易于 理解，冷靜高效,能夠幫助用戶快速的定位去到對應的頁面。列表項目可以通過 間距、標題等進行分組。第七種：tab導航用于二級頁，本質和標簽導航相同，當應用層級較多的情況下,可以采用tab導航,典型場景是用于改變的當前的視圖，或對當前頁面內容進行分類查看?；ヂ?lián)網的一型事= taggedalbumsor 址第八種:大圖輪播導航或是大圖上面的導航設計當你的應用信息足夠扁平，可以