九種APP界麵導航模式詳解,你掌握了幾個?

作者:許勇 來源:平麵設計 時間:2020-01-18 標簽: APP界麵 APP導航

標簽導航

標簽導航是十大界麵框架設計裏最常用的界麵框架設計,也是被公認的一種的頁麵框架設計。標簽導航位於頁麵底部,標簽的分類最好可以控製在5個之內。

標簽導航能夠讓用戶清楚當前所在的入口位置,輕鬆在各入口間頻繁跳轉且不會迷失方向,直接展現最重要入口的內容信息。如果功能入口過多時,該模式反而顯得笨重不實用。

舵式導航


目前流行一種標簽框架的變體,稱為“舵式導航”,因為它的樣式很像輪船上用來指揮的船舵,在標簽導航的基礎上中間加了一個導航操作項,這種舵盤很容易區分開旁邊的導航模式,能夠讓用戶知道中間這個標誌是它主要的導航操作項。美中不足的是隻能用在奇數導航標簽裏麵。

抽屜導航

抽屜導航是將菜單隱藏在當前頁麵後,點擊入口即可像拉抽屜一樣拉出菜單。可以節省頁麵展示空間,讓用戶注意力聚焦到當前頁麵。缺點是不適合頻繁切換的應用。

宮格導航

宮格導航和之前所講的兩種界麵導航設計不太一樣,宮格導航是將主要入口全部聚合在頁麵,讓用戶進入界麵之後第一步的反應就是做出選擇,直觀展現各項內容。

缺點是不能顯示太多入口次級內容,它隻能展示一級入口,隻適合一些功能層級沒有太多的APP,並且每一個功能與功能之間有明顯的間隔。

組合導航

組合導航與之前所講的導航模式之間有一些相關,它並不是一種獨立的界麵框架設計,而是一種綜合式的,靈活運用剛才所講的很多類型的界麵導航設計的模式。當用戶需要聚焦內容,同時又需要一些快捷入口能夠連接到某些頁麵時,就可以采用組合導航。布局靈活,能適應架構的快速調整。


列表導航

列表導航是在我們這種二三級頁麵最常見的一種導航模式,或者說二三級功能裏麵最常見的。層次展示清晰,可展示內容較長的標題,比如三個字、四個字、五個字都可以。

如果同級過多時,會產生疲勞。排版靈活性不高,無論怎麼排都是列表的樣式,而且每一個列表的細分模塊都要同樣大小的圖標,甚至風格都要固定,標題、文案都需要擺放在固定的位置,排版非常不靈活,樣式基本是固定死的。

輪播導航

輪播導航我們使用的比較少,運用這種導航模式的APP也不多。單頁麵,頁麵層級比較簡單,整體性非常強,內容也比較少;瀏覽方式非常順暢、有方向感,滑動為左右滑動,用戶用起來不會困難。不適合展示過多頁麵,如果功能太多了,層級太多了,都不適用於輪播導航。

 

點聚導航

點聚導航是一種比較酷炫的界麵框架設計的方式,指的是我們將主要的按鈕或者導航合並在一起作為一個主要的按鈕浮動在頁麵上麵。靈活、展現方式有趣、頁麵更開闊,點聚式導航配上抽屜式導航,能夠解決標簽式導航的缺點。


瀑布導航

瀑布式導航這種界麵框架設計適用的範圍是比較固定的,就是適應這種圖片為主的內容,就像我們所說的瀑布流,這種瀑布流的界麵框架是一邊“拉”一邊刷新、自動向下拉自動刷新。

瀏覽時產生流暢體驗。特別適合展示大圖,不用小圖點擊,直接展示大圖。因為這種布局不用標簽式的導航,用戶會被圖片所吸引,能夠讓用戶長時間地停留在頁麵裏去瀏覽圖片。層級比較複雜的架構不適合瀑布導航,容易產生疲勞感。

相關文章:

推薦設計

最新文章