設(shè)計(jì)面包屑導(dǎo)航需要注意哪些地方?

2021-06-10    分類: 面包屑導(dǎo)航

面包屑導(dǎo)航是很多網(wǎng)站都會設(shè)計(jì)的,之前創(chuàng)新互聯(lián)講過網(wǎng)站設(shè)計(jì)面包屑導(dǎo)航有哪些好處,面包屑導(dǎo)航可以讓訪客隨時(shí)知道自己在網(wǎng)站的哪個(gè)位置,減少用戶操作次數(shù),而且占用空間也很小,但是在制作面包屑導(dǎo)航時(shí)還需要注意一些細(xì)節(jié),下面創(chuàng)新互聯(lián)就來說說設(shè)計(jì)面包屑導(dǎo)航需要注意哪些地方?

設(shè)計(jì)面包屑導(dǎo)航需要注意哪些地方

1、別把面包屑替代了主要導(dǎo)航系統(tǒng)
面包屑只是一個(gè)輔助的導(dǎo)航系統(tǒng),是無法替代主要導(dǎo)航系統(tǒng)的,它的存在是用于抵達(dá)其他層級的快速定位鏈接系統(tǒng),是協(xié)助用戶方便選擇的次要選項(xiàng)。

2、別把當(dāng)前頁鏈接加到面包屑中
面包屑的最后一個(gè)層級是當(dāng)前層級的頁面,而這一項(xiàng)在面包些中是不應(yīng)該加上鏈接的,它只是起到展示定位的作用,添加鏈接是沒有意義的。

3、分隔符的使用
一般面包屑的分隔最常見的就是">",例如:“公司介紹>公司基地”。當(dāng)然了,分隔符是沒有硬性要求的,還有設(shè)計(jì)師使用“→”、“》”或“//”的,這個(gè)要看設(shè)計(jì)師的喜好和網(wǎng)站的風(fēng)格。

4、合適的尺寸和間距
在設(shè)計(jì)的時(shí)候要結(jié)合網(wǎng)站的頁面空間大小,畢竟不能占據(jù)太大的空間頁面,所以保保證面包屑的大小尺寸,畢竟也不能做得比主導(dǎo)航還大。另外還要注意層級之間的間距。不能太密也不能太疏,方便、快捷最重要。

5、面包屑不是視覺的焦點(diǎn)
重申一遍,面包屑是一個(gè)輔助導(dǎo)航,不是主導(dǎo)航,它不適宜使用花俏的字體和醒目的色彩,它不應(yīng)該成用戶瀏覽的視覺焦點(diǎn),這樣會顯得喧賓奪主。

以上就是創(chuàng)新互聯(lián)總結(jié)的設(shè)計(jì)面包屑導(dǎo)航需要注意的地方,面包屑導(dǎo)航的作用是為了讓訪客更方便的瀏覽網(wǎng)站,所以別太復(fù)雜化,比如像移動(dòng)端由于屏幕尺寸本來就很小,就沒必要設(shè)置面包屑導(dǎo)航了。

網(wǎng)站欄目:設(shè)計(jì)面包屑導(dǎo)航需要注意哪些地方?
文章鏈接:http://www.bm7419.com/news/117035.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有面包屑導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)