來源:無錫網(wǎng)站建設(shè)阿凡達(dá) 瀏覽次數(shù):291 發(fā)表日期:2023-05-18
所謂面包屑就是細(xì)小的東西,在網(wǎng)站中就是一些小的標(biāo)語,指示,提示等等。麻雀雖小五張俱全,面包屑的設(shè)計(jì)也是同樣重要,不單單是個用戶一個好的體驗(yàn),更體現(xiàn)出設(shè)計(jì)者的水平,一個好的面包屑設(shè)計(jì)不應(yīng)該是復(fù)雜的,應(yīng)該是簡潔化的。
1、占用空間小
面包屑基本上是以鏈接文本的方式存在的,只有一串一小行的,所占用的空間比較小。
2、減少用戶操作次數(shù)
從用戶可用性的角度出發(fā),面包屑減少了用戶跳轉(zhuǎn)高層級頁面的操作次數(shù),避免了用戶要使用瀏覽器的返回鍵以及翻找導(dǎo)航尋找上級頁面的復(fù)雜交互。
3、面包屑避免了給用戶帶來困擾
面包屑設(shè)計(jì)小巧方便,給用戶帶來的便捷遠(yuǎn)大于問題和困擾。
但是,當(dāng)你設(shè)計(jì)網(wǎng)站面包屑導(dǎo)航的時候,這些點(diǎn)是一定要記住的:
1、分隔符的使用
一般面包屑的分隔*常見的就是">",例如:“公司介紹>公司基地”。當(dāng)然了,分隔符是沒有硬性要求的,還有設(shè)計(jì)師使用;的,這個要看設(shè)計(jì)師的喜好和網(wǎng)站的風(fēng)格。
2、合適的尺寸和間距
在設(shè)計(jì)的時候要結(jié)合網(wǎng)站的頁面空間大小,畢竟不能占據(jù)太大的空間頁面,所以保保證面包屑的大小尺寸,畢竟也不能做得比主導(dǎo)航還大。另外還要注意層級之間的間距。不能太密也不能太疏,方便、快捷*重要。
3、別把面包屑替代了主要導(dǎo)航系統(tǒng)
面包屑只是一個輔助的導(dǎo)航系統(tǒng),是無法替代主要導(dǎo)航系統(tǒng)的,它的存在是用于抵達(dá)其他層級的快速定位鏈接系統(tǒng),是協(xié)助用戶方便選擇的次要選項(xiàng)。
4、別把當(dāng)前頁鏈接加到面包屑中
面包屑的*后一個層級是當(dāng)前層級的頁面,而這一項(xiàng)在面包些中是不應(yīng)該加上鏈接的,它只是起到展示定位的作用,添加鏈接是沒有意義的。
5、移動端頁面就不要用面包屑了
移動端頁面本來就很簡潔,人們都在試圖簡化它的頁面設(shè)計(jì),面包屑出現(xiàn)在頁面會顯得非常臃腫。移動端網(wǎng)站不僅僅是頁面的簡化,而是整個系統(tǒng)的簡化,不宜太過復(fù)雜,也沒復(fù)雜到使用面包屑來引航。
6、面包屑不是視覺的焦點(diǎn)
重申一遍,面包屑是一個輔助導(dǎo)航,不是主導(dǎo)航,它不適宜使用花俏的字體和醒目的色彩,它不應(yīng)該成用戶瀏覽的視覺焦點(diǎn),這樣會顯得喧賓奪主。
面包屑作用一個輔助,對網(wǎng)站設(shè)計(jì)整體來裝飾,就如同我們平時戴的首飾類似,有時候一個簡單的飾品,就可以改變一個人的氣質(zhì)和品味,網(wǎng)站設(shè)計(jì)也是如此。
技術(shù)熱線
400-189-1319
添加微信