DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網頁導航設計技巧:計網頁導航的基本准則
網頁導航設計技巧:計網頁導航的基本准則
編輯:關於網頁技巧     

網頁導航是設計網站時需要考慮的一個最重要的方面。網頁導航的首要的目的是讓訪客在你的網站簡單迅速地找到他們想要搜尋的內容。高效的導航可以引導浏覽者在你的網站嘗試搜尋其他內容。在本文中,我們將探討一些設計網頁導航的基本准則。

有效的網頁導航

在設計網頁導航時,你需要將以下幾點銘記於心:

1. Organized Links 組織良好的鏈接

確保你的鏈接按照重要性有序排列。浏覽者能在不同分類中輕松找到他們想搜索的內容。

例如:我們的主鏈接都可以在頁面的上方即,我們的服務、產品、簡介及資源等等。其他有趣的鏈接置頁面的右側。整個網頁操作大眾化而又貫穿著連續性。

最後一點,如果網頁附屬一一個索引。例如,你會發現網頁索引通常把相關鏈接置於右側菜單的下方,也就是頁面的底部。

注意:相關鏈接很重要,因為浏覽者可能對你提供的相同標題下的更多新信息資源感興趣。

Website Navigation

2. Clear and Prominent 清晰且鮮明

一旦你決定做鏈接,你需要考慮把它們置於最優位置。導航必須突出且鮮明。把你設計的鏈接置於頁面頂部或左側這些最搶眼的位置上。同時,把一些主要的鏈接置於頁面頂部,這樣浏覽者不用滾動鼠標就可以一目了然。圖片的鏈接應和諧地融入網站設計。避免將鏈接放置在頁面的底部,這樣的話,浏覽者只有下翻到頁底才能看到這些鏈接。你可以將重要鏈接同時置於頂部和底部,已引起訪客注意。

3. Consistent 連貫性

導航必須清晰且連貫。在網站每一頁的相同位置都應設有相同順序的重要鏈接。不要因為不同頁面鏈接的順序問題讓你的浏覽者感到困惑。

4. Easy to understand 易於理解

確保連接言簡意赅。通常你不會有很大的空間來設置長鏈接,確保空間的有效利用。

訪客需要了然點擊鏈接的位置,因此,鏈接的設置應易於理解,否則沒人會點擊你的鏈接,這將有悖於設計網頁鏈接的初衷。

5. DHTML Menus DHTML菜單

如果你的每個一大堆的分類欄和子欄,你需要導航菜單來幫助你組織鏈接。網上有很多粘貼腳本,你可以借助它們創建強大的導航系統。

將這些要點銘記於心,你就可以為你的網站創建有效的導航系統。參考其他的網站你會在設計導航系統的技術上有新的思路!制作搶眼的視覺效果童言是個不錯的想法。小塊的信息條可引導讀者的點擊。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved