精品干貨丨APP常用導航框架，干貨丨app導航

精品干貨丨APP常用導航框架，干貨丨app導航

文章目的：在整體上把握移動端App的導航框架，理解每種導航所具有的優點、局限性和其所適用的范圍。

文章用心：典型APP案例(源碼：http://www.jinhusns.com/Products/Download/?type=xcj)、按導航熱門度排列、文章結構清晰。

導航作為移動App的基本入口以及主要功能的展現方式，不同性質的App所羅列的不同優先級的功能，展示出來的導航也各有千秋，其服務的對象和目的也不盡相同。概括為一句話：需具體問題，具體分析。但，其中也不乏規律可循。

羅 列一下常見的導航樣式：標簽式Tab（微信）、列表式List（網易，偏向信息展示）、抽屜式Side（手機QQ）、九宮格式SpringBoard（支 付寶）、輪播式Cards（Iphone天氣，自帶軟件）、陳列館式（貓眼）、點聚式（百度雲）、瀑布式Gallery（圖片、壁紙軟件，偏向信息展 示）。

1.標簽式Tab

 

 

典型微信、電話，最常用的導航模式。

優點：直觀展示入口內容，頻度使用高，且功能內容不一。

局限性：如若是一款功能模塊較多的軟件，再采用標簽式會顯得笨重，可考慮采用其他導航模式。

適用范圍：

在整體上：適用於排列主要功能的大部分軟件。

在功能上：作為移動軟件的一級功能入口，擺放最主要功能。

2.列表式 List

 

       典型網易、知乎，較常用導航模式。

優點：層次清晰，展示內容多，展示內容性軟件。

局限性：需注重編排。

適用范圍：

在整體上：適用於資訊類軟件。

在功能上：對各種內容的展示，需保證清晰、明了。

3.抽屜式 Side

 

典型手機QQ、QQ空間，較常用導航模式。

優點：擴展性強，需求頻度稍弱（隱藏），需要時能顯示，弱需求的整合歸類。

局限性：弱需求隱藏。

適用范圍：

在整體上：適用於功能較多，需求層級較多的軟件。

在功能上：同類弱需求的組合排列。

4.九宮格式 SpringBoard

 

典型支付寶、優酷，較常用導航模式。

優點：功能入口直觀，且功能模塊多。

局限性：功能多、雜，無重點突出。

適用范圍：

在整體上：適用於功能模塊多的平台性軟件。

在功能上：較多重要功能，以展示列的形式顯示功能。

5.輪番式 Cards

 

典型Iphone天氣、花田，較常用導航模式。

優點：功能內容統一，浏覽方式順暢。

局限性：但不能展示多頁，只能順序查看。

適用范圍：

在整體上：適用於功能單一、統一的工具型軟件，適用於隨意看看。

在功能上：同級功能內容的展示，適用於順便再看看的性質。

6.陳列式

 

典型貓眼、大眾點評，較常用導航模式。

優點：直觀、方便，內容陳列。

適用范圍：

在整體上：適用電影、書籍等陳列展示。

在功能上：相同內容的展示，現基本都是用於展示電影內容。

7.點聚式

 

典型百度雲、Path，較少用導航模式。

優點：靈活、有趣，界面更加開闊。

局限性：隱藏了功能，且隱藏功能不能太多，不然顯示後，用戶較難反應。

適用范圍：

在整體上：適用於信息內容展示較多的軟件並功能需求頻度較低

在功能上：與抽屜式導航類似，都是用於隱藏次級功能。但是，此類導航所隱藏的功能更加少，需要給用戶指明其功能，但是顯示效果佳。

8.瀑布式 Gallery

 

典型花瓣、壁紙10000+，較少用導航模式。

優點：浏覽式查看、目的性不強。

局限性：布局需設計，會造成視覺疲勞。

適用范圍：

在整體上：適用於信息展示，偏向於圖片而非文字類，浏覽性質強。

在功能上：同類內容的展示，用於隨意看看，與輪播式導航類似，但是展示內容更多。

本文通過對導航類型分類，並評估其適用類型，能更加明確其使用目的性和適用性。

單一的導航是無法駕馭現在豐富功能的App的，采用混合型組合，針對導航的適用性采取不同類型的導航，適合的永遠才是最好的。

本文統一、針對性了解和分析了導航的類別，希望以後在設計和理解App時，能有一個整體性的把握，這便足矣。