【全國(guó)】 集團(tuán)簡(jiǎn)介 關(guān)注我們
幫學(xué)院 商標(biāo)分類表-2024尼斯分類 知識(shí)產(chǎn)權(quán)交易

快幫集團(tuán)

網(wǎng)站設(shè)計(jì)中的面包屑

2019-05-07

面包屑導(dǎo)航(Breadcrumb Navigation)這個(gè)概念來自童話故事"漢賽爾格萊特",當(dāng)漢賽爾和格萊特穿過森林時(shí),不小心迷路了,但是他們發(fā)現(xiàn)在沿途走過的地方都撒下了面包屑,讓這些面包屑來幫助他們找到回家的路。所以,面包屑導(dǎo)航的作用是告訴訪問者他們目前在網(wǎng)站中的位置以及如何返回。


常見的面包屑可以分為三種基本類型


基于位置的面包屑導(dǎo)航:這種類型是最常見的。這種類型的面包屑導(dǎo)航可以很好的指出當(dāng)前頁(yè)面與整個(gè)站點(diǎn)的層次結(jié)構(gòu)。這種面包屑導(dǎo)航可以顯示當(dāng)前頁(yè)面的前一個(gè)頁(yè)面或者目錄的鏈接??梢允乖L客了解自己的位置,以及可以更快的找到自己想要到達(dá)的頁(yè)面。可以很好的提高用戶的友好體驗(yàn)。


基于屬性的面包屑導(dǎo)航:這種面包屑導(dǎo)航最常出現(xiàn)在電子商務(wù)站點(diǎn)。這種面包屑導(dǎo)航可以很好的指出當(dāng)前頁(yè)面內(nèi)產(chǎn)品的其他屬性或者類別。對(duì)于一個(gè)產(chǎn)品來說,所具有的屬性往往不只有一種,而通過這種面包屑導(dǎo)航可以給消費(fèi)者一個(gè)更加直觀的了解。


基于路徑的面包屑導(dǎo)航:這種面包屑導(dǎo)航是最不常見到的。這種面包屑導(dǎo)航和上文所說的童話故事類型很像。他們可以顯示訪客在到達(dá)頁(yè)面前所訪問過的網(wǎng)頁(yè)的鏈接。這種面包屑導(dǎo)航不是很受歡迎,因?yàn)樗麄兊墓δ芑旧鲜呛颓斑M(jìn)和后退的按鈕是一樣的。


了解了面包屑,那么我們接下來看看在網(wǎng)站設(shè)計(jì)中面包屑導(dǎo)航都有哪些注意事項(xiàng)。


別把面包屑替代了主要導(dǎo)航系統(tǒng):面包屑導(dǎo)航僅僅是一個(gè)輔助的導(dǎo)航系統(tǒng),它是代替不了主要導(dǎo)航系統(tǒng)的,面包屑導(dǎo)航的作用就是抵達(dá)其他層級(jí)的快速定位鏈接系統(tǒng),協(xié)助用戶方便他們的選擇。面包屑導(dǎo)航和主導(dǎo)航作用是不一樣的,也是不能相比的。


分隔符的使用:一般面包屑的分隔最常見的就是">"。分隔符是沒有硬性要求的,可以自由選擇自己的風(fēng)格。每個(gè)人的設(shè)計(jì)風(fēng)格,都是不一樣的,分隔符的使用也是存在很大差異的。合適的尺寸和間距:在設(shè)計(jì)面包屑導(dǎo)航時(shí),一定要要結(jié)合網(wǎng)站頁(yè)面的空間大小,不能占據(jù)太多的空間頁(yè)面,保證面包屑的大小尺寸合理,不能超過主導(dǎo)航。同時(shí),也一定要注意層級(jí)之間的間距,疏密合理,使用時(shí)簡(jiǎn)單、快捷。


面包屑不是視覺的焦點(diǎn): 面包屑只是一個(gè)輔助導(dǎo)航,并不是主導(dǎo)航,它在設(shè)計(jì)字體和顏色時(shí),應(yīng)該相對(duì)要簡(jiǎn)潔,不必渲染,面包屑不應(yīng)成為用戶視覺的焦點(diǎn)。


雖然眼下很多網(wǎng)站都流行使用面包屑導(dǎo)航,但是并不是所有的網(wǎng)站都適用。符合下面兩個(gè)條件的網(wǎng)站才適合使用面包屑導(dǎo)航。


1、層級(jí)較深的網(wǎng)站,面包屑導(dǎo)航適合層級(jí)較深的網(wǎng)站,如果只有一級(jí)分類的話,通過主導(dǎo)航就可以起到快速定位的作用。比如豆瓣網(wǎng)類型扁平構(gòu)架的網(wǎng)站就沒有使用面包屑導(dǎo)航。


2、獨(dú)立不交叉的網(wǎng)站結(jié)構(gòu),由于面包屑網(wǎng)站導(dǎo)航路徑是線性結(jié)構(gòu)的,因此網(wǎng)站內(nèi)容必須劃分的非常清晰,且不存在交叉;否則,面包屑導(dǎo)航的路徑就不是唯一的,同一分類可能出現(xiàn)在不同的路徑中,讓用戶感到困惑。


網(wǎng)站建設(shè)的過程中要合理的使用面包屑導(dǎo)航,為用戶提供最佳的用戶體驗(yàn),實(shí)現(xiàn)網(wǎng)站的價(jià)值。



TAG標(biāo)簽耗時(shí):0.0028209686279297 秒

文章內(nèi)容來源于網(wǎng)絡(luò),侵刪

常見問題

京公網(wǎng)安備 11010802036823號(hào)

   

京ICP備16051929號(hào)

   

增值電信業(yè)務(wù)許可證編號(hào):京B2-20190686

   

專利代理機(jī)構(gòu)代碼:16087

   

人力資源服務(wù)許可證編號(hào):1101082019043

   

代理記賬許可證書編號(hào):DLJZ11010820210015

0