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