根據(jù)網(wǎng)站首頁(yè)版式設(shè)計(jì)、網(wǎng)頁(yè)欄日、網(wǎng)站內(nèi)容、網(wǎng)站風(fēng)格等各方面的考慮，設(shè)計(jì)導(dǎo)航條的樣式、位置、顏色。如根據(jù)本章的環(huán)保網(wǎng)站實(shí)例，可以設(shè)計(jì)。
 
導(dǎo)航的位置
 
為了使網(wǎng)站的整體風(fēng)格一致，可以把導(dǎo)航信息以相同的形式固定在不同頁(yè)面的相同位置，這些位置可以是頁(yè)面的上部、下部、左側(cè)、右側(cè)和中部。頁(yè)面中間一般放置主體內(nèi)容，所以頁(yè)面實(shí)際上有4個(gè)區(qū)域比較適合放置導(dǎo)航元素，即頂部、左側(cè)、右側(cè)和下部。放在下部需要將網(wǎng)頁(yè)控制在一屏以?xún)?nèi)。


 
導(dǎo)航的方向
 
導(dǎo)航的方向是指導(dǎo)航文字的排列方式。有橫排導(dǎo)航、豎排導(dǎo)航和傾斜導(dǎo)航三種情況，也有少數(shù)不規(guī)則的導(dǎo)航。導(dǎo)航方向很大程度上影響了網(wǎng)頁(yè)平面的空間分割與版式風(fēng)格，運(yùn)用得體能起到事半功倍的效果。
 
橫排導(dǎo)航占用頁(yè)面空間最少，經(jīng)常使用在信息量比較大的門(mén)戶(hù)網(wǎng)站、資訊網(wǎng)站中，顯得很大氣。因此，不少企業(yè)網(wǎng)站也采用了橫排導(dǎo)航。
 
豎排導(dǎo)航占用空間較多，通常位于頁(yè)面的左側(cè)，比較適合閱讀者的視覺(jué)心理。豎排導(dǎo)航像傳統(tǒng)的菜單，符合使用規(guī)律。也有不少網(wǎng)站把傳統(tǒng)的豎排導(dǎo)航改進(jìn)成折疊式的樹(shù)形導(dǎo)航，以節(jié)省空間。
 
傾斜導(dǎo)航打破了網(wǎng)頁(yè)由于表格排版造成的橫向與豎向的格局，擁有很強(qiáng)的視覺(jué)沖擊力。
 
但是由于它的個(gè)性特征太鮮明，不適用于信息量豐富的網(wǎng)站。通常在一些個(gè)人網(wǎng)站上比較常用。
 
網(wǎng)站制作可以通過(guò)色彩變化、字號(hào)大小、多級(jí)子欄目、動(dòng)畫(huà)效果等方法來(lái)告訴測(cè)覽者現(xiàn)在所處的位置，增加頁(yè)面的辨識(shí)性。通常，可以在導(dǎo)航中加入圖片，背景色、欄目線等裝飾元素，以突出其視覺(jué)效果。