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

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

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

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

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

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

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

減少操作次數(shù)

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

占用空間小

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

面包屑不會(huì)給用戶帶來麻煩。

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

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

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

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

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

3.使用分隔符

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

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

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

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

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

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

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

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

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

文章題目：網(wǎng)站建設(shè)中如何使用面包屑導(dǎo)航？
本文路徑：http://www.rwnh.cn/news4/198154.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、網(wǎng)站設(shè)計(jì)、網(wǎng)站內(nèi)鏈、微信小程序、小程序開發(fā)、企業(yè)建站

廣告

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