厭倦了傳統(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)大，那么它真的有效么？用戶是否會(huì)認(rèn)可這種設(shè)計(jì)呢？今天，我們仔細(xì)分析一下側(cè)邊欄導(dǎo)航的優(yōu)不好的地方和使用狀況，盡可能精準(zhǔn)地對(duì)這種設(shè)計(jì)手法進(jìn)行界定和判斷。
無(wú)處不在的側(cè)邊欄網(wǎng)址導(dǎo)航
側(cè)邊欄網(wǎng)址導(dǎo)航和菜單設(shè)計(jì)的演變有著密不可分的關(guān)系。響應(yīng)式設(shè)計(jì)的流行（Prevalent)使得向移動(dòng)端偏移的網(wǎng)頁(yè)設(shè)計(jì)，不得不采用菜單欄來(lái)替代（用一物質(zhì)代替另一物質(zhì)（多為強(qiáng)者取代弱者的地位))傳統(tǒng)的導(dǎo)航模式(pattern)，其直接的影響就是催生了漢堡圖標(biāo)。
隨著漢堡圖標(biāo)的流行，彈出式的菜單也越發(fā)的常見(jiàn)。其中有些菜單是完全開(kāi)放式的，而有的菜單則帶著下拉框，還有一部分直接是彈出的菜單界面。而為了兼容大量的移動(dòng)端界面，下拉和彈出式的菜單大多采用的是縱向布局——而這和側(cè)邊欄的設(shè)計(jì)，是如此的相似。換句話來(lái)說(shuō)，這種垂直的網(wǎng)址導(dǎo)航就是一種彈出式的側(cè)邊欄導(dǎo)航。
目前，這種左側(cè)側(cè)邊欄導(dǎo)航的設(shè)計(jì)已經(jīng)成為一種持續(xù)迭(dié)代中的設(shè)計(jì)趨勢(shì)了?，F(xiàn)在我們看到的側(cè)邊欄設(shè)計(jì)，常常使用單一的純色打底，包含較少（但是重要或常用的）選項(xiàng)，導(dǎo)航欄頂端通常會(huì)包含有品牌或者網(wǎng)站LOGO，文字鏈接，以及帶有小圖標(biāo)的社交媒體帳號(hào)的鏈接。
想要這種側(cè)邊欄設(shè)計(jì)可以最大化的發(fā)揮作用，訣竅在于控制好側(cè)邊欄本身和右側(cè)網(wǎng)站網(wǎng)站內(nèi)容的對(duì)比度，它要包含足夠清晰可見(jiàn)的導(dǎo)航條目，還要能在移動(dòng)端上良好地運(yùn)作。
還有一點(diǎn)值得一提：不要因?yàn)槠聊粋?cè)邊夠長(zhǎng)，就試圖用鏈接和內(nèi)容將側(cè)邊欄填滿。留白是完全可以接受的，在簡(jiǎn)約之風(fēng)大行其道的今天，盡量只保留必須的內(nèi)容，讓留白來(lái)凸顯它們，才是合乎道理又符合趨勢(shì)（trend)的設(shè)計(jì)。今天的文章中的許多優(yōu)質(zhì)案例，都遵循著這樣的設(shè)計(jì)邏輯。
側(cè)邊欄導(dǎo)航的優(yōu)點(diǎn)
側(cè)邊欄導(dǎo)航的美學(xué)特征是毋庸置疑的。它在互聯(lián)網(wǎng)存在的早期就已經(jīng)存在，在軟件的GUI設(shè)計(jì)中常?？梢钥吹?，但是在今天它仍然以一種時(shí)尚而前衛(wèi)的姿態(tài)出現(xiàn)。
網(wǎng)站建設(shè)中側(cè)邊欄導(dǎo)航的優(yōu)點(diǎn)如下：
·側(cè)邊欄導(dǎo)航通常位于左側(cè)，它位于F式布局的最左側(cè)，作為信息主干，也符合用戶的瀏覽習(xí)慣
·側(cè)邊欄網(wǎng)址導(dǎo)航不會(huì)像漢堡菜單一樣一開(kāi)始就隱藏其中的條目
·側(cè)邊欄中的條目?jī)?yōu)先級(jí)基本一致
·當(dāng)間距足夠的時(shí)候，側(cè)邊欄中的條目會(huì)非常的一目了然
·今天的側(cè)邊欄通常會(huì)留有足夠的空間，讓后續(xù)的條目可以加入進(jìn)去
·側(cè)邊欄讓右側(cè)的畫(huà)板形狀尺寸不盡相同，設(shè)計(jì)師可以以非常規(guī)的方式來(lái)展現(xiàn)視頻和圖片，創(chuàng)造更獨(dú)特（釋義:特有的、特別的)的視覺(jué)體驗(yàn)
·側(cè)邊欄導(dǎo)航以更加干凈優(yōu)雅的方式方法呈現(xiàn)更多的鏈接
側(cè)邊欄導(dǎo)航的不好的地方
不喜歡側(cè)邊欄導(dǎo)航的人也非常多，有些爭(zhēng)論是關(guān)于導(dǎo)航欄放在右側(cè)會(huì)不會(huì)更好，還有人則覺(jué)得側(cè)邊欄導(dǎo)航本身就是個(gè)麻煩，一方面讓用戶面對(duì)更復(fù)雜的布局，另一方面還增加了開(kāi)發(fā)的難度。常熟網(wǎng)站建設(shè)前期準(zhǔn)備包括了前期網(wǎng)站定位、內(nèi)容差異化、頁(yè)面溝通等戰(zhàn)略性調(diào)研，這些確立后，再去注冊(cè)域名、租用空間、網(wǎng)站風(fēng)格設(shè)計(jì)、網(wǎng)站代碼制作五個(gè)部分，這個(gè)過(guò)程需要網(wǎng)站策劃人員、美術(shù)設(shè)計(jì)人員、WEB程序員共同完成。網(wǎng)站是企業(yè)展示自身形象、發(fā)布產(chǎn)品信息、聯(lián)系網(wǎng)上客戶的新平臺(tái)、新天地，進(jìn)而可以通過(guò)電子商務(wù)開(kāi)拓新的市場(chǎng)，以極少的投入獲得極大的收益和利潤(rùn)。
使用垂直導(dǎo)航，或者說(shuō)側(cè)邊欄導(dǎo)航，存在的問(wèn)題：
·垂直式的導(dǎo)航在響應(yīng)式布局當(dāng)中很難正常工作
·導(dǎo)航中的詞匯必須足夠簡(jiǎn)短，否則導(dǎo)航欄會(huì)設(shè)計(jì)的很寬，或者部分網(wǎng)站內(nèi)容沒(méi)有辦法顯示
·垂直導(dǎo)航所占據(jù)的空間，可能（maybe)會(huì)擠壓其他更有價(jià)值的網(wǎng)站內(nèi)容
·在同等內(nèi)容量之下，側(cè)邊欄導(dǎo)航會(huì)讓用戶滾動(dòng)頁(yè)面的時(shí)間更長(zhǎng)
·頂部導(dǎo)航通常只能放四五個(gè)鏈接，而側(cè)邊欄導(dǎo)航無(wú)疑能放更多，這可能會(huì)促使部分辦公室裝修設(shè)計(jì)師，在導(dǎo)航欄中塞入過(guò)多導(dǎo)航條目
·絕大多數(shù)用戶是右撇子，這些用戶需要橫快整個(gè)屏幕去點(diǎn)擊導(dǎo)航
·垂直網(wǎng)址導(dǎo)航通常在單頁(yè)式頁(yè)面上非常好用，但是其他類型的網(wǎng)頁(yè)上則沒(méi)有想象中那么好使
側(cè)邊欄導(dǎo)航真的好使么？
說(shuō)真的，討論很多，結(jié)論并不那么明朗。
作為一種設(shè)計(jì)趨勢(shì)（trend)，側(cè)邊欄導(dǎo)航是引人注意(attention)的，作為導(dǎo)航欄，它常駐式的設(shè)計(jì)，讓它的功能性更強(qiáng)。蘇州做網(wǎng)站通俗的來(lái)說(shuō)就是網(wǎng)站通過(guò)頁(yè)面結(jié)構(gòu)定位，合理布局，圖片文字處理，程序設(shè)計(jì)，數(shù)據(jù)庫(kù)設(shè)計(jì)等一系列工作的總和，也是將網(wǎng)站設(shè)計(jì)師的圖片用HTML方式展示出來(lái)，屬于前臺(tái)工程師的一項(xiàng)任務(wù)，前臺(tái)工程師任務(wù)包括：網(wǎng)站設(shè)計(jì)、網(wǎng)站用戶體驗(yàn)、網(wǎng)站JAVA效果、網(wǎng)站制作等工作。網(wǎng)站制作是策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁(yè)設(shè)計(jì)等崗位，應(yīng)用各種網(wǎng)絡(luò)程序開(kāi)發(fā)技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在全球互聯(lián)網(wǎng)上建設(shè)站點(diǎn)，并包含域名注冊(cè)和主機(jī)托管等服務(wù)的總稱。如果你的導(dǎo)航是用戶流程中非常重要的存在，那么側(cè)邊欄導(dǎo)航是個(gè)不錯(cuò)的選擇。
總而言之，這種導(dǎo)航設(shè)計(jì)對(duì)于較少的導(dǎo)航內(nèi)容的小型網(wǎng)站而言，頗為有用，尤其是對(duì)于產(chǎn)品展示型的網(wǎng)站而言。
其他的導(dǎo)航模式(pattern)
非常規(guī)的網(wǎng)址導(dǎo)航模式是打破了舊有的常規(guī)導(dǎo)航模式的有趣嘗試，除了側(cè)邊欄導(dǎo)航之外，還有一些其他的有趣的導(dǎo)航設(shè)計(jì)。
當(dāng)然，非常規(guī)的導(dǎo)航設(shè)計(jì)最主要的問(wèn)題(Emerson)在于，用戶不熟悉，容易混淆(to blur)，迷惑。蘇州做網(wǎng)站需要網(wǎng)站虛擬空間、域名以及動(dòng)態(tài)網(wǎng)站的數(shù)據(jù)庫(kù)這三個(gè)最基本的條件。網(wǎng)站虛擬空間是用來(lái)存放網(wǎng)站文件，如：圖片信息，html文件，php文件等，相當(dāng)于一個(gè)硬盤空間，域名即指訪問(wèn)網(wǎng)站的地址。對(duì)于小型站點(diǎn)，適當(dāng)?shù)膰L試還好，對(duì)于復(fù)雜的大型網(wǎng)站，這樣的嘗試就有點(diǎn)得不償失了。
在這里另外介紹兩種有趣的導(dǎo)航設(shè)計(jì)。Aurora 所采用的是隱藏式的導(dǎo)航，點(diǎn)擊LOGO旁邊的菜單按鈕能夠顯示，而AndCulture 則直接將頂部導(dǎo)航旋轉(zhuǎn)了90度直接放到側(cè)面。
兩種設(shè)計(jì)雖然都有人讓人意想不到，但是都在各自的網(wǎng)站建設(shè)中良好的運(yùn)行。當(dāng)然，不管你要做多么奇怪的嘗試，在真正決定投入使用之前，盡量多做用戶測(cè)試（TestMeasure)，確保它們是有效的。
網(wǎng)絡(luò)用戶運(yùn)營(yíng)：需要深入解析網(wǎng)站針對(duì)性用戶成長(zhǎng)模式 網(wǎng)站建設(shè)的意義