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