導航在網(wǎng)站設計中的重要性已經(jīng)毋庸置疑，但重要不意味著(zhù)它必須高調，安靜與顯眼兼具的導航才最符合用戶(hù)的使用體驗，而側邊導航恰巧同時(shí)滿(mǎn)足了這兩點(diǎn)。網(wǎng)站側邊導航的好壞與否很容易判斷，主要取決于它的大小、形式、色彩和排版。

一般來(lái)說(shuō)，側邊導航的寬度尺寸控制在內容部分寬度的三分之一左右；

主要表現形式有抽屜式導航、固定式側邊導航和隱藏式側邊導航等；

色彩上要與頁(yè)面整體風(fēng)格互相協(xié)調融合，避免過(guò)于亮眼的顏色。雖然導航應該顯眼，但通過(guò)色彩來(lái)實(shí)現卻不是一個(gè)好方法，通過(guò)排版、形式、字體等方式同樣能達到目的；

側邊導航的排版布局比較簡(jiǎn)單，分為左側導航和右側導航。一般將導航置于左側的居多，這樣能獲得更多的關(guān)注度。

以下是AnyForWeb為大家收集的關(guān)于網(wǎng)站側邊導航的使用案例，希望能為大家帶來(lái)靈感。

1.逼真的擬物化設計加上木質(zhì)紋理背景，案例網(wǎng)站中的側邊導航應用變得格外應景。導航與網(wǎng)頁(yè)整體設計風(fēng)格很融合，同時(shí)用紋理的細微變化以示區別，不僅讓用戶(hù)獲得視覺(jué)上的舒適感，也讓導航更加與眾不同。

2.這個(gè)案例中體現的是導航設計中的慣用手法，使用與背景色反差較大的顏色來(lái)點(diǎn)綴頁(yè)面中的重要元素，同時(shí)起到提亮導航的作用。由于背景色選擇了深沉的悶黑色，所以導航的顏色也選用了同色系的黑色，但相對亮一些，整體效果既不唐突，也能很快速、自然的吸引用戶(hù)視線(xiàn)。

3.這個(gè)是一個(gè)比較單一的網(wǎng)站配色，導航設計的比較隨性，所以讓整體效果神秘中帶著(zhù)休閑。設計師將網(wǎng)頁(yè)打造成少線(xiàn)框的體驗，讓頁(yè)面更加自由而無(wú)拘束，同時(shí)突出了右上角“LOGIN”幽靈按鈕的設計，引導用戶(hù)登錄點(diǎn)擊。

4.這個(gè)網(wǎng)站沒(méi)有遵循導航尺寸介于內容三分之一到二分之一大小的規律，因此視覺(jué)上會(huì )讓用戶(hù)造成內容部分有些壓抑的感覺(jué)。但這個(gè)案例中的某些細節很值得我們借鑒，比如內容板塊頂部的自然陰影設計；大標題中的水印字樣等，這些元素都令網(wǎng)站看起來(lái)更加自然親切，拉近了網(wǎng)站與用戶(hù)之間的距離感。

5.純手繪風(fēng)格的網(wǎng)頁(yè)設計可能會(huì )讓網(wǎng)站顯得太過(guò)童真，而下面的案例卻表現出了手繪風(fēng)格的另一種形態(tài)。設計師沒(méi)有將網(wǎng)站中的文字都設置成手寫(xiě)涂鴉的狀態(tài)，因此網(wǎng)站的用戶(hù)體驗并沒(méi)有因為風(fēng)格的原因受到任何影響。尤其導航部分，與底色同色系的淺灰色底紋將導航和背景很好的區分開(kāi)來(lái)，視覺(jué)流暢不違和。

6.Georgina Bousia的網(wǎng)站很直觀(guān)的給用戶(hù)一種清新平靜的感覺(jué)。干凈簡(jiǎn)單的導航也能為網(wǎng)站帶來(lái)高端大氣的感覺(jué)，但也不可否認設計師在其中花了很多小心思。內容大圖上有輕微的半透明幾何陰影效果，讓圖片中的風(fēng)景多了一些陽(yáng)光灑落的設計感。

7.網(wǎng)站導航也能設計出一種場(chǎng)景交錯的感覺(jué)。內容部分的某一環(huán)節與導航自然銜接，黑色的使用不僅沒(méi)有顯得乏味單調，反而制造出了一種獨特的復古時(shí)尚感。兩者之間的垂直視差效果更利于吸引用戶(hù)。

8.這是一個(gè)很特別的網(wǎng)站導航設計，設計師用下拉的形狀側面體現了導航的簡(jiǎn)易性和適用性。導航在網(wǎng)站整體中表現得比較隱蔽，更像是一個(gè)頁(yè)面中的補充設計。

9.TONYMOLY的網(wǎng)站導航采用了雙層設計，再加以簡(jiǎn)單的圖標設計，這樣的好處是讓用戶(hù)更清晰的查看到網(wǎng)站的內容分類(lèi)。色彩上，設計師使用了中性的黑白搭配，將對主內容區域的視覺(jué)影響降到最低。

10.如果你覺(jué)得網(wǎng)站導航只是靜靜的安置在頁(yè)面側邊看起來(lái)太正統的話(huà)不妨試試下面這個(gè)案例的做法。設計師在導航周?chē)砑恿私z帶效果，讓頁(yè)面看起來(lái)瞬間充滿(mǎn)活力。

有時(shí)候，只需要一些別出心裁的小效果就能讓導航變得與眾不同。但基于導航對整個(gè)網(wǎng)站的重要性，舒適的用戶(hù)體驗與美觀(guān)度之間的取舍需要設計師仔細考量。