當(dāng)我們走進(jìn)一個(gè)公園，看到一張導(dǎo)航圖。

　　如何看懂這張導(dǎo)航圖呢？有三點(diǎn)。第一點(diǎn)，找到自己的位置；第二點(diǎn)，找到曾經(jīng)走過(guò)的位置；第三點(diǎn)，找到自己要去的位置。這就是面包屑設(shè)計(jì)的初衷。

　　什么是網(wǎng)站面包屑設(shè)計(jì)？

　　為什么要叫面包屑設(shè)計(jì)呢？這源于一個(gè)西方童話(huà)故事，故事中兩個(gè)孩子用面包屑組成一條回家的路。在數(shù)字世界中，面包屑為您的站點(diǎn)用戶(hù)提供了追溯到原始著陸點(diǎn)的功能。因此，在門(mén)外漢看來(lái)，面包屑是輔助導(dǎo)航，幫助您的用戶(hù)通過(guò)您的網(wǎng)站/應(yīng)用程序。

　　對(duì)于一些企業(yè)網(wǎng)站來(lái)說(shuō)，其實(shí)并不需要面包屑設(shè)計(jì)，訪(fǎng)客能夠一眼即知，自己處于網(wǎng)站的何種位置。但是對(duì)于大型網(wǎng)站而言，如購(gòu)物網(wǎng)站、門(mén)戶(hù)網(wǎng)站，訪(fǎng)客需要知道自己處于網(wǎng)站的哪個(gè)位置，這就需要面包屑設(shè)計(jì)。

　　面包屑設(shè)計(jì)的目的

　　面包屑是一個(gè)有效的視覺(jué)輔助，因?yàn)樗砻髁擞脩?hù)的位置在網(wǎng)站的層次結(jié)構(gòu)。因此，這使得用戶(hù)很容易理解他們所在的位置以及他們可以導(dǎo)航的其他位置。

　　除了用戶(hù)的觀點(diǎn)，面包屑也非常有用的搜索引擎優(yōu)化，因?yàn)樗苋菀讓?dǎo)航通過(guò)你的網(wǎng)站，你的彈跳率大幅下降。

　　此外，您還希望最小化用戶(hù)的操作數(shù)量，并為他們提供無(wú)縫體驗(yàn)。一項(xiàng)研究顯示，使用面包屑導(dǎo)航的用戶(hù)完成網(wǎng)站任務(wù)的速度要比不使用面包屑導(dǎo)航的用戶(hù)快得多。

　　面包屑設(shè)計(jì)三要素

　　在我們深入研究面包屑的設(shè)計(jì)方面之前，面包屑設(shè)計(jì)一般包括如下三個(gè)要素。

　　1.路徑：

　　顧名思義，基于路徑的面包屑顯示用戶(hù)到達(dá)當(dāng)前頁(yè)面的路徑。這種類(lèi)型的面包屑提供了類(lèi)似于前進(jìn)和后退按鈕的功能，因此它是最少使用的。

　　2.地點(diǎn)：

　　基于位置的面包屑指示當(dāng)前頁(yè)面在網(wǎng)站層次結(jié)構(gòu)中的位置。

　　3.屬性：

　　基于屬性的面包屑根據(jù)網(wǎng)站的屬性或類(lèi)別來(lái)指導(dǎo)用戶(hù)。這種類(lèi)型的面包屑更常用于電子商務(wù)網(wǎng)站。

　　面包屑設(shè)計(jì)原則

　　不是主導(dǎo)航。面包屑不是主要的導(dǎo)航;它是一個(gè)次要的功能，只是為了支持用戶(hù)的導(dǎo)航。你的主頁(yè)不需要面包屑。

　　不要突出設(shè)計(jì)。因此，它們不應(yīng)該被設(shè)計(jì)成一種吸引任何注意力的方式。簡(jiǎn)單來(lái)說(shuō)，它們不應(yīng)該是你設(shè)計(jì)的中心。過(guò)于引人注目的設(shè)計(jì)可能會(huì)分散訪(fǎng)問(wèn)者對(duì)主要導(dǎo)航的注意力。

　　風(fēng)格與頁(yè)面匹配。元素的樣式和大小調(diào)整應(yīng)該使其與頁(yè)面的其余部分完全結(jié)合在一起。它應(yīng)該是你的用戶(hù)在訪(fǎng)問(wèn)你的網(wǎng)站時(shí)注意到的第一件事。不要讓你的設(shè)計(jì)太突兀，也不要設(shè)計(jì)得讓人很難找到。

　　位置很關(guān)鍵。你的主導(dǎo)航應(yīng)該在頁(yè)面的頂部，因?yàn)槊姘际谴我獙?dǎo)航，它應(yīng)該在你的主導(dǎo)航之下，但在頁(yè)面內(nèi)容之上。

　　相似性。因?yàn)樵谀愕木W(wǎng)站的每個(gè)頁(yè)面上都有面包屑，所以要確保它們以相同的方式放置，并占據(jù)相似的空間。

　　使用通用符號(hào)。一般的面包屑都是使用大于號(hào)，不要使用怪異或者不常見(jiàn)的符號(hào)。

　　避免在移動(dòng)網(wǎng)站使用。如果你覺(jué)得你的移動(dòng)網(wǎng)站需要導(dǎo)航欄來(lái)導(dǎo)航用戶(hù)，那么你的檢查表上的第一件事應(yīng)該是重新檢查和分析你的設(shè)計(jì)。當(dāng)涉及到移動(dòng)站點(diǎn)時(shí)，面包屑甚至不應(yīng)該出現(xiàn)在議程上。