<　　 面包屑是咱們熟知的一種導(dǎo)航工具，它們往往出當(dāng)初頁(yè)面內(nèi)容的上方，告訴你所處的位置。它玲瓏，便利，常見，且簡(jiǎn)單。可是即便是這樣的UI控件，在設(shè)計(jì)上同樣是有講究的，今天就來(lái)聊聊面包屑吧！

　　作為一種幫助導(dǎo)航體系，面包屑可能幫助用戶清楚的定位到自己所在網(wǎng)站的位置。這個(gè)詞源自于童話中隨著面包屑回到自己家的孩子，而網(wǎng)頁(yè)中的面包屑也是幫助用戶找到自己位置的UI控件。
　　面包屑通過(guò)途徑展示告訴用戶他們所處的位置，而今天的這篇文章將會(huì)探討一個(gè)可用的網(wǎng)頁(yè)面包屑應(yīng)當(dāng)如何設(shè)計(jì)，通過(guò)幻想實(shí)際展示面包屑的正確用法。
　　面包屑導(dǎo)航供給可用性
　　作為一種視覺指引，面包屑為用戶揭示出網(wǎng)頁(yè)的品位結(jié)構(gòu)，也恰是因此，面包屑成為了用戶理解網(wǎng)站背景信息的重要途徑，幫助用戶理解下列問(wèn)題的謎底：
　　·我在哪里？依據(jù)全部網(wǎng)站的品位，面包屑能讓用戶曉得他們所處的位置。
　　·我還能去哪里？面包屑晉升了全部網(wǎng)站的可查找性，面包屑的存在揭示了全部網(wǎng)站的結(jié)構(gòu)，用戶也隨之明白網(wǎng)站還有哪些其余的局部。
　　·是否應(yīng)當(dāng)瀏覽更多？面包屑揭示出網(wǎng)站有更多值得摸索的內(nèi)容，激勵(lì)用戶瀏覽更多。反過(guò)來(lái)，面包屑的呈現(xiàn)降落了網(wǎng)站的跳出率。
　　減少操作次數(shù)
　　從可用性的角度上來(lái)看，面包屑減少了用戶跳轉(zhuǎn)到高層級(jí)頁(yè)面的操作數(shù)，這樣避免了用戶利用瀏覽器的返回按鈕跟翻找導(dǎo)航尋找上級(jí)頁(yè)面的龐雜交互。
　　占用空間小
　　面包屑這種設(shè)計(jì)元素在頁(yè)面上占用的空間相稱小，它基本都是以帶鏈接的文本的情勢(shì)存在的，并且通常只有一行。
　　面包屑不會(huì)給用戶帶來(lái)困擾
　　這個(gè)小小的設(shè)計(jì)元素盤踞的空間不大，然而給用戶帶來(lái)的便捷遠(yuǎn)弘遠(yuǎn)于可能帶來(lái)的問(wèn)題跟困擾。
　　什么時(shí)候利用面包屑？
　　是否要在網(wǎng)站中利用面包屑，重要取決于網(wǎng)站的結(jié)構(gòu)。看看你的網(wǎng)站輿圖或者整體的結(jié)構(gòu)圖，剖析利用面包屑是否進(jìn)步用戶在網(wǎng)站內(nèi)部不同類別、目錄下導(dǎo)航是否便利：

　　·當(dāng)你的網(wǎng)站內(nèi)領(lǐng)有分類清楚、組織明白的多品位線性結(jié)構(gòu)的時(shí)候，你應(yīng)當(dāng)利用面包屑。比方一個(gè)領(lǐng)有品種繁多產(chǎn)品的電子商務(wù)網(wǎng)站，面包屑就相稱有用。·當(dāng)網(wǎng)站不具備邏輯清楚的品位結(jié)構(gòu)的時(shí)候，就不要利用面包屑。

　　面包屑導(dǎo)航幻想實(shí)際
　　當(dāng)你開端設(shè)計(jì)面包屑導(dǎo)航的時(shí)候，應(yīng)當(dāng)謹(jǐn)記下面的事件：
　　1、不要利用面包屑來(lái)調(diào)換網(wǎng)頁(yè)重要的導(dǎo)航體系
　　面包屑只是一個(gè)幫助導(dǎo)航體系，它無(wú)奈調(diào)換重要的導(dǎo)航體系。網(wǎng)址建設(shè)前期準(zhǔn)備包括了前期網(wǎng)站定位、內(nèi)容差異化、頁(yè)面溝通等戰(zhàn)略性調(diào)研，這些確立后，再去注冊(cè)域名、租用空間、網(wǎng)站風(fēng)格設(shè)計(jì)、網(wǎng)站代碼制作五個(gè)部分，這個(gè)過(guò)程需要網(wǎng)站策劃人員、美術(shù)設(shè)計(jì)人員、WEB程序員共同完成。請(qǐng)記住，它是僅僅是為了用戶便利的次要選項(xiàng)，用來(lái)到達(dá)其余層級(jí)的疾速定位鏈接體系。
　　2、不要將當(dāng)前頁(yè)鏈接加到面包屑中
　　面包屑的后一個(gè)層級(jí)是當(dāng)前的頁(yè)面，而這一項(xiàng)在面包屑中是不應(yīng)當(dāng)加上鏈接的，因?yàn)樗黄鸬秸故径ㄎ坏淖饔茫蝗魏我馑肌?br/>　　3、利用分隔符
　　在面包屑中，用來(lái)分隔不同層級(jí)常見的是大于符號(hào)(>)，常見的利用方法是“父類別>子類別”。網(wǎng)址建設(shè)前期準(zhǔn)備包括了前期網(wǎng)站定位、內(nèi)容差異化、頁(yè)面溝通等戰(zhàn)略性調(diào)研，這些確立后，再去注冊(cè)域名、租用空間、網(wǎng)站風(fēng)格設(shè)計(jì)、網(wǎng)站代碼制作五個(gè)部分，這個(gè)過(guò)程需要網(wǎng)站策劃人員、美術(shù)設(shè)計(jì)人員、WEB程序員共同完成。當(dāng)然，分隔符的利用并不拘泥于這一種，有利用箭頭(→)的，還有利用書名號(hào)()的，也有利用斜杠(//)的。利用哪種分隔符通常取決于整體作風(fēng)跟設(shè)計(jì)師的喜好。
　　4、抉擇適合的尺寸跟間距
　　在設(shè)計(jì)的時(shí)候應(yīng)當(dāng)細(xì)心考慮尺寸跟間隔大小，不同的面包屑層級(jí)之間應(yīng)當(dāng)有足夠的間距，確保用戶可能識(shí)別。當(dāng)然你也不盼望面包屑盤踞頁(yè)面太多的空間，假如面包屑比頂部導(dǎo)航還要大，看起來(lái)就十分為難了。
　　5、不要讓它成為視覺焦點(diǎn)
　　面包屑自身是一個(gè)幫助導(dǎo)航，假如利用過(guò)于花哨的字體跟醒目標(biāo)色彩，會(huì)使得它顯得喧賓奪主，過(guò)于抓人眼球。它不應(yīng)當(dāng)是瀏覽進(jìn)程中用戶的視覺焦點(diǎn)。下面的面包屑設(shè)計(jì)并不差，然而它太過(guò)于醒目，甚至比頂部導(dǎo)航還能引起用戶留神力。
　　6、不要在挪動(dòng)端頁(yè)面上利用面包屑
　　假如你覺得自己的挪動(dòng)端頁(yè)面上要利用面包屑的話，那就象征著你的挪動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)呈現(xiàn)問(wèn)題了：可能是網(wǎng)站太龐雜(嵌套層級(jí)過(guò)深)，而這樣一來(lái)，就不合乎挪動(dòng)真?zhèn)€利用處景了。為理解決問(wèn)題，你應(yīng)當(dāng)試圖簡(jiǎn)化全部體系，確保面包屑不會(huì)出當(dāng)初手機(jī)上。

相關(guān)鏈接：長(zhǎng)春網(wǎng)站建設(shè)，長(zhǎng)春網(wǎng)站制作，長(zhǎng)春網(wǎng)站設(shè)計(jì)，長(zhǎng)春做網(wǎng)站，長(zhǎng)春建網(wǎng)站，長(zhǎng)春網(wǎng)站公司，長(zhǎng)春網(wǎng)絡(luò)公司，http://www.fbpdx.cn/