網頁導航設計的注意要點,網頁設計知識,理論,色彩,技巧

一、注意超連結顏色與單純敘述文字的顏色呈現 
　　WWW的語言—HTML允許Webpage設計者特別標明單純敘述文字與超連結的顏色，以便豐富Webpage的色彩呈現。如果您的網站  

　　充滿知識性的信息，欲傳達給訪問者，建議您將網頁內的文字與超連結顏色，設計成較乾淨素雅的色調，會較有利於閱讀︰純粹的敘述文字採用較暗、較深的顏色來呈現(如︰黑色、墨綠色、暗褐色)，超連結文字則以較鮮明搶眼的色彩來強調 (如︰亮黃色、翠綠色、鮮橘色)，至於探訪過的超連結則採用較低於原超連結亮度的顏色做呈現。 

二、測試所有的超連結與導覽按鈕的真實可行性 

　　Webpage上線之後，第一件該做的事，是逐一測試每一頁的每一個超連結與每一個導覽按鈕的真實可行性。徹底檢驗有沒有失敗的link無法連結到該連結的Webpage，卻反而冒出「FileNotFound」的錯誤訊號出來。這是一個負責任、夠水準的 
Webpage設計者對自己的作品應有的基本品質要求。 

　　如果您果真有那麼多的超連結必須提供給讀者，不如將這些超連結以條列的方式，一筆一筆清楚地列在一選單頁或目錄頁上，既不妨礙走文的順暢，又呈現一目瞭然的導覽連結。 

三、讓超連結的字串長短適中且走文自然 

　　抓住能傳達主要訊息的字眼當做超連結的錨點(anchor)，可有效地控制住超連結的字串長度，避免字串過長(如︰整行、整句都是錨點字串)或過短(如︰僅一個字當做錨點)，而不利於讀者的閱讀或點取。 

四、當導覽按鈕連結到目前此頁時 

　　各Webpage若重複使用同一組的導覽按鈕，無可避免地會產生某一導覽按鈕連結到目前此頁的情形。為達成界面設計的一致性，並沒有絕對的必要性拿掉此導覽按鈕，但Webpage設計者可讓此按鈕不再具有超連結的功能；或將此按鈕的彩度、亮度 
降低(如︰深綠色變成淡綠色，亮紅色變成暗紅色)，使讀者可清楚地意識到︰這個暗設下來的導覽按鈕不再具有超連結的功能。 

五、分析、說明您提供的bookmarks或coollinks 

　　常常看到熱心的Webpage設計者條列了精心收集的bookmarks或coollinks，以分享讀者個人遨遊WWW的美好經驗。但多數Webpage設計者就只提供一大串links，並不分門別類，也不加以分析、說明為什麼這個link好，值得推薦？那個link的主要內容精彩之處？又在哪？提供您的bookmarks或coollinks是一大善舉，但未加以分析、說明，卻變得功虧一簣。多花幾分鐘，將您提供的bookmarks或coollinks稍加分類、註解，可提供讀者清晰的概念與無限的方便，也使您的站台的導覽系統更加周全完善。未加以說明、註解coollinks，其實一點也不cool。老實說，任何人都可以到Yahoo輕易地找到上百上千的links。您若未對這些推薦的links加以個人獨特的評論、介紹，讀者又何勞偏得到您的站台去找索引呢？任何一個分類索引或搜尋引擎都絕對比您條列的links還要更完備齊全。 

六、在具有前後連續順序的文件裡提供必要的連結 

　　將篇幅過長的文件分隔成數篇較小的Webpages大大地增加了界面的親和性，但在導覽按鈕與超連結的配置上，Webpage設計者則要更細心周全地安排，使得讀者不論身處您站台的哪一階層，依然能夠快速便捷地通往其他任何一個頁面。Webpage設計者應特別注意︰ 

1.提供「上一頁」、「下一頁」、「回子目錄頁」與「回首頁」的導覽按鈕或超鏈結在一系列具前後連續順序的文件裡，每篇Webpage都至少應提供「上一頁」、「下一頁」、「回子目錄頁」與「回首頁」的導覽按鈕或超連結，可使讀者能夠立 
即得知自己所在的頁面，是屬於一份較大文件內的一小部分。(考慮、體貼一下某讀者不是從您的Home順序連結至此頁，而是依循別的站台的某個link跳躍連結至此)。並且可以借由這些links隨時參考連結「上一頁」、「下一頁」與本頁的連貫