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

創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿(mǎn)足客戶(hù)于互聯(lián)網(wǎng)時(shí)代的濟(jì)南網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

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

主要表現(xiàn)形式有抽屜式導(dǎo)航、固定式側(cè)邊導(dǎo)航和隱藏式側(cè)邊導(dǎo)航等；

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

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

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

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

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

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

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

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

分享文章：愛(ài)不釋手的側(cè)邊欄！網(wǎng)站導(dǎo)航應(yīng)該去一邊玩兒
本文路徑：http://www.chinadenli.net/article6/cgpsog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、外貿(mào)建站、商城網(wǎng)站、云服務(wù)器、品牌網(wǎng)站建設(shè)、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)