網(wǎng)站模板設(shè)計(jì)的過(guò)程中，很多站長(zhǎng)都習(xí)慣標(biāo)新立異，獨(dú)特的設(shè)計(jì)往往可以吸引更多的用戶。網(wǎng)站模板的導(dǎo)航的設(shè)計(jì)也是這樣的道理，現(xiàn)在很多頁(yè)面設(shè)計(jì)的時(shí)候都使用加粗的非襯線體作為網(wǎng)站的導(dǎo)航。導(dǎo)航設(shè)計(jì)的重點(diǎn)是實(shí)用、小巧和有趣。導(dǎo)航模式的不一樣，對(duì)網(wǎng)站的影響也是不一樣的。下面我們就來(lái)分享一些導(dǎo)航設(shè)計(jì)的方法。

第一、側(cè)邊欄導(dǎo)航模式的設(shè)計(jì)。即使是側(cè)邊欄的導(dǎo)航也有很多種類(lèi)型，有靜態(tài)的，有動(dòng)態(tài)的，寬度也不一樣。其實(shí)側(cè)邊導(dǎo)航欄，是將頂部的導(dǎo)航旋轉(zhuǎn)90度設(shè)置在側(cè)邊。在設(shè)計(jì)網(wǎng)站模板的時(shí)候要注意，在不同的尺寸、比例的屏幕下的顯示效果要一樣，導(dǎo)航的文字不能太長(zhǎng)，項(xiàng)目也不宜太多。

第二、隱藏以及彈出式的導(dǎo)航。隱藏式的導(dǎo)航主要是通過(guò)漢堡圖標(biāo)體現(xiàn)出來(lái)，隱藏式的導(dǎo)航的設(shè)計(jì)同時(shí)也會(huì)帶來(lái)彈出式的導(dǎo)航。這兩種類(lèi)型的導(dǎo)航模式所占的空間比較小，在移動(dòng)端也比較適用。有些網(wǎng)站在設(shè)計(jì)的時(shí)候，將彈出式的導(dǎo)航設(shè)計(jì)成全屏式的導(dǎo)航。

第三、水平滾動(dòng)式的導(dǎo)航。很多用戶對(duì)水平滾動(dòng)的網(wǎng)站都會(huì)非常奇怪，因?yàn)檫@與縱向滾動(dòng)的水平不一樣，在滾動(dòng)的過(guò)程中，會(huì)產(chǎn)生強(qiáng)烈的錯(cuò)位感。想要使得水平滾動(dòng)更自然，就可以結(jié)合用戶的視線來(lái)設(shè)計(jì)導(dǎo)航，加強(qiáng)瀏覽的邏輯性，例如箭頭以及定位式的導(dǎo)航。

第四、無(wú)導(dǎo)航模式。有少部分網(wǎng)站模板設(shè)計(jì)的時(shí)候，并沒(méi)有設(shè)計(jì)導(dǎo)航，而是直接將內(nèi)容展示在頁(yè)面上。這種設(shè)計(jì)方式比較復(fù)雜，如果頁(yè)面的內(nèi)容比較多的話，很容易就會(huì)讓用戶產(chǎn)生厭煩。無(wú)導(dǎo)航模式主要適用于小型的網(wǎng)站，只需要滾動(dòng)就可以了解全部的內(nèi)容，不同點(diǎn)擊就可以獲得想要的內(nèi)容。

第五、邊緣導(dǎo)航模式。與側(cè)邊導(dǎo)航不一樣的地方是，邊緣導(dǎo)航是完全旋轉(zhuǎn)90度并且設(shè)置在右側(cè)，這主要適用于比較小型的作品展示類(lèi)型的網(wǎng)站。這類(lèi)型的導(dǎo)航一般使用文字，而且欄目比較少。

網(wǎng)站設(shè)計(jì)導(dǎo)航的時(shí)候，很多站長(zhǎng)都會(huì)遵守一定的規(guī)則，但是在這個(gè)基礎(chǔ)上，我們要?jiǎng)?chuàng)新，通過(guò)新模式的導(dǎo)航來(lái)設(shè)計(jì)不同風(fēng)格的網(wǎng)站，展示網(wǎng)站設(shè)計(jì)的個(gè)性。