臨滄網站建設面包屑使用(yòng)導航

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

其1：面包屑導航提供有(yǒu)用(yòng)性

作(zuò)為(wèi)視覺指導，面包屑向用(yòng)戶呈現網頁(yè)的分(fēn)層結構。因此，面包屑成為(wèi)用(yòng)戶了解網站背景信息的重要手段，有(yǒu)助于理(lǐ)解對下一個問題的回答(dá)。

我在哪裏通過整個網站的圖層，可(kě)以知道面包屑是用(yòng)戶的所在地。

其他(tā)還能(néng)去哪裏面包屑提升了網站整體(tǐ)的可(kě)搜索性，面包屑的存在揭示了網站整體(tǐ)的結構，用(yòng)戶了解網站的其他(tā)部分(fēn)。

更值得一看嗎面包屑顯示網站有(yǒu)更多(duō)值得探索的内容，促使用(yòng)戶更多(duō)浏覽。相反，面包屑出來了，網站的脫離率下降了

②減少作(zuò)業次數

從可(kě)用(yòng)性的觀點來看，面包屑減少了用(yòng)戶遷移到上位頁(yè)的操作(zuò)數，使用(yòng)浏覽器的返回按鈕，避免了用(yòng)戶為(wèi)了尋找導航而尋找上位頁(yè)的複雜的交互。

空間少

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

面包屑不會給使用(yòng)者帶來麻煩

這個小(xiǎo)設計元素所占的空間不大，但給用(yòng)戶帶來的方便卻大大帶來了遠(yuǎn)遠(yuǎn)帶來的問題和麻煩。

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

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

請記住，面包屑隻是導航的輔助，不能(néng)代替主要的導航，而是到達其他(tā)水平的用(yòng)戶便利性的次要選擇。

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

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

3、使用(yòng)分(fēn)隔符

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

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

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

5、不成為(wèi)視覺焦點

面包屑本身起着導航的作(zuò)用(yòng)，所以使用(yòng)華麗的字體(tǐ)和華麗的顔色的話，會奪走主客，太顯眼了。不應該成為(wèi)浏覽中(zhōng)用(yòng)戶的視覺焦點下面的面包屑設計不錯，但是太顯眼了，比上面的導航更吸引用(yòng)戶的注意。

6、不要在手機屏幕上使用(yòng)面包屑

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

/jianzhanzhishi/470.html 臨滄網站建設面包屑使用(yòng)導航