在設(shè)計(jì)網(wǎng)站中，導(dǎo)航可以說是訪問用戶瀏覽網(wǎng)站的樞紐站，它能夠幫助訪問用戶到達(dá)想要到達(dá)的目的地，這也是導(dǎo)航系統(tǒng)在網(wǎng)頁的設(shè)計(jì)中經(jīng)久不衰的原因。在菜單的按鈕、移動的圖片以及各種鏈接這種可以選擇的元素中，網(wǎng)站的規(guī)模越龐大，信息與結(jié)構(gòu)越復(fù)雜，網(wǎng)站導(dǎo)航的結(jié)構(gòu)設(shè)計(jì)就更加能夠決定網(wǎng)站的成敗。一般情況下，網(wǎng)站的導(dǎo)航系統(tǒng)都設(shè)計(jì)在網(wǎng)站的頂部或者左側(cè)位置。

1、 交互式導(dǎo)航欄的作用與應(yīng)用

現(xiàn)在設(shè)計(jì)網(wǎng)站的風(fēng)格一般都非常簡潔，經(jīng)常使用大圖或者純色的簡約色作為網(wǎng)站的背景。這時候如果把導(dǎo)航欄以文字和圖片相結(jié)合的方式在網(wǎng)站的頁面底部增加一排導(dǎo)航欄，這就非常符合整個頁面的風(fēng)格了。這種導(dǎo)航選項(xiàng)需要大小適宜，能夠與頁面風(fēng)格相匹配，然后使用透明色作為菜單選項(xiàng)的背景，這樣能讓導(dǎo)航欄成為網(wǎng)頁中最為醒目的存在。在鼠標(biāo)點(diǎn)擊或者放在導(dǎo)航欄的按鈕上時設(shè)計(jì)網(wǎng)站增加圖片透明度的變化也能夠增加交互性。

2、 使用特殊形狀的導(dǎo)航欄設(shè)計(jì)

同樣設(shè)計(jì)網(wǎng)站采用大圖的背景，這種帶給用戶視覺沖擊力的效果配合菱形按照有序排列的網(wǎng)站導(dǎo)航欄設(shè)計(jì)更加凸顯了這一點(diǎn)。每個導(dǎo)航欄的菜單選項(xiàng)都用不同的半透明顏色作為按鈕底色，既不會喧賓奪主營銷網(wǎng)站的整體背景圖效果，又能夠突出菜單欄的醒目地位。但設(shè)計(jì)特殊菜單欄一定要符合網(wǎng)頁的設(shè)計(jì)風(fēng)格，否則就不倫不類了。