簡(jiǎn)潔的網(wǎng)站設計面包屑發(fā)布者：本站     時(shí)間：2020-06-16 11:06:14

所謂面包屑就是細小的東西，在網(wǎng)站中就是一些小的標語(yǔ)，指示，提示等等。麻雀雖小五張俱全，面包屑的設計也是同樣重要，不單單是個(gè)用戶(hù)一個(gè)好的體驗，更體現出設計者的水平，一個(gè)好的面包屑設計不應該是復雜的，應該是簡(jiǎn)潔化的。
1、占用空間小
面包屑基本上是以鏈接文本的方式存在的，只有一串一小行的，所占用的空間比較小。
2、減少用戶(hù)操作次數
從用戶(hù)可用性的角度出發(fā)，面包屑減少了用戶(hù)跳轉高層級頁(yè)面的操作次數，避免了用戶(hù)要使用瀏覽器的返回鍵以及翻找導航尋找上級頁(yè)面的復雜交互。
3、面包屑避免了給用戶(hù)帶來(lái)困擾
面包屑設計小巧方便，給用戶(hù)帶來(lái)的便捷遠大于問(wèn)題和困擾。

但是，當你設計網(wǎng)站面包屑導航的時(shí)候，這些點(diǎn)是一定要記住的：
1、分隔符的使用
一般面包屑的分隔最常見(jiàn)的就是">",例如：“公司介紹>公司基地”。當然了，分隔符是沒(méi)有硬性要求的，還有設計師使用“→”、“》”或“//”的，這個(gè)要看設計師的喜好和網(wǎng)站的風(fēng)格。
2、合適的尺寸和間距
在設計的時(shí)候要結合網(wǎng)站的頁(yè)面空間大小，畢竟不能占據太大的空間頁(yè)面，所以保保證面包屑的大小尺寸，畢竟也不能做得比主導航還大。另外還要注意層級之間的間距。不能太密也不能太疏，方便、快捷最重要。
3、別把面包屑替代了主要導航系統
面包屑只是一個(gè)輔助的導航系統，是無(wú)法替代主要導航系統的，它的存在是用于抵達其他層級的快速定位鏈接系統，是協(xié)助用戶(hù)方便選擇的次要選項。

4、別把當前頁(yè)鏈接加到面包屑中
面包屑的最后一個(gè)層級是當前層級的頁(yè)面，而這一項在面包些中是不應該加上鏈接的，它只是起到展示定位的作用，添加鏈接是沒(méi)有意義的。
5、移動(dòng)端頁(yè)面就不要用面包屑了
移動(dòng)端頁(yè)面本來(lái)就很簡(jiǎn)潔，人們都在試圖簡(jiǎn)化它的頁(yè)面設計，面包屑出現在頁(yè)面會(huì )顯得非常臃腫。移動(dòng)端網(wǎng)站不僅僅是頁(yè)面的簡(jiǎn)化，而是整個(gè)系統的簡(jiǎn)化，不宜太過(guò)復雜，也沒(méi)復雜到使用面包屑來(lái)引航。
6、面包屑不是視覺(jué)的焦點(diǎn)
重申一遍，面包屑是一個(gè)輔助導航，不是主導航，它不適宜使用花俏的字體和醒目的色彩，它不應該成用戶(hù)瀏覽的視覺(jué)焦點(diǎn)，這樣會(huì )顯得喧賓奪主。
面包屑作用一個(gè)輔助，對網(wǎng)站設計整體來(lái)裝飾，就如同我們平時(shí)戴的首飾類(lèi)似，有時(shí)候一個(gè)簡(jiǎn)單的飾品，就可以改變一個(gè)人的氣質(zhì)和品味，網(wǎng)站設計也是如此。