當(dāng)我們?cè)诮⒁粋€(gè)網(wǎng)站時(shí)，我們可以根據(jù)不同的設(shè)計(jì)感來(lái)匹配我們網(wǎng)站的設(shè)計(jì)，使這個(gè)網(wǎng)站更加受歡迎。此外，在網(wǎng)站建設(shè)中，網(wǎng)頁(yè)中的面包屑是幫助用戶(hù)找到自己位置的用戶(hù)界面控件。

面包屑導(dǎo)航是一個(gè)輔助主導(dǎo)航的系統(tǒng)，可以幫助用戶(hù)定位自己當(dāng)前的網(wǎng)站。它小巧、方便、簡(jiǎn)潔、普通。但是它經(jīng)常被忽視，但是面包屑導(dǎo)航的設(shè)計(jì)非常特別。今天就來(lái)說(shuō)說(shuō)面包屑導(dǎo)航吧！

導(dǎo)航提供可用性。

面包屑作為一種視覺(jué)引導(dǎo)，為用戶(hù)揭示了網(wǎng)頁(yè)的層次結(jié)構(gòu)。因此，面包屑成為用戶(hù)了解網(wǎng)站背景信息、幫助用戶(hù)了解以下問(wèn)題答案的重要途徑：

我在哪里？根據(jù)整個(gè)網(wǎng)站的層次結(jié)構(gòu)，面包屑可以讓用戶(hù)知道自己在哪里。

我還能去哪里？面包屑提高了整個(gè)網(wǎng)站的可搜索性。面包屑的存在揭示了整個(gè)網(wǎng)站的結(jié)構(gòu)，用戶(hù)也知道網(wǎng)站的其他部分是什么。

我應(yīng)該多瀏覽嗎？面包屑揭示網(wǎng)站有更多值得探索的內(nèi)容，鼓勵(lì)用戶(hù)多瀏覽。反之，面包屑的出現(xiàn)降低了網(wǎng)站的跳出率。

減少操作次數(shù)

從可用性角度來(lái)看，面包屑減少了用戶(hù)跳轉(zhuǎn)到更高級(jí)頁(yè)面的操作次數(shù)，從而避免了用戶(hù)使用瀏覽器的后退按鈕和搜索導(dǎo)航查找更高級(jí)頁(yè)面的復(fù)雜交互。

占用空間小

面包屑是一種設(shè)計(jì)元素，在頁(yè)面上占據(jù)很小的空間。它們基本上以帶鏈接的文本形式存在，通常只有一行。

面包屑不會(huì)給用戶(hù)帶來(lái)麻煩。

這個(gè)小小的設(shè)計(jì)元素并沒(méi)有占據(jù)太多的空間，但是它給用戶(hù)帶來(lái)的便利遠(yuǎn)遠(yuǎn)超過(guò)了可能出現(xiàn)的問(wèn)題和麻煩。

如何巧用面包屑導(dǎo)航，應(yīng)避免以下問(wèn)題：

1.不要用面包屑代替網(wǎng)頁(yè)的主導(dǎo)航系統(tǒng)。

面包屑只是輔助導(dǎo)航系統(tǒng)，不能代替主導(dǎo)航系統(tǒng)。請(qǐng)記住，這只是用戶(hù)方便的次要選項(xiàng)，用于達(dá)到快速定位鏈接系統(tǒng)的其他級(jí)別。

2.不要將當(dāng)前頁(yè)面鏈接添加到面包屑中。面包屑的最后一級(jí)是當(dāng)前頁(yè)面，這個(gè)項(xiàng)目不應(yīng)該在面包屑中鏈接，因?yàn)樗黄鸬秸故径ㄎ坏淖饔?，沒(méi)有任何意義。

3.使用分隔符

在面包屑中，大于號(hào)()是區(qū)分不同級(jí)別常用的方式，常用的用法是“父類(lèi)別子類(lèi)別”。當(dāng)然，分離器的使用并不僅限于此。有箭頭()和書(shū)名(？)，也有斜線(//)。使用哪種分隔符通常取決于整體風(fēng)格和設(shè)計(jì)師的偏好。

4.選擇合適的大小和間距。

設(shè)計(jì)時(shí)，應(yīng)仔細(xì)考慮尺寸和間距，不同面包屑水平之間應(yīng)有足夠的間距，以確保用戶(hù)能夠識(shí)別它們。當(dāng)然，您不希望面包屑占用頁(yè)面太多空間。如果面包屑比頂部導(dǎo)航大，看起來(lái)會(huì)很尷尬。

5.不要讓它成為視覺(jué)焦點(diǎn)。

面包屑本身就是一個(gè)輔助導(dǎo)航。如果用太花哨的字體，太醒目的顏色，會(huì)顯得太放肆，太吸引人的眼球。它不應(yīng)該是用戶(hù)在瀏覽時(shí)的視覺(jué)焦點(diǎn)。下面的面包屑設(shè)計(jì)還不錯(cuò)，但是太過(guò)醒目，甚至比頂部導(dǎo)航都吸引不了用戶(hù)的注意力。

6.不要在手機(jī)頁(yè)面上使用面包屑。

如果你認(rèn)為你想在手機(jī)頁(yè)面上使用面包屑，那說(shuō)明你在深圳的手機(jī)頁(yè)面設(shè)計(jì)有問(wèn)題：可能是網(wǎng)站太復(fù)雜，這樣就不符合手機(jī)頁(yè)面的使用場(chǎng)景。為了解決這個(gè)問(wèn)題，你應(yīng)該盡量簡(jiǎn)化整個(gè)系統(tǒng)，以確保面包屑不會(huì)出現(xiàn)在手機(jī)上。

面包屑讓用戶(hù)更容易瀏覽整個(gè)網(wǎng)站，回到上級(jí)頁(yè)面，找到相關(guān)產(chǎn)品。對(duì)整個(gè)網(wǎng)站結(jié)構(gòu)有意義。它的功能并不復(fù)雜，主要功能是增加易用性，所以不要把面包屑復(fù)雜化。

這些是使用面包屑時(shí)可以幫助我們創(chuàng)建一個(gè)好網(wǎng)站的小技巧和簡(jiǎn)單操作。

分享文章：網(wǎng)站建設(shè)中如何使用面包屑導(dǎo)航？
新聞來(lái)源：http://www.rwnh.cn/news/198154.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、網(wǎng)站內(nèi)鏈、網(wǎng)站建設(shè)、搜索引擎優(yōu)化、網(wǎng)站導(dǎo)航、網(wǎng)站改版

廣告

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