網站(zhàn)導航欄如(rú)何設計(jì)實現(xiàn)合φ₩理(lǐ)化(huà)

　　網站(zhàn)導航欄如(rú)何設&↓α計(jì)實現(xiàn)合理(lǐ)化(huà)。網絡中每天都(₩ dōu)有(yǒu)海(hǎi)量的(de)內(nèi)δ∞容被發布，随之而來(lái)的(de)問(wèn≠✔)題是(shì)如(rú)何對(duì)這(zhè)些♦♠©(xiē)內(nèi)容分(fēn)類，而內(nèi)容和π≤(hé)分(fēn)類最終将導緻導航問(wèn)題。有(yǒu)÷↑‍時(shí)，當導航有(yǒu)太多(duō)選項≥®☆φ時(shí)将會(huì)是(shì)個(gè)令人(rén)頭疼的(d £e)問(wèn)題。

　　所以，治療導航欄綜合症（curethenavigation-iti≤¥ssyndrome）是(shì)非常重要(yà★‌o)的(de)，使得(de)導航欄對(duì)用(yòng)戶友(yǒu)&₩↕好(hǎo)并容易操作(zuò)。本文(wén)提供了(le)一(yī)些(xσφiē)設計(jì)導航欄的(de)技(jì)巧β♠。幫助你(nǐ)解決導航問(wèn)題并體(tǐ)統清晰的(dπ☆e)用(yòng)戶體(tǐ)驗，并用($↓yòng)真實的(de)例子(zǐ)教你( →nǐ)如(rú)何治愈導航炎綜合症。

　　但(dàn)首先，是(shì)這(zhè)↕÷£些(xiē)技(jì)巧。

　　設計(jì)導航欄的(de)技(jì)巧

　　當我們撰寫這(zhè)篇文(wén)章(↓ ±φzhāng)之前，Jon(SpyreStud<♥> iosfounder)和(hé)我交換了(le)一(yī)些(xi ♦ē)想法，總結出了(le)關于導航欄應該如(rú)何放(fàng)置™★∏、如(rú)何作(zuò)用(yòng)和(hé)表現(xiàn×ελ&)。

　　1.堅持一(yī)個(gè)導航菜單

　　通(tōng)常一(yī)個(gè)導π× 航菜單就(jiù)足夠了(le)。不(bù)要(yào)增加不(bù)≈∞≠•必要(yào)的(de)導航條，而用(yòng)下(xià)拉菜單代替。

　　2.清晰、簡單、明(míng)顯的(de)菜單選項©§"

　　使用(yòng)清晰、簡單易懂(dǒng)的(de)文(wén)本，盡可♦¥♥(kě)能(néng)簡單并能(néngα✘)表達清楚。這(zhè)樣用(yòng)戶不(bù)會(hu ≠↓φì)感到(dào)困惑，且知(zhī)道(dào)他(✘←tā)們點擊的(de)是(shì)什(shén)₽∞₩≈麽。

　　3.保持導航看(kàn)起來(lái)是(shì)菜單

　　一(yī)個(gè)導航菜單應該看(kàn)起來(lái)像一(yī)•&γ$個(gè)導航菜單。沒有(yǒu)必要(yào)重新發明(míng)→ε$§輪子(zǐ)。如(rú)果沒壞，就(jiù)不(bùδ¥ )要(yào)修。基本上(shàng)，你(nǐ)的(de)創意應該來(lá"σi)自(zì)內(nèi)容，而不(bù)是(shì•γ≠)如(rú)何呈現(xiàn)內(nèi)容。相(xiàng)比如(rú)何≥σ到(dào)達內(nèi)容人(rén)們更關心內(nèi)容σ®‌λ本身(shēn)。所以讓人(rén)們通(tōng)過一(yī)個(•✔εgè)不(bù)用(yòng)大(dà)驚小(xiǎo)怪、可(kě)立∏☆即識别的(de)過程來(lái)得(de)到(dào)它。

　　4.不(bù)要(yào)使用(yòng)多♥"€÷(duō)于兩級的(de)下(xià)拉菜單

　　不(bù)要(yào)使用(yòng∏‍)多(duō)于兩級的(de)下(xià ₩)拉菜單，除非特别必要(yào)。如(rú)果你(nǐ)λ•需要(yào)使用(yòng)多(duō)于三層的(de) ​下(xià)拉菜單，那(nà)你(nǐ)可(kě)能(néng)需要(yào)↕δ±重新返回繪圖闆。減少(shǎo)菜單項目&mdas§"h;—大(dà)膽裁員(yuán)。  €≠你(nǐ)是(shì)否真的(de)需要(yào)那(nà↓γ)兩個(gè)分(fēn)類或者頁面，也(yě)許合二為(wèi)一(yī)更≈β ☆好(hǎo)？這(zhè)都(dōu)是(shì)關于如(≥₽₩rú)何對(duì)你(nǐ)的(de)內(nèi)容做("₽&zuò)出更好(hǎo)的(de)分(fēn)類。

　　5.下(xià)拉菜單中不(bù)要(yào)多(duō)επ®×于10-12個(gè)選項

　　切勿在下(xià)拉菜單中放(fàng)置多(duō)于10-1>¶2個(gè)選項。如(rú)果這(zhè)‌"σ←樣打不(bù)到(dào)你(nǐ)的(de)要÷☆×(yào)求，請(qǐng)重回繪圖闆，像第4條中那(nà)樣。

　　6.最小(xiǎo)化(huà)下(xià)拉菜單

　　将下(xià)拉選項保持在最小(xiǎo)狀态。如(rú)果可(kě)β↓λ能(néng)，避免使用(yòng)大(dà)型的(de)下(σ€xià)拉菜單。更多(duō)的(de)選₩✘♠✔擇往往意味著(zhe)更少(shǎo)的(de)動♣♠作(zuò)。别讓用(yòng)戶不(bù)知(zhī)道(dào)如(r‌βú)何如(rú)何在菜單中選擇，結果導緻用(↑σσyòng)戶離(lí)開(kāi)網站(zhàn)。

　　7.不(bù)要(yào)隻往菜單上(shàng)放(•✘σfàng)一(yī)個(gè)圖标

　　圖标是(shì)很(hěn)重要(yào)的(de)，但(∏♣β✘dàn)是(shì)如(rú)果菜單上(shàng)δ±↔☆隻有(yǒu)圖标的(de)話(huà)，不(bù)是(shì)每‌•♣個(gè)人(rén)都(dōu)了(le)解圖标的(de)→→δ←含義。三十歲的(de)人(rén)會(huì)知(zδ€hī)道(dào)閃存的(de)圖标代表“保存”。而小∞↔≤'(xiǎo)孩兒(ér)可(kě)能(né≥αng)會(huì)不(bù)明(míng♦♦)白(bái)這(zhè)個(gè)含義。

　　8.不(bù)要(yào)設計(jì)垂直導航欄

　　雖然設計(jì)一(yī)個(gè)垂直的(de)導航欄沒有α§÷∏(yǒu)那(nà)麽難，但(dàn)是(shì)在網↔♠ 頁上(shàng)使用(yòng)水(shuǐ)平®‍π♥導航欄是(shì)更加容易并且司空(kōng)見(jiàn)慣♥ δ的(de)。垂直導航欄會(huì)很(hěn)→®δ÷不(bù)方便，會(huì)讓一(yī)部分(fēn)用(yòng)戶望而卻步♣↑，而且會(huì)浪費(fèi)寶貴的(d☆↑×←e)屏幕空(kōng)間(jiān)。水(shuǐ)平導航欄會(huì)為₽♦&(wèi)網頁錦上(shàng)添花(huā)，而垂直導航欄會π₹₽±(huì)給你(nǐ)的(de)用(yòng)₽←戶帶來(lái)麻煩。另外(wài)，垂直導航欄會(huì)需☆≤φ≥要(yào)更多(duō)的(de)空(kōng)間(✘←₹♦jiān)來(lái)讓自(zì)身(shēn)變得(de)醒'•目。這(zhè)也(yě)因項目而異。

　　9.讓你(nǐ)的(de)設計(jì)方便觸摸屏β&∞用(yòng)戶使用(yòng)

　　觸摸屏技(jì)術(shù)已經被廣泛采用(yòng)，所以你(♦πγnǐ)要(yào)讓自(zì)己的(de)導航欄方便δ>觸摸屏電(diàn)子(zǐ)産品（比如(rú)IPAD）用≠"(yòng)戶的(de)使用(yòng)→"。尤其對(duì)于下(xià)拉菜單而言，讓它們更加容易≥₩→被點擊，而不(bù)是(shì)隻能(néng)使用(yòng←‌)光(guāng)标停留。