英文網(wǎng)站建設(shè)網(wǎng)頁(yè)中的面包屑是幫助用戶(hù)找到自己位置的UI控件。面包屑導(dǎo)航是一種輔助主導(dǎo)航系統(tǒng)，可以幫助用戶(hù)定位當(dāng)前網(wǎng)站的位置。它經(jīng)常被忽略，但面包屑導(dǎo)航的設(shè)計(jì)非常特殊。南昌英文網(wǎng)站建設(shè)公司帶我們一起來(lái)談?wù)劽姘紝?dǎo)航的使用！

1. 面包屑輔助導(dǎo)航系統(tǒng)

面包屑只是一個(gè)輔助導(dǎo)航系統(tǒng)，不能取代主導(dǎo)航系統(tǒng)。它只是為了方便用戶(hù)的一個(gè)次要選項(xiàng)，它是用來(lái)達(dá)到其他層次的快速定位鏈接系統(tǒng)。

2. 面包屑尺寸和間距

在設(shè)計(jì)時(shí)應(yīng)仔細(xì)考慮尺寸和間距。不同面包屑之間應(yīng)該有足夠的空間，以確保用戶(hù)可以識(shí)別。當(dāng)然，您不希望面包屑在頁(yè)面上占據(jù)太多空間。如果面包屑比頂部導(dǎo)航更大，看起來(lái)就會(huì)很尷尬。

3. 面包屑注意事項(xiàng)

面包屑本身是一個(gè)輔助導(dǎo)航。如果使用過(guò)于花哨的字體和搶眼的顏色，會(huì)讓它顯得過(guò)于嘈雜和搶眼。它不應(yīng)該成為用戶(hù)瀏覽時(shí)的視覺(jué)焦點(diǎn)。面包屑設(shè)計(jì)還不錯(cuò)，就是太搶眼了，甚至比頂部導(dǎo)航更吸引用戶(hù)的注意力。

4. 面包屑的使用

如果你覺(jué)得需要在移動(dòng)端頁(yè)面上使用面包屑，說(shuō)明你的移動(dòng)網(wǎng)站建設(shè)存在問(wèn)題:可能是網(wǎng)站太復(fù)雜嵌套層次太深，這樣就不符合移動(dòng)端使用場(chǎng)景。要解決這個(gè)問(wèn)題，你應(yīng)該盡量簡(jiǎn)化整個(gè)系統(tǒng)，確保手機(jī)上不會(huì)出現(xiàn)面包屑。

5. 面包屑頁(yè)面

面包屑的一層是當(dāng)前頁(yè)面，這一項(xiàng)不應(yīng)該在面包屑中鏈接，因?yàn)樗黄鸬斤@示和定位的作用，并沒(méi)有任何意義。

6.使用分隔符

在breadcrumbs中，常用大于號(hào)(>)分隔不同級(jí)別，常用的使用方法為“父類(lèi)>子類(lèi)”。當(dāng)然，分離器的使用并不局限于這種類(lèi)型。有些使用箭頭(→)、書(shū)名(?)和斜杠(//)。使用哪種分隔符通常取決于整體風(fēng)格和設(shè)計(jì)師的偏好。

7.提高了網(wǎng)站搜索性

面包屑作為一個(gè)視覺(jué)向?qū)?，為用?hù)揭示了網(wǎng)頁(yè)的層次結(jié)構(gòu)，這就是為什么面包屑成為用戶(hù)了解網(wǎng)站背景信息的重要途徑，根據(jù)整個(gè)網(wǎng)站的水平，面包屑可以讓用戶(hù)知道他們?cè)谀睦?。面包屑提高了整個(gè)網(wǎng)站的可搜索性。面包屑的存在揭示了整個(gè)網(wǎng)站的結(jié)構(gòu)，用戶(hù)也了解網(wǎng)站的其他部分是什么。面包屑顯示該網(wǎng)站有更多值得探索的內(nèi)容，并鼓勵(lì)用戶(hù)更多地瀏覽。面包屑的出現(xiàn)降低了網(wǎng)站的跳出率。

8.減少了用戶(hù)跳出率

面包屑減少了用戶(hù)跳轉(zhuǎn)到更高級(jí)別頁(yè)面的操作次數(shù)，從而避免了用戶(hù)使用瀏覽器的返回按鈕和搜索高級(jí)頁(yè)面的復(fù)雜交互。占用空間小，面包屑作為一種設(shè)計(jì)元素，在頁(yè)面上占據(jù)的空間相對(duì)較小。它們基本以帶有鏈接的文本形式存在，通常只有一行。面包屑不會(huì)給用戶(hù)帶來(lái)麻煩，這個(gè)小小的設(shè)計(jì)元素占據(jù)的空間很小，但它給用戶(hù)帶來(lái)的便利遠(yuǎn)遠(yuǎn)大于它可能帶來(lái)的問(wèn)題和麻煩。

上述就是面包屑導(dǎo)航的相關(guān)介紹也是很多新手的疑問(wèn)，如果還有網(wǎng)站建設(shè)的問(wèn)題可關(guān)注我們的網(wǎng)站后續(xù)再給大家繼續(xù)解答。