<　　 面包屑是咱們熟知的一種導航工具，它們往往出當初頁面內容的上方，告訴你所處的位置。它玲瓏，便利，常見，且簡單?？墒羌幢闶沁@樣的UI控件，在設計上同樣是有講究的，今天就來聊聊面包屑吧！

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

　　·當你的網站內領有分類清楚、組織明白的多品位線性結構的時候，你應當利用面包屑。比方一個領有品種繁多產品的電子商務網站，面包屑就相稱有用?！ぎ斁W站不具備邏輯清楚的品位結構的時候，就不要利用面包屑。

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

相關鏈接：長春網站建設，長春網站制作，長春網站設計，長春做網站，長春建網站，長春網站公司，長春網絡公司，http://www.tianyuexs.com/