臨滄網(wǎng)站建設(shè)中面包屑導(dǎo)航的使用方法之前，先檢查一下這個詞的由來吧。這個詞源來自于童話中追逐面包屑回家的孩子，網(wǎng)頁上的面包屑也是幫助用戶找到自己所在位置的UI控件。面包屑導(dǎo)航是一種輔助主導(dǎo)航空系統(tǒng)，可以幫助用戶定位在自己目前的網(wǎng)站位置，它小、方便、簡單，并常見。但是，雖然容易被忽視，但是面包屑導(dǎo)航的設(shè)計很講究。今天我們來談?wù)劽姘紝?dǎo)航吧！

其1：面包屑導(dǎo)航提供有用性

作為視覺指導(dǎo)，面包屑向用戶呈現(xiàn)網(wǎng)頁的分層結(jié)構(gòu)。因此，面包屑成為用戶了解網(wǎng)站背景信息的重要手段，有助于理解對下一個問題的回答。

我在哪里通過整個網(wǎng)站的圖層，可以知道面包屑是用戶的所在地。

其他還能去哪里面包屑提升了網(wǎng)站整體的可搜索性，面包屑的存在揭示了網(wǎng)站整體的結(jié)構(gòu)，用戶了解網(wǎng)站的其他部分。

更值得一看嗎面包屑顯示網(wǎng)站有更多值得探索的內(nèi)容，促使用戶更多瀏覽。相反，面包屑出來了，網(wǎng)站的脫離率下降了

②減少作業(yè)次數(shù)

從可用性的觀點來看，面包屑減少了用戶遷移到上位頁的操作數(shù)，使用瀏覽器的返回按鈕，避免了用戶為了尋找導(dǎo)航而尋找上位頁的復(fù)雜的交互。

空間少

像面包屑這樣的設(shè)計在頁面上占據(jù)的空間很少，幾乎都是帶鏈接的文本的形狀，通常只有一行。

面包屑不會給使用者帶來麻煩

這個小設(shè)計元素所占的空間不大，但給用戶帶來的方便卻大大帶來了遠遠帶來的問題和麻煩。

臨滄網(wǎng)站建設(shè)如何巧妙地使用面包屑導(dǎo)航，避免以下幾個問題：

1、不使用面包屑代替網(wǎng)頁的主要導(dǎo)航

請記住，面包屑只是導(dǎo)航的輔助，不能代替主要的導(dǎo)航，而是到達其他水平的用戶便利性的次要選擇。

2、不要將當前頁面的鏈接添加到面包屑中

面包屑的一層是當前頁面，但該項目不應(yīng)鏈接到面包屑。僅僅表示位置是沒有意義的。

3、使用分隔符

在面包屑中，分層常見的大于符號（gt；）常用的方法是“父類別gt；子類別”。當然，分隔符的使用方法不僅僅是這個，還有使用箭頭（→）的，使用書名（）的，使用圖瓦（//）的。使用哪種分離器通常取決于整體風(fēng)格和設(shè)計師的喜好。

4、選擇合適的尺寸和間隔

設(shè)計時應(yīng)仔細考慮尺寸和間距的大小，**不同面包屑層次之間有足夠的間距，用戶能夠識別。當然，你不需要讓面包屑過多地填滿頁面空間。如果面包屑大于頂部導(dǎo)航，那就太難看了。

5、不成為視覺焦點

面包屑本身起著導(dǎo)航的作用，所以使用華麗的字體和華麗的顏色的話，會奪走主客，太顯眼了。不應(yīng)該成為瀏覽中用戶的視覺焦點下面的面包屑設(shè)計不錯，但是太顯眼了，比上面的導(dǎo)航更吸引用戶的注意。

6、不要在手機屏幕上使用面包屑

如果你認為自己的移動頁面使用了面包屑，那就意味著你的移動終端出現(xiàn)了問題?？赡苁蔷W(wǎng)站太復(fù)雜了（嵌套層次太深）這樣的話，就不適合移動終端的使用場景了。為了解決問題，我們需要簡化系統(tǒng)，讓面包屑不接手機。

http://www.bangwork.net/jianzhanzhishi/470.html 臨滄網(wǎng)站建設(shè)面包屑使用導(dǎo)航