網(wǎng)頁中面包屑導(dǎo)航應(yīng)該怎樣設(shè)計?看過我文章的朋友都了解過面包屑的類型和面包屑的正確使用方法,接下來就是使用基于路徑面包屑來導(dǎo)航的案例和原理來說明的網(wǎng)頁中面包屑導(dǎo)航的設(shè)計技巧。
網(wǎng)頁中面包屑導(dǎo)航應(yīng)該怎樣設(shè)計?看過我文章的朋友都了解過面包屑的類型和面包屑的正確使用方法,接下來就是使用基于路徑面包屑來導(dǎo)航的案例和原理來說明的網(wǎng)頁中面包屑導(dǎo)航的設(shè)計技巧。
基于屬性的面包屑
這類基于屬性的面包屑常見于電子商務(wù)類網(wǎng)站,產(chǎn)品常常基于類別和屬性而組織到不同的子目錄中,基于屬性的分類讓用戶更容易理解產(chǎn)品和產(chǎn)品之間的關(guān)系,提供了更多不同的瀏覽路徑。
就像 TM Lewin 的這個頁面,面包屑展現(xiàn)出的是特定頁面對應(yīng)產(chǎn)品,而產(chǎn)品是按照某個屬性來組織的:
層級還是歷史?
根據(jù)實際經(jīng)驗,絕大多數(shù)的情況下,面包屑還是適合展現(xiàn)層級機構(gòu)而非瀏覽歷史。因此,基于位置和屬性的面包屑應(yīng)用更加廣泛,基于路徑的面包屑相對少見的多。
面包屑導(dǎo)航最佳實踐
當你開始設(shè)計面包屑導(dǎo)航的時候,應(yīng)當謹記下面的事情:
1、不要使用面包屑來替代網(wǎng)頁主要的導(dǎo)航系統(tǒng)
面包屑只是一個輔助導(dǎo)航系統(tǒng),它無法替代主要的導(dǎo)航系統(tǒng)。請記住,它是僅僅是為了用戶方便的次要選項,用來抵達其他層級的快速定位鏈接系統(tǒng)。
2、不要將當前頁鏈接加到面包屑中
面包屑的最后一個層級是當前的頁面,而這一項在面包屑中是不應(yīng)該加上鏈接的,因為它只起到展示定位的作用,沒有任何意義。
3、使用分隔符
在面包屑中,用來分隔不同層級最常見的是大于符號(>),常見的使用方法是“父類別 > 子類別”。當然,分隔符的使用并不拘泥于這一種,有使用箭頭(→)的,還有使用書名號(»)的,也有使用斜杠(//)的。使用哪種分隔符通常取決于整體風格和設(shè)計師的喜好。
網(wǎng)頁中面包屑導(dǎo)航應(yīng)該怎樣設(shè)計?以上文章為大家介紹了三點網(wǎng)頁中面包屑導(dǎo)航的設(shè)計技巧,這些你都學(xué)會了嗎?希望以上文章對你有所幫助。
免責聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認相關(guān)法律責任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請發(fā)送郵件至:operations@xinnet.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,本站將立刻刪除涉嫌侵權(quán)內(nèi)容。