厭倦了傳統(tǒng)頂部導(dǎo)航的設(shè)計(jì)師，越來(lái)越偏愛(ài)側(cè)邊欄導(dǎo)航了。這種常見(jiàn)于頁(yè)面左側(cè)的側(cè)邊欄設(shè)計(jì)，已經(jīng)成了許多獨(dú)樹(shù)一幟的設(shè)計(jì)師的選擇了。側(cè)邊欄導(dǎo)航看起來(lái)不錯(cuò)，它簡(jiǎn)化布局的功能似乎也很強(qiáng)大，但是他到底好不好用呢？

1、無(wú)處不在的側(cè)邊欄導(dǎo)航

側(cè)邊欄導(dǎo)航在現(xiàn)在越來(lái)越流行。而我們看到的側(cè)邊欄設(shè)計(jì)，常常使用單一的純色打底，包含較少重要或常用的選項(xiàng)，導(dǎo)航欄頂端通常會(huì)包含有品牌或者網(wǎng)站LOGO，文字鏈接，以及帶有小圖標(biāo)的社交媒體帳號(hào)的鏈接。

想要這種側(cè)邊欄設(shè)計(jì)能夠最大化的發(fā)揮作用，訣竅在于控制好側(cè)邊欄本身和右側(cè)網(wǎng)站內(nèi)容的對(duì)比度，它要包含足夠清晰可見(jiàn)的導(dǎo)航條目，還要能在移動(dòng)端上良好地運(yùn)作。

2、側(cè)邊欄導(dǎo)航的優(yōu)點(diǎn)

A、側(cè)邊欄導(dǎo)航通常位于左側(cè)，它位于F式布局的最左側(cè)，作為信息主干，也符合用戶(hù)的瀏覽習(xí)慣

B、側(cè)邊欄中的條目?jī)?yōu)先級(jí)基本一致

C、當(dāng)間距足夠的時(shí)候，側(cè)邊欄中的條目會(huì)非常的一目了然

D、通常會(huì)留有足夠的空間，讓后續(xù)的條目能夠加入進(jìn)去

E、側(cè)邊欄導(dǎo)航能呈現(xiàn)更多的鏈接

3、側(cè)邊欄導(dǎo)航的缺點(diǎn)

不喜歡側(cè)邊欄導(dǎo)航的人也很多，有些爭(zhēng)論是關(guān)于導(dǎo)航欄放在右側(cè)會(huì)不會(huì)更好，還有人則覺(jué)得側(cè)邊欄導(dǎo)航本身就是個(gè)麻煩，一方面讓用戶(hù)面對(duì)更復(fù)雜的布局，另一方面還增加了開(kāi)發(fā)的難度。

A、垂直式的導(dǎo)航在響應(yīng)式布局當(dāng)中很難正常工作

B、導(dǎo)航中的詞匯必須足夠簡(jiǎn)短，否則導(dǎo)航欄會(huì)設(shè)計(jì)的很寬，或者部分內(nèi)容無(wú)法顯示

C、垂直導(dǎo)航所占據(jù)的空間，可能會(huì)擠壓其他更有價(jià)值的內(nèi)容

D、在同等內(nèi)容量之下，側(cè)邊欄導(dǎo)航會(huì)讓用戶(hù)滾動(dòng)頁(yè)面的時(shí)間更長(zhǎng)

4、側(cè)邊欄導(dǎo)航真的好使么？

作為一種設(shè)計(jì)趨勢(shì)，側(cè)邊欄導(dǎo)航是引人注意的，作為導(dǎo)航欄，它常駐式的設(shè)計(jì)，讓它的功能性更強(qiáng)。如果你的導(dǎo)航是用戶(hù)流程中非常重要的存在，那么側(cè)邊欄導(dǎo)航是個(gè)不錯(cuò)的選擇。