網(wǎng)頁設(shè)計(jì)中導(dǎo)航設(shè)計(jì)的10大事項(xiàng)

打開一個(gè)網(wǎng)頁，我們會(huì)被各種各樣的圖片、顏色所吸引，面對(duì)這些圖片、按鈕、文字、BANNER，首先值得我們關(guān)注的就是一個(gè)網(wǎng)站的導(dǎo)航欄。導(dǎo)航欄是一個(gè)網(wǎng)站所有信息的集體展示，也是幫助我們找到信息需求的好通道。所以導(dǎo)航欄的設(shè)計(jì)是不容忽視的。

導(dǎo)航欄如果設(shè)計(jì)得恰到好處，是會(huì)給網(wǎng)頁本身增色很多。導(dǎo)航欄有一排、兩排、多排、圖片導(dǎo)航和Frame 框架快捷導(dǎo)航等等各種情況的設(shè)計(jì)。有時(shí)候是橫排，有時(shí)候則是豎排。除了這些樣式以外，想要讓網(wǎng)頁更具活潑和動(dòng)感，動(dòng)態(tài)導(dǎo)航欄是的選擇，其中最具代表性的是flash導(dǎo)航。導(dǎo)航設(shè)計(jì)的形式雖然多樣化，但是也需要我們?cè)谠O(shè)計(jì)時(shí)引起注意。

1、千萬不要太花哨，它屬于功能物件，喧賓奪主就不好了。

2、導(dǎo)航不多的情況下，通常是一排，橫豎都可以，其實(shí)欄目超過6個(gè)就可以考慮用兩排。

3、導(dǎo)航欄目很多的情況，也可以多排，甚至不規(guī)則地多排(一排個(gè)數(shù)不同，或長度不同)。商業(yè)設(shè)計(jì)或門戶站點(diǎn)通常都會(huì)有很多頻道，設(shè)計(jì)起來，就要考慮橫向雙排。使用豎排，會(huì)占用太大空間。多排排版時(shí)要考慮導(dǎo)航條的直觀和美觀。

4、為了更好地進(jìn)行網(wǎng)站優(yōu)化，導(dǎo)航的錨文本中可以考慮包含關(guān)鍵詞。但這里注意的是包含關(guān)鍵詞，不是不要堆砌關(guān)鍵字，2-4個(gè)字就足夠了。

5、通常內(nèi)容不多的情況下，可能無所謂欄目，站點(diǎn)就包括了導(dǎo)航的具體內(nèi)容。

6、導(dǎo)航層次的設(shè)計(jì)。好的導(dǎo)航層次最多不會(huì)超過四層，以三層為好。但在百度收錄過程中，比較注重首頁，與首頁越近的網(wǎng)頁最容易被收錄。所以，在設(shè)計(jì)過程中，一定要在網(wǎng)站規(guī)模與用戶體驗(yàn)中做好平衡。

7、雙排導(dǎo)航未必要挨在一起，可以自由一些，如：上排有導(dǎo)航欄，圖片分隔開后則另起一排。

8、圖片式導(dǎo)航，很漂亮，占用頁面空間比較大。如每一個(gè)圖像就是一個(gè)點(diǎn)擊熱點(diǎn)。

9、內(nèi)容很豐富的站點(diǎn)，可以考慮使用快捷導(dǎo)航，即Frame框架快捷導(dǎo)航，是因?yàn)椴还苣氵M(jìn)入哪個(gè)頁面都可以快速跳躍到另外的欄目，不會(huì)失去方向。

10、利用DHTML、JS、動(dòng)態(tài)隱藏層等技術(shù)實(shí)現(xiàn)的多變化的導(dǎo)航，都有瀏覽器的支持問題。建議大家不用。另外，不是所有的網(wǎng)站都有導(dǎo)航的。大家可根據(jù)自己情況而定。

標(biāo)題名稱：網(wǎng)頁設(shè)計(jì)中導(dǎo)航設(shè)計(jì)的10大事項(xiàng)
網(wǎng)頁地址：http://www.bm7419.com/news10/191660.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站策劃、網(wǎng)站制作、網(wǎng)站維護(hù)、虛擬主機(jī)、網(wǎng)站設(shè)計(jì)

廣告

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