網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧是什么?看過(guò)我文章的朋友都了解過(guò)面包屑的類(lèi)型和面包屑的正確使用方法,接下來(lái)就是小白就為大家介紹一下網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧。
網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧是什么?看過(guò)我文章的朋友都了解過(guò)面包屑的類(lèi)型和面包屑的正確使用方法,接下來(lái)就是小白就為大家介紹一下網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧。
1、選擇合適的尺寸和間距
在設(shè)計(jì)的時(shí)候應(yīng)當(dāng)仔細(xì)考慮尺寸和間隔大小,不同的面包屑層級(jí)之間應(yīng)當(dāng)有足夠的間距,確保用戶(hù)能夠識(shí)別。當(dāng)然你也不希望面包屑占據(jù)頁(yè)面太多的空間,如果面包屑比頂部導(dǎo)航還要大,看起來(lái)就非常尷尬了。
2、不要讓它成為視覺(jué)焦點(diǎn)
面包屑本身是一個(gè)輔助導(dǎo)航,如果使用過(guò)于花哨的字體和醒目的色彩,會(huì)使得它顯得喧賓奪主,過(guò)于抓人眼球。它不應(yīng)該是瀏覽過(guò)程中用戶(hù)的視覺(jué)焦點(diǎn)。下面的面包屑設(shè)計(jì)并不差,但是它太過(guò)于醒目,甚至比頂部導(dǎo)航還能引起用戶(hù)注意力。
Google 的面包屑設(shè)計(jì)并不搶眼,但是用戶(hù)依然能夠很好的使用它。
3、不要在移動(dòng)端頁(yè)面上使用面包屑
如果你覺(jué)得自己的移動(dòng)端頁(yè)面上要使用面包屑的話,那就意味著你的移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)出現(xiàn)問(wèn)題了:可能是網(wǎng)站太復(fù)雜(嵌套層級(jí)過(guò)深),而這樣一來(lái),就不符合移動(dòng)端的使用場(chǎng)景了。為了解決問(wèn)題,你應(yīng)當(dāng)試圖簡(jiǎn)化整個(gè)體系,確保面包屑不會(huì)出現(xiàn)在手機(jī)上。
結(jié)語(yǔ)
面包屑讓用戶(hù)可更加便捷地瀏覽整個(gè)網(wǎng)站,回溯到上級(jí)頁(yè)面,尋找相關(guān)的產(chǎn)品,它對(duì)于整個(gè)網(wǎng)站結(jié)構(gòu)是有意義的。它的功能并不復(fù)雜,增加易用性是它的主要作用,所以千萬(wàn)不要將面包屑復(fù)雜化。
網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧是什么?以上文章為大家介紹了三點(diǎn)網(wǎng)站面包屑導(dǎo)航設(shè)計(jì)的技巧,如果你有什么不懂的可以直接聯(lián)系小編為你答疑解惑。
免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶(hù)自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請(qǐng)發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。