• 標(biāo)簽：頁(yè)面設(shè)計(jì) 導(dǎo)航欄設(shè)計(jì) 查看：36 次

　　導(dǎo)航欄如果設(shè)計(jì)得恰到好處，是會(huì)給網(wǎng)頁(yè)本身增色很多(千萬(wàn)不要太花哨，它屬于功能物件，喧賓奪主就不好了)。導(dǎo)航欄有一排、兩排、多排、圖片導(dǎo)航和Frame 框架快捷導(dǎo)航等等各種情況的設(shè)計(jì)。有時(shí)候是橫排，有時(shí)候則是豎排。另外還有一些動(dòng)態(tài)的導(dǎo)航欄，如很精彩的Flash導(dǎo)航。導(dǎo)航欄設(shè)計(jì)要點(diǎn)歸納如下：
1)導(dǎo)航不多的情況下，通常是一排，橫豎都可以，其實(shí)欄目超過6個(gè)就可以考慮用兩排。
2)導(dǎo)航欄目很多的情況，也可以多排，甚至不規(guī)則地多排(一排個(gè)數(shù)不同，或長(zhǎng)度不同)。商業(yè)設(shè)計(jì)或門戶站點(diǎn)通常都會(huì)有很多頻道，設(shè)計(jì)起來，就要考慮橫向雙排。使用豎排，會(huì)占用太大空間。
3)通常內(nèi)容不多的情況下，可能無(wú)所謂欄目，站點(diǎn)就包括了導(dǎo)航的具體內(nèi)容，如圖1所示。
4)雙排導(dǎo)航未必要挨在一起，可以自由一些，如圖2所示：上排有導(dǎo)航欄，圖片分隔開后則另起一排。
5)圖片式導(dǎo)航，很漂亮，占用頁(yè)面空間比較大。如圖2中每一個(gè)孩子圖像就是一個(gè)點(diǎn)擊熱點(diǎn)。
6)我推薦大家多用Flash制作導(dǎo)航，其體積小、變化多。
7)內(nèi)容很豐富的站點(diǎn)，可以考慮使用快捷導(dǎo)航，即Frame 框架快捷導(dǎo)航，是因?yàn)椴还苣氵M(jìn)入哪個(gè)頁(yè)面都可以快速跳躍到另外的欄目，不會(huì)失去方向。
8)利用DHTML、JS、動(dòng)態(tài)隱藏層等技術(shù)實(shí)現(xiàn)的多變化的導(dǎo)航，都有瀏覽器的支持問題。我建議大家不要給信息很多的站點(diǎn)作此導(dǎo)航。
9)不是所有的網(wǎng)站都有導(dǎo)航的。大家可根據(jù)自己情況而定。