標簽導航

標簽導航是十大界面框架設計里最常用的界面框架設計,也是被公認的一種的頁面框架設計。標簽導航位于頁面底部,標簽的分類最好可以控制在5個之內(nèi)。

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

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

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

舵式導航


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

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

抽屜導航

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

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

宮格導航

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

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

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

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

組合導航

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

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


列表導航

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

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

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

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

輪播導航

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

 

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

點聚導航

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

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


瀑布導航

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

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

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

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

相關文章

隨機推薦