簡潔的網站設計面包屑

發布：2017-11-24 12:55:55 瀏覽：4320

所謂面包屑就是細小的東西，在網站中就是一些小的標語，指示，提示等等。麻雀雖小五張俱全，面包屑的設計也是同樣重要，不單單是個用戶一個好的體驗，更體現出設計者的水平，一個好的面包屑設計不應該是復雜的，應該是簡潔化的。

1、占用空間小

面包屑基本上是以鏈接文本的方式存在的，只有一串一小行的，所占用的空間比較小。

2、減少用戶操作次數

從用戶可用性的角度出發，面包屑減少了用戶跳轉高層級頁面的操作次數，避免了用戶要使用瀏覽器的返回鍵以及翻找導航尋找上級頁面的復雜交互。

3、面包屑避免了給用戶帶來困擾

面包屑設計小巧方便，給用戶帶來的便捷遠大于問題和困擾。

但是，當你設計網站面包屑導航的時候，這些點是一定要記住的：

1、分隔符的使用

一般面包屑的分隔最常見的就是">",例如：“公司介紹>公司基地”。當然了，分隔符是沒有硬性要求的，還有設計師使用“→”、“》”或“//”的，這個要看設計師的喜好和網站的風格。

2、合適的尺寸和間距

在設計的時候要結合網站的頁面空間大小，畢竟不能占據太大的空間頁面，所以保保證面包屑的大小尺寸，畢竟也不能做得比主導航還大。另外還要注意層級之間的間距。不能太密也不能太疏，方便、快捷最重要。

3、別把面包屑替代了主要導航系統

面包屑只是一個輔助的導航系統，是無法替代主要導航系統的，它的存在是用于抵達其他層級的快速定位鏈接系統，是協助用戶方便選擇的次要選項。

4、別把當前頁鏈接加到面包屑中

面包屑的最后一個層級是當前層級的頁面，而這一項在面包些中是不應該加上鏈接的，它只是起到展示定位的作用，添加鏈接是沒有意義的。

5、移動端頁面就不要用面包屑了

移動端頁面本來就很簡潔，人們都在試圖簡化它的頁面設計，面包屑出現在頁面會顯得非常臃腫。移動端網站不僅僅是頁面的簡化，而是整個系統的簡化，不宜太過復雜，也沒復雜到使用面包屑來引航。

6、面包屑不是視覺的焦點

重申一遍，面包屑是一個輔助導航，不是主導航，它不適宜使用花俏的字體和醒目的色彩，它不應該成用戶瀏覽的視覺焦點，這樣會顯得喧賓奪主。

面包屑作用一個輔助，對網站設計整體來裝飾，就如同我們平時戴的首飾類似，有時候一個簡單的飾品，就可以改變一個人的氣質和品味，網站設計也是如此。