網(wǎng)頁中面包屑導(dǎo)航應(yīng)該怎樣設(shè)計？看過我文章的朋友都了解過面包屑的類型和面包屑的正確使用方法，接下來就是使用基于路徑面包屑來導(dǎo)航的案例和原理來說明的網(wǎng)頁中面包屑導(dǎo)航的設(shè)計技巧。
 

基于屬性的面包屑
這類基于屬性的面包屑常見于電子商務(wù)類網(wǎng)站，產(chǎn)品常?；陬悇e和屬性而組織到不同的子目錄中，基于屬性的分類讓用戶更容易理解產(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è)計技巧，這些你都學會了嗎?希望以上文章對你有所幫助。