創新易聯歡迎您!13年專注深圳網站建設

網站設計:別把面包屑復雜化

日期:2018-07-23 | 來源:易聯網站建設公司 | 閱讀:

面包屑是網站常見的一種導航工具,一般出現在網頁內容的上方,告知用戶所處的位置。它的設計和作用都非常明確簡單,千萬別復雜化。


這樣小巧的面包屑,它的作用是什么?




1、減少用戶操作次數

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


2、占用空間小

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


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

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


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


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

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


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

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


3、分隔符的使用

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


4、合適的尺寸和間距


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


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


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



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


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


—— 微信公眾號 ——

熱門標簽

急速赛车单机版