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

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

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

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

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

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

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

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

空間少

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

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

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

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

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

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

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

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

3、使用分隔符

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

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

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

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

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

6、不要在手機(jī)屏幕上使用面包屑

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

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