導(dǎo)航是應(yīng)用程序界面中最常見的模塊之一,在鏈接應(yīng)用程序中起著每個(gè)頁面的作用。不同的設(shè)計(jì)需求和業(yè)務(wù)目標(biāo)決定了導(dǎo)航的設(shè)計(jì)因品而異,移動(dòng)設(shè)備的尺寸遠(yuǎn)小于計(jì)算機(jī)。因此,在設(shè)計(jì)移動(dòng)終端導(dǎo)航時(shí),應(yīng)考慮更全面,以確保簡單易用。
舵導(dǎo)航菜單以它看起來像船的方向舵而命名。舵導(dǎo)航將核心功能(如發(fā)布、上傳等)放置在導(dǎo)航的中心,并通常使用強(qiáng)烈的顏色來區(qū)分其他標(biāo)簽導(dǎo)航。同時(shí),主功能標(biāo)簽的功能擴(kuò)展,點(diǎn)擊后可以看到更多的界面入口。由于舵導(dǎo)航入口直接清晰,操作路徑短,常用于共享和社交應(yīng)用程序。就像舵導(dǎo)航一樣,漢堡導(dǎo)航也因其形象而得名:普通的漢堡導(dǎo)航頭由三條水平線組成,就像兩層面包和一層肉漢堡一樣。漢堡導(dǎo)航的優(yōu)點(diǎn)是占用了更少的界面空間,使頁面更加簡潔和清新,并將用戶的注意力集中在更重要的信息上。用戶非常熟悉這種導(dǎo)航模式,不會(huì)增加額外的學(xué)習(xí)和適應(yīng)成本。
頂部Tab導(dǎo)航一般有2~5個(gè)選項(xiàng),選擇與未選擇的風(fēng)格略有不同。常見的有底部加短線、字體顏色變化、字體大小放大等。點(diǎn)擊不同的選項(xiàng)后,您可以切換到另一個(gè)頁面。在設(shè)計(jì)移動(dòng)導(dǎo)航菜單時(shí),可以實(shí)現(xiàn)頁面跳轉(zhuǎn),使用鼠標(biāo)交互、手勢(shì)交互、鍵盤、延遲等路徑動(dòng)畫來制作迷人的產(chǎn)品演示。
抽屜導(dǎo)航菜單,也被稱為側(cè)滑導(dǎo)航或擴(kuò)展菜單。這種導(dǎo)航方法將菜單“隱藏”在當(dāng)前頁面上,為主要內(nèi)容騰出空間。抽屜導(dǎo)航通常用于放置用戶不常用的功能,或者對(duì)產(chǎn)品不太核心,如設(shè)置、個(gè)人信息等。列表式導(dǎo)航菜單也是最常見的導(dǎo)航方式之一,常用于個(gè)人中心、設(shè)置、內(nèi)容/信息列表。表中的每個(gè)項(xiàng)都鏈接到另一個(gè)子功能。列表項(xiàng)可以填充文本、圖片或按鈕。這樣做的好處是可以在有限的移動(dòng)屏幕空間內(nèi)容中包含大量的入口。
卡片網(wǎng)格導(dǎo)航菜單可以是多種形狀,也可以由一組圖片組成。這些卡片分為可折疊和可擴(kuò)展塊,具有高度的可視性,使您可以輕松集成相關(guān)元素和可視化主題。這種設(shè)計(jì)在許多流行的應(yīng)用程序和網(wǎng)頁設(shè)計(jì)中非常流行。當(dāng)手指移動(dòng)到菜單標(biāo)簽時(shí),下拉導(dǎo)航菜單可以達(dá)到下拉框的效果,通常用于篩選同一信息模塊下的不同類別的信息,或快速啟動(dòng)一些常用的功能模塊,而不需要頻繁的頁面跳轉(zhuǎn)。這種操作更復(fù)雜,現(xiàn)在很少使用,但有時(shí)與其他導(dǎo)航結(jié)合使用。