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

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

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

基于位置的面包屑導(dǎo)航：這種類型是最常見的。這種類型的面包屑導(dǎo)航可以很好的指出當(dāng)前頁面與整個站點的層次結(jié)構(gòu)。這種面包屑導(dǎo)航可以顯示當(dāng)前頁面的前一個頁面或者目錄的鏈接。可以使訪客了解自己的位置，以及可以更快的找到自己想要到達(dá)的頁面?？梢院芎玫奶岣哂脩舻挠押皿w驗。

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

基于路徑的面包屑導(dǎo)航：這種面包屑導(dǎo)航是最不常見到的。這種面包屑導(dǎo)航和上文所說的童話故事類型很像。他們可以顯示訪客在到達(dá)頁面前所訪問過的網(wǎng)頁的鏈接。這種面包屑導(dǎo)航不是很受歡迎，因為他們的功能基本上是和前進(jìn)和后退的按鈕是一樣的。

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

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

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

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

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

1、層級較深的網(wǎng)站，面包屑導(dǎo)航適合層級較深的網(wǎng)站，如果只有一級分類的話，通過主導(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)站制作的過程中要合理的使用面包屑導(dǎo)航，為用戶提供好的用戶體驗，實現(xiàn)網(wǎng)站的價值。

當(dāng)前名稱：網(wǎng)站設(shè)計中的面包屑
分享地址：http://muchs.cn/news29/141979.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站設(shè)計等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)