×

網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧是什么

  • 作者:新網(wǎng)
  • 來源:新網(wǎng)
  • 瀏覽:100
  • 2018-03-01 16:52:11

網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧是什么?看過我文章的朋友都了解過面包屑的類型和面包屑的正確使用方法,接下來就是小白就為大家介紹一下網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧。

網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧是什么?看過我文章的朋友都了解過面包屑的類型和面包屑的正確使用方法,接下來就是小白就為大家介紹一下網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧。
 

m_x1_1.1355630379_330_310_12546.gif

1、選擇合適的尺寸和間距
在設(shè)計(jì)的時(shí)候應(yīng)當(dāng)仔細(xì)考慮尺寸和間隔大小,不同的面包屑層級之間應(yīng)當(dāng)有足夠的間距,確保用戶能夠識別。當(dāng)然你也不希望面包屑占據(jù)頁面太多的空間,如果面包屑比頂部導(dǎo)航還要大,看起來就非常尷尬了。
2、不要讓它成為視覺焦點(diǎn)
面包屑本身是一個輔助導(dǎo)航,如果使用過于花哨的字體和醒目的色彩,會使得它顯得喧賓奪主,過于抓人眼球。它不應(yīng)該是瀏覽過程中用戶的視覺焦點(diǎn)。下面的面包屑設(shè)計(jì)并不差,但是它太過于醒目,甚至比頂部導(dǎo)航還能引起用戶注意力。
Google 的面包屑設(shè)計(jì)并不搶眼,但是用戶依然能夠很好的使用它。
3、不要在移動端頁面上使用面包屑
如果你覺得自己的移動端頁面上要使用面包屑的話,那就意味著你的移動端網(wǎng)頁設(shè)計(jì)出現(xiàn)問題了:可能是網(wǎng)站太復(fù)雜(嵌套層級過深),而這樣一來,就不符合移動端的使用場景了。為了解決問題,你應(yīng)當(dāng)試圖簡化整個體系,確保面包屑不會出現(xiàn)在手機(jī)上。
結(jié)語
面包屑讓用戶可更加便捷地瀏覽整個網(wǎng)站,回溯到上級頁面,尋找相關(guān)的產(chǎn)品,它對于整個網(wǎng)站結(jié)構(gòu)是有意義的。它的功能并不復(fù)雜,增加易用性是它的主要作用,所以千萬不要將面包屑復(fù)雜化。
網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧是什么?以上文章為大家介紹了三點(diǎn)網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧,如果你有什么不懂的可以直接聯(lián)系小編為你答疑解惑。
 

免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。

免費(fèi)咨詢獲取折扣

Loading