【UI設計】APP頁面層級導航設計
抽屜式導航
抽屜式導航一般是從頂部或底部拉出,如果是從左右兩側拉出,我們通常 稱之為側邊欄導航。但它們的核心思路是一樣的,都是將內容隱藏起來,在用戶需要時再展開。隱藏非核心的操作與功能,如個人中心、設置項或其他不重要的輔助功能,保持界面內容的干凈美觀,可以讓用戶更專注在核心內容上。

抽屜式導航極大地節省了屏幕空間,同時界面與抽屜之間流暢的過渡動畫,也給用戶帶來體驗上的愉悅感。它適合功能結構龐大的APP。

抽屜式導航的優點是除了節省了頁面展示空間外,還具有良好的擴展性, 任何次要且不頻繁操作的入口都可以放置進去。缺點是導航按鈕非常隱蔽,用戶不易發現,無論是導航按鈕還是抽屜菜單在大屏手機時都不易單手操作。

彈出式導航
彈岀式導航與抽屜式導航的核心思想一致,也是將菜單內容隱藏起來,折 疊在屏幕某個角落的按鈕中,在用戶需要操作時點擊按鈕彈出菜單項。菜單以彈岀框的形式岀現,并在當前視圖覆蓋一層蒙版,與底層內容視圖分離開,讓用戶聚焦在當前的操作上,且用戶不用跳出當前視圖。

彈出框僅在需要的時候才彈出,以節省屏幕空間。它適合支持快捷工具操作的APP。

彈出式導航的優點是節省了頁面展示空間,可在當前界面進行操作,不必 跳出界面,用戶體驗比較連貫。缺點是導航按鈕非常隱蔽,用戶不易發現,如果放置在界面中又會干擾用戶視線,影響瀏覽效率。
列表式導航
列表式導航是我們最常用的導航之一,它在APP中隨處可見,幾乎存在 于任何APP中。這種導航方式結構單一,信息排布簡單,非常易于用戶理解和瀏覽,幫助用戶快速導航到相應的頁面。

在APP中,列表長度沒有任何限制可以向下無限延長,通過上下滾動屏幕瀏覽查看。因此,有時會將列表分組或者在列表的右側增加索引,提升導航效率。它適合展示數量多的并列元素,例如:通訊錄、設置項、聊天列表、商品列表等。

轉載聲明:文章來源于網絡,不作任何商業用途!
全部評論

暫無留言,趕緊搶占沙發
熱門資訊

【AI教程】五步教你用AI制作公司印章效果 ...

【UI設計】UI設計師快速上手B端設計指南

深圳設計培訓機構排名前十哪個家好?

【平面設計】菜單設計原來這么簡單!

2021年流行的插畫風格趨勢

基本形的群化是什么?

深圳十大ui培訓學校哪家推薦?

深圳平面攝影培訓學校排名哪家比較正規?

學設計和編程哪個比較好?




