不(bù)論是(shì)手機(jī)還(hái)是(shì) PC端€≠↑δ，面包屑都(dōu)是(shì)用(yòng)來(₽¥✘ lái)尋找路(lù)徑的(de)重要(yào)組件(δ  Ωjiàn)，可(kě)以讓用(yòng)戶了(le)解當前頁面在整個(gè)網±♠♣₩站(zhàn)結構的(de)所處位置。NN昆山(shān)做(zuò)網站(zhàn)/g 從(cóng)1995年(nián)就(jiù)開(kāi)δ§始推薦大(dà)家(jiā)使用(yòn♦'φ≠g)面包屑，因為(wèi)它能(néng)在對(duì✘•¥)界面設計(jì)産生(shēng)極少(shǎo)影(yǐλ​ng)響的(de)前提下(xià)，為(wèi)用 ±±(yòng)戶提供很(hěn)多(duō)便利。←≥​λ

如(rú)果一(yī)個(gè)用(yò¥<©¶ng)戶從(cóng)首頁一(yī)層一(yī$✘)層抵達最終頁面，也(yě)許 TA 對(duì¶​)自(zì)己身(shēn)處何處還(hái)算(suàn)有(yǒu)概♥λ←★念。但(dàn)是(shì)如(rú)果用(yòng)戶從(cón™φg)外(wài)昆山(shān)做(zuò)網站(zhàn)部鏈接或者快(kuài)捷入口進來(lái)，可(kě)能(nén☆ g)對(duì)當前的(de)頁面層級一(yī)無所知σ>×(zhī)，此時(shí)面包屑就(jiù)能(néngΩ')引導他(tā)們快(kuài)速了(le)解&÷₹網站(zhàn)架構。一(yī)個(gè)'•底層頁面所展示出來(lái)的(de)信息也(yě)許是(shππ☆ì)非常精準片面的(de)，而面包屑則能(néng)展Ωσ示更大(dà)門(mén)類的(de)信息，從(cóng)而↔≈✔¥将用(yòng)戶引向上(shàng)層頁λ≠®面。昆山(shān)做(zuò)網站(zhàn)下(xià)文(wén)會(huì)按照(zhào) PC端α±到(dào)手機(jī)端的(de)順序，介紹十一(yī)條面βδλ包屑的(de)設計(jì)指南(nán)。

PC端

1.不(bù)要(yào)用(yòng)面包屑代替導航頁簽₽±∏≥，網站(zhàn)導航和(hé)面包屑也(yě)許看(kà←→↕™n)起來(lái)有(yǒu)些(xiē)相(xiàng÷↓₹✔)似，但(dàn)是(shì)功能(néng)與使♥£™用(yòng)場(chǎng)景完全不(©≈λ÷bù)同，不(bù)應該以簡化(huà)頁面β≈為(wèi)目的(de)隻保留其中一(yī)個(gè®♠↑★)。昆山(shān)做(zuò)網站(zhà σn)

2.面包屑應該用(yòng)來(lái)展示系統層級，而不(bù)是(shì)δ©曆史記錄，如(rú)果用(yòng)戶是✔≤(shì)從(cóng)首頁層層深入，系統層級與曆史記錄是(shì™↑₩)沒有(yǒu)區(qū)别的(de)，但(dàn)是(shì)如(>↔÷rú)果用(yòng)戶從(cóng)外(wài)部鏈接進♥↑"入，這(zhè)兩個(gè)差别就(jiù)大(dà)了(le)。αγ♣為(wèi)了(le)給用(yòng)戶ε¶‌提供真正有(yǒu)用(yòng)的(de)信πγα×息，面包屑展示的(de)不(bù)應該昆山(shān)做(zuò)網站(zhàn)是(shì)曆史記錄，而應該是(shì)系統層♥✔÷∞級。

3.如(rú)果網站(zhàn)有(yǒu)兩個(gè)¥γ父層級（如(rú)兩個(gè)同級首頁），應該隻展示一(yī)個(gσ¥è)，有(yǒu)的(de)網站(zhàn)可(β$kě)能(néng)有(yǒu)兩個(gè)平級的(de)首頁≈§∏♣，這(zhè)種情況下(xià)一(yī)定要(yà<↕o)選擇其中一(yī)個(gè)作(zuò)為(wè&↓¥λi)面包屑的(de)第一(yī)項，同時(shí)列出兩個(gè)是(sπ★hì)不(bù)可(kě)取的(de)。

4.當前昆山(shān)做(zuò)網站(zhàn)頁一(yī)定是(shì)面包屑的(de)最後一(yī)項，不(bù)>₽要(yào)覺得(de)在面包屑上(sh£∑↓àng)再寫一(yī)遍當前頁的(de)标題就(jiù)重複了(le)信息，面 ‌包屑的(de)最後一(yī)項如(rú)果不(bù)是(shì)當₹★™前頁，是(shì)會(huì)讓用(yòng)戶産生(γ☆₩βshēng)困惑的(de)。

5.面包屑中最後一(yī)項（當前頁）不(bù)需要(yào)鏈接到(dào≥§)自(zì)身(shēn)，面包屑的(de)每一(¶γ£αyī)項都(dōu)要(yào)放(fàng)昆山(shān)做(zuò)網站(zhàn)鏈接的(de)，除了(le)最後一(yī)項，因為(wèi)σ↔放(fàng)一(yī)個(gè)指向當前頁♥Ω×的(de)鏈接不(bù)但(dàn)沒有(¶αyǒu)必要(yào)，還(hái)會(huì)讓用(yòng)戶懷疑最後一π♥π✔(yī)項到(dào)底和(hé)當前頁是(shì)不(bù)是(sh€™ì)同一(yī)頁。

6.面包屑的(de)層級應該是(shì)網站(zhàn)的(de)頁面層₩¶♦級，而不(bù)是(shì)分(fēn)類層級，也(yě)♥αφ£不(bù)應該包括無內(nèi)容的(de)導航頁，邏輯上(shàng) →‍的(de)昆山(shān)做(zuò)網站(zhàn)父級（如(rú)商品上(shàng)級分(fēn)類），除非有(☆£±£yǒu)真實的(de)頁面存在，否則不(ε∑φbù)需要(yào)放(fàng)在面包屑裡( •lǐ)。此外(wài)，諸如(rú)網站(zhàn)地(dα πΩì)圖一(yī)類可(kě)有(yǒu)可(kě)無的(de)層級，也(yě)§×最好(hǎo)不(bù)要(yào)加到(dào)面包屑裡(lǐ)。

7.如(rú)果網站(zhàn)層級不(bù)多(duō)或‍λ•←沒有(yǒu)分(fēn)支，就(jiù)不(bù)需↕​₽要(yào)面包屑了(le)，如(rú)果面包屑隻有(yǒ<®↑αu)兩級昆山(shān)做(zuò)網站(zhàn)→§↑

8.面包屑的(de)第一(yī)項應該鏈★<→接首頁，面包屑的(de)第一(yī)項如βλ★(rú)果不(bù)是(shì)首頁，用(yòng)戶可(kě®'♦₹)能(néng)會(huì)有(yǒu)疑問(wε≤☆©èn)這(zhè)個(gè)面包屑不(bù)可(kě) ↕ ‍信或者該網站(zhàn)根本昆山(shān)做(zuò)網站(zhàn)沒有(yǒu)首頁。

手機(jī)端

1. 不(bù)要(yào)把面包屑分(fē ±n)行(xíng)，就(jiù)算(suàn)面包γ±<屑有(yǒu)點長(cháng)，分(fēn)行(xíng)≥₩ 也(yě)絕對(duì)不(bù)是(sα♥★hì)一(yī)個(gè)好(hǎo)的(de)主意。

2. 不(bù)要(yào)用(yòng)太小(xiǎo)的(dβ♠♣e)文(wén)字，縮小(xiǎo)文(wén♠λ₹♠)字也(yě)許能(néng)夠展示更長(cháng)的(de)信息，€×πφ但(dàn)是(shì)用(yòng)戶如(rú)果點擊不(↓'bù)到(dào)或者看(kàn)不(bù)清，面包£÷Ω屑存在的(de)意義就(jiù)沒有(yǒu)了(l↔↔e)。昆山(shān)做(zuò)網站(zhàn)

3. 可(kě)以考慮隻保留上(₹δshàng)一(yī)級面包屑，考慮到(dào)手機(jī)用≠®(yòng)戶的(de)使用(yòng)習(xí)慣和(hé)使用(y↓↑→φòng)需求，可(kě)以不(bù)用(yòng)把面包屑完整δ 列出。