鶴壁網站建設公司談談網站建設中面包屑導航的使用(yong)

面包屑是咱們熟知的一種導航工具，它們往往出當初頁面內容的上方，告訴你所處的位置。它玲瓏，便利，常見，且簡單。可是即便是這樣的UI控件，在設計上同樣是有講究的，今天就來聊聊面包屑吧！鶴壁建網站

　　作為一種幫(bang)助導航體(ti)系，面包屑可能幫(bang)助用戶(hu)清楚的定位到自(zi)己(ji)所(suo)在網站的位置。這個詞源自(zi)于(yu)童話中(zhong)隨著面包屑回到自(zi)己(ji)家的孩(hai)子，而(er)網頁中(zhong)的面包屑也是幫(bang)助用戶(hu)找到自(zi)己(ji)位置的UI控件。

　　面包(bao)屑(xie)(xie)通(tong)過(guo)途徑展示(shi)告訴用戶(hu)他們所處(chu)的位置，而今天的這(zhe)篇文章(zhang)將會探討(tao)一(yi)個可(ke)用的網頁面包(bao)屑(xie)(xie)應當如(ru)何設計，通(tong)過(guo)幻(huan)想(xiang)實際(ji)展示(shi)面包(bao)屑(xie)(xie)的正確用法(fa)。

　　面包(bao)屑導航供給(gei)可(ke)用性(xing)

　　作為(wei)一種視覺(jue)指引，面(mian)包(bao)屑(xie)為(wei)用戶揭示(shi)出(chu)網頁的品位(wei)結構，也恰是(shi)因此(ci)，面(mian)包(bao)屑(xie)成(cheng)為(wei)了用戶理解網站背景(jing)信息的重要途徑，幫(bang)助用戶理解下列(lie)問(wen)題的謎(mi)底：

　　·我(wo)在哪里？依據全(quan)部網站的品(pin)位(wei)，面(mian)包(bao)屑(xie)能(neng)讓用戶曉得他們所處的位(wei)置。

　　·我(wo)還能(neng)去哪(na)里？面包屑晉升了全部(bu)網站的可查找性，面包屑的存(cun)在揭示(shi)了全部(bu)網站的結構(gou)，用戶也隨(sui)之明白網站還有(you)哪(na)些其余的局部(bu)。

　　·是否應(ying)當瀏覽更多？面(mian)(mian)包屑揭(jie)示出網(wang)站(zhan)(zhan)有更多值得摸索的內容，激(ji)勵用(yong)戶瀏覽更多。反過來，面(mian)(mian)包屑的呈現降落了網(wang)站(zhan)(zhan)的跳(tiao)出率。

　　減少操作次數

　　從(cong)可用性的(de)(de)角度上來看，面包屑減少了(le)用戶(hu)跳轉到高層級(ji)頁(ye)面的(de)(de)操作數，這(zhe)樣避免了(le)用戶(hu)利用瀏覽器(qi)的(de)(de)返回按鈕跟翻找導(dao)航(hang)尋找上級(ji)頁(ye)面的(de)(de)龐雜交互。

　　占用空間小

　　面(mian)包屑這種設計(ji)元素在(zai)頁面(mian)上占(zhan)用的(de)(de)空間相稱小，它基本都是(shi)以帶(dai)鏈接的(de)(de)文本的(de)(de)情勢存在(zai)的(de)(de)，并且(qie)通常只(zhi)有一行。

　　面包屑不會給用戶帶來困擾(rao)

　　這(zhe)個小小的(de)設計元(yuan)素盤踞(ju)的(de)空(kong)間不(bu)大(da)，然而給用戶(hu)帶來的(de)便(bian)捷(jie)遠(yuan)(yuan)弘遠(yuan)(yuan)于可能帶來的(de)問題跟(gen)困擾(rao)。

　　什么時候利用(yong)面包屑？

　　是否要在網(wang)站(zhan)(zhan)中利用(yong)面包屑(xie)，重要取(qu)決于網(wang)站(zhan)(zhan)的(de)(de)結(jie)構。看看你的(de)(de)網(wang)站(zhan)(zhan)輿圖或者整體的(de)(de)結(jie)構圖，剖析利用(yong)面包屑(xie)是否進(jin)步用(yong)戶在網(wang)站(zhan)(zhan)內部不(bu)同(tong)類別(bie)、目(mu)錄下導航是否便利：

　　·當你的(de)網站(zhan)內(nei)領有分類清(qing)(qing)楚、組織明白的(de)多品位(wei)線(xian)性(xing)結構(gou)(gou)的(de)時(shi)候(hou)，你應當利(li)用面包(bao)(bao)屑。比(bi)方一個領有品種繁多產品的(de)電子(zi)商務網站(zhan)，面包(bao)(bao)屑就(jiu)相稱有用。·當網站(zhan)不(bu)具備邏輯清(qing)(qing)楚的(de)品位(wei)結構(gou)(gou)的(de)時(shi)候(hou)，就(jiu)不(bu)要利(li)用面包(bao)(bao)屑。

　　面包(bao)屑導航幻想實際

　　當你開端設計面包屑導航的(de)時(shi)候，應當謹記下面的(de)事件：

　　1、不要利用面包(bao)屑來調換網(wang)頁(ye)重要的導航體系

　　面(mian)包屑只是一個幫助導航(hang)體(ti)系(xi)，它無奈調換重要(yao)的(de)(de)導航(hang)體(ti)系(xi)。網址建(jian)設前(qian)期準備包括(kuo)了前(qian)期網站(zhan)定位、內容(rong)差異(yi)化、頁面(mian)溝通等戰略性調研(yan)，這些確(que)立后，再去注冊(ce)域名、租(zu)用(yong)空間、網站(zhan)風格設計、網站(zhan)代碼(ma)制作五個部分(fen)，這個過程(cheng)需要(yao)網站(zhan)策劃人(ren)員、美術設計人(ren)員、WEB程(cheng)序員共同完成。請記住，它是僅僅是為了用(yong)戶便利的(de)(de)次(ci)要(yao)選項，用(yong)來(lai)到達其(qi)余層(ceng)級(ji)的(de)(de)疾速定位鏈接體(ti)系(xi)。

　　2、不要將當前頁鏈接加到面包屑中

　　面(mian)包(bao)屑的(de)(de)后一(yi)個層級是(shi)當前的(de)(de)頁面(mian)，而這一(yi)項在面(mian)包(bao)屑中是(shi)不(bu)應(ying)當加(jia)上鏈接的(de)(de)，因(yin)為它只起到展(zhan)示定位的(de)(de)作用，不(bu)任何意(yi)思。

　　3、利用分隔符

　　在面包屑(xie)中(zhong)，用(yong)(yong)(yong)來分(fen)隔不同(tong)層級(ji)常(chang)見(jian)的(de)(de)是(shi)大于符(fu)號(>)，常(chang)見(jian)的(de)(de)利(li)用(yong)(yong)(yong)方法是(shi)“父(fu)類別>子類別”。網址建(jian)設(she)(she)(she)前期準備包括(kuo)了前期網站定位、內容差異化、頁面溝通(tong)等戰略性調研，這些確(que)立后(hou)，再(zai)去注冊域(yu)名、租用(yong)(yong)(yong)空間(jian)、網站風格設(she)(she)(she)計、網站代碼制作五個部分(fen)，這個過程(cheng)需(xu)要網站策(ce)劃人員(yuan)(yuan)、美術設(she)(she)(she)計人員(yuan)(yuan)、WEB程(cheng)序員(yuan)(yuan)共同(tong)完成。當(dang)然，分(fen)隔符(fu)的(de)(de)利(li)用(yong)(yong)(yong)并不拘泥于這一種(zhong)，有利(li)用(yong)(yong)(yong)箭頭(tou)(→)的(de)(de)，還有利(li)用(yong)(yong)(yong)書名號()的(de)(de)，也有利(li)用(yong)(yong)(yong)斜(xie)杠(//)的(de)(de)。利(li)用(yong)(yong)(yong)哪種(zhong)分(fen)隔符(fu)通(tong)常(chang)取決于整(zheng)體作風跟設(she)(she)(she)計師的(de)(de)喜好。

　　4、抉擇適合(he)的尺(chi)寸跟間距

　　在設計的時候應當細心考慮尺寸跟間隔大小，不同的面包屑層級之間應當有足夠的間距，確保用戶可能識別。當然你也不盼望面包屑盤踞頁面太多的空間，假如面包屑比頂部導航還要大，看起來就十分為難了。鶴壁做網站

　　5、不(bu)要讓它成為視覺焦點

　　面(mian)(mian)包屑自身(shen)是一(yi)個(ge)幫助導(dao)航，假如利(li)用(yong)過(guo)于(yu)花哨的(de)字體跟醒目(mu)標色彩(cai)，會(hui)使(shi)得它顯得喧賓(bin)奪主，過(guo)于(yu)抓人眼球。它不(bu)應當是瀏覽進程中用(yong)戶的(de)視覺焦點。下面(mian)(mian)的(de)面(mian)(mian)包屑設(she)計并不(bu)差，然而它太過(guo)于(yu)醒目(mu)，甚至比頂部導(dao)航還(huan)能引起用(yong)戶留神力。

　　6、不要(yao)在挪動(dong)端(duan)頁面上利用面包屑

　　假如你覺得自己的挪動端頁面上要利用面包屑的話，那就象征著你的挪動端網頁設計呈現問題了：可能是網站太龐雜(嵌套層級過深)，而這樣一來，就不合乎挪動真個利用處景了。為理解決問題，你應當試圖簡化全部體系，確保面包屑不會出當初手機上。鶴壁網絡公司