所謂面包屑就是細(xì)小的東西，在網(wǎng)站中就是一些小的標(biāo)語，指示，提示等等。麻雀雖小五張俱全，面包屑的設(shè)計(jì)也是同樣重要，不單單是個(gè)用戶一個(gè)好的體驗(yàn)，更體現(xiàn)出設(shè)計(jì)者的水平，一個(gè)好的面包屑設(shè)計(jì)不應(yīng)該是復(fù)雜的，應(yīng)該是簡潔化的。
1、占用空間小
面包屑基本上是以鏈接文本的方式存在的，只有一串一小行的，所占用的空間比較小。
2、減少用戶操作次數(shù)
從用戶可用性的角度出發(fā)，面包屑減少了用戶跳轉(zhuǎn)高層級(jí)頁面的操作次數(shù)，避免了用戶要使用瀏覽器的返回鍵以及翻找導(dǎo)航尋找上級(jí)頁面的復(fù)雜交互。
3、面包屑避免了給用戶帶來困擾
面包屑設(shè)計(jì)小巧方便，給用戶帶來的便捷遠(yuǎn)大于問題和困擾。

但是，當(dāng)你設(shè)計(jì)網(wǎng)站面包屑導(dǎo)航的時(shí)候，這些點(diǎn)是一定要記住的：
1、分隔符的使用
一般面包屑的分隔最常見的就是">",例如：“公司介紹>公司基地”。當(dāng)然了，分隔符是沒有硬性要求的，還有設(shè)計(jì)師使用“→”、“》”或“//”的，這個(gè)要看設(shè)計(jì)師的喜好和網(wǎng)站的風(fēng)格。
2、合適的尺寸和間距
在設(shè)計(jì)的時(shí)候要結(jié)合網(wǎng)站的頁面空間大小，畢竟不能占據(jù)太大的空間頁面，所以保保證面包屑的大小尺寸，畢竟也不能做得比主導(dǎo)航還大。另外還要注意層級(jí)之間的間距。不能太密也不能太疏，方便、快捷最重要。
3、別把面包屑替代了主要導(dǎo)航系統(tǒng)
面包屑只是一個(gè)輔助的導(dǎo)航系統(tǒng)，是無法替代主要導(dǎo)航系統(tǒng)的，它的存在是用于抵達(dá)其他層級(jí)的快速定位鏈接系統(tǒng)，是協(xié)助用戶方便選擇的次要選項(xiàng)。

4、別把當(dāng)前頁鏈接加到面包屑中
面包屑的最后一個(gè)層級(jí)是當(dāng)前層級(jí)的頁面，而這一項(xiàng)在面包些中是不應(yīng)該加上鏈接的，它只是起到展示定位的作用，添加鏈接是沒有意義的。
5、移動(dòng)端頁面就不要用面包屑了
移動(dòng)端頁面本來就很簡潔，人們都在試圖簡化它的頁面設(shè)計(jì)，面包屑出現(xiàn)在頁面會(huì)顯得非常臃腫。移動(dòng)端網(wǎng)站不僅僅是頁面的簡化，而是整個(gè)系統(tǒng)的簡化，不宜太過復(fù)雜，也沒復(fù)雜到使用面包屑來引航。
6、面包屑不是視覺的焦點(diǎn)
重申一遍，面包屑是一個(gè)輔助導(dǎo)航，不是主導(dǎo)航，它不適宜使用花俏的字體和醒目的色彩，它不應(yīng)該成用戶瀏覽的視覺焦點(diǎn)，這樣會(huì)顯得喧賓奪主。
面包屑作用一個(gè)輔助，對(duì)網(wǎng)站設(shè)計(jì)整體來裝飾，就如同我們平時(shí)戴的首飾類似，有時(shí)候一個(gè)簡單的飾品，就可以改變一個(gè)人的氣質(zhì)和品味，網(wǎng)站設(shè)計(jì)也是如此。

當(dāng)前名稱：簡潔的網(wǎng)站設(shè)計(jì)面包屑
本文來源：http://www.2m8n56k.cn/news/138200.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

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