APP導航設計九法

近期在設計APP原型，用EXCEL，用Axure。但不管工具如何，產品自己的界面佈局和交互設計確實逃不掉的！網絡中有關於APP導航設計的總結：

第一種：app標籤導航  易用性：★★★★★   趣味性：★

　　標籤導航位於頁面底部，一般包含5個標籤是比較合適的數量。這種導航是很是常見的，若是須要用戶頻繁的在不一樣分頁切換，能夠採用這種導航。它的缺點是會佔用必定高度的空間。如微信最新版的APP界面設計圖。

 

第二種：APP舵式導航  易用性：★★★★★   趣味性：★

目前流行一種標籤導航的變體，我的把它稱爲「舵式導航」，由於它的樣式很像輪船上用來指揮的船舵，兩側是其餘操做按鈕。當頁面有處於同一層級的幾大部份內容，同時又須要一個很是重要且頻繁操做的入口，就能夠採用這種APP導航模式。以下圖葡萄社APP。

 

第三種：APP抽屜式導航模式  

抽屜導航是講菜單隱藏在當前頁面後，點擊入口便可像拉抽屜同樣拉出菜單，這種導航的優勢是節省頁面展現空間，讓用戶將更多的注意力聚焦到當前頁面。比較適合於不那麼須要頻繁切換內容的應用，例如對設置、關於等內容的隱藏。這種導航設計須要注意的是必定要提供菜單畫出的過渡動畫。

 

第四種：APP宮格導航（好比九宮格）

　　這種宮格導航是將主要入口所有聚合在頁面，讓用戶作出選擇。這樣的組織方式沒法讓用戶在第一時間看到內容，選擇壓力較大，採用這種導航的應用已經愈來愈少，每每用在二級頁做爲內容列表的一種圖形化形式呈現，或是做爲一系列工具入口的聚合。

 

第五種：APP混合組合導航

　　當用戶須要聚焦內容，同時又須要一些快捷入口可以鏈接到某些頁面時，就能夠採用組合導航。組合導航上方用宮格的形式展示快捷入口，與標籤導航不一樣的是，這些宮格入口之間不須要是平級的關係，也沒必要包含整個層級的內容，你能夠將它理解爲一種圖形化的文字鏈。這種導航比較靈活，能適應架構的快速調整。

 

第九種 點聚式導航

　　點聚式導航，它將多個核心功能聚匯到主界面中顯示，方便用戶呼出使用。因爲點聚式佔用空間小，因此它常出如今一些主要的流程界面中。通常會融入一些動態的互動效果，讓導航更具趣味性。在漸漸的演變中，點聚式會搭載其餘導航樣式出現（如標籤式）。在設計過程當中，按照實際需求，結合內容選擇最爲合適的導航形式，切忌跟風或者先從形式入手從而忽略導航菜單自身的特色。