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

其1：面包屑導航提供有用性

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

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

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

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

②減少作業(yè)次數

從可用性的觀(guān)點(diǎn)來(lái)看，面包屑減少了用戶(hù)遷移到上位頁(yè)的操作數，使用瀏覽器的返回按鈕，避免了用戶(hù)為了尋找導航而尋找上位頁(yè)的復雜的交互。

空間少

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

面包屑不會(huì )給使用者帶來(lái)麻煩

這個(gè)小設計元素所占的空間不大，但給用戶(hù)帶來(lái)的方便卻大大帶來(lái)了遠遠帶來(lái)的問(wèn)題和麻煩。

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

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

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

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

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

3、使用分隔符

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

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

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

5、不成為視覺(jué)焦點(diǎn)

面包屑本身起著(zhù)導航的作用，所以使用華麗的字體和華麗的顏色的話(huà)，會(huì )奪走主客，太顯眼了。不應該成為瀏覽中用戶(hù)的視覺(jué)焦點(diǎn)下面的面包屑設計不錯，但是太顯眼了，比上面的導航更吸引用戶(hù)的注意。

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

如果你認為自己的移動(dòng)頁(yè)面使用了面包屑，那就意味著(zhù)你的移動(dòng)終端出現了問(wèn)題。可能是網(wǎng)站太復雜了（嵌套層次太深）這樣的話(huà)，就不適合移動(dòng)終端的使用場(chǎng)景了。為了解決問(wèn)題，我們需要簡(jiǎn)化系統，讓面包屑不接手機。

http://ezekroy.com/jianzhanzhishi/470.html 臨滄網(wǎng)站建設面包屑使用導航