一、頂部導航
整個應用的導航在頂部,用戶通過左右滑動來切換不同的導航選項卡。主內容區域將是一個動態面板。當用戶點擊導航條目或者左右滑動手指的時候,就切換主內容區域的動態面板的狀態。該布局一般適合有很多列表內容的應用,比如說新聞類應用。
頂部導航
二、標簽式導航
這是最常見的布局形式,微信等具有多個主要功能劃分的引用都采用了這個方式;適合3-5個導航菜單,核心功能比較突出,也能夠以直觀的方式通知用戶(比如使用類似微信一樣的數字通知來告訴用戶某個導航下面有多少內容更新)。
標簽式導航
三、抽屜式
抽屜式布局是指導航隱藏在左側或者右側,用戶通過滑動拖拽的方式,像打開抽屜一樣將導航部分拖出。這種布局適合主內容比較多,不希望菜單欄占據固定位置消耗空間的應用程序;但是缺點在于用戶需要一個明顯的提示來發現導航。
抽屜式
四、九宮格式
九宮格其實不一定是9個格,可以根據需要靈活地調整。九宮格布局的特點就是直觀,所有的功能一目了然;缺點食在不同的導航之間切換到時候,經常要回到首頁。
九宮格式
五、下拉列表式
在這種布局中,菜單默認是隱藏的,用戶點擊后滑出,有點兒類似于抽屜式布局,不過一般是上下滑動的。
下拉列表式
六、異形
在這類布局中,會采用一些非常規的菜單來進行導航,如圓形的導航盤,樂死滴滴打車那樣的飛出式菜單等。
七、分級菜單
多層級的菜單這種設計常用于項目很多,但是每個項目的內容比較簡單的應用,如聯系人,地址等。
本文文字部分摘自《APP藍圖Axure RP7.0移動互聯網產品原型設計》呂皓月(清華大學出版社)