文字鏈接,怎么辦?_網頁設計教程
推薦:如何進行網站布局FramesVsTables框架Vs表格Somepeopleliketouseframesontheirsites.Iwouldrecommendyouavoidthemifyoucan...andyouprobablycan.有些
表示文字鏈接最清楚的方式是“藍色文字 下劃線”,這是在瀏覽器發展過程中形成的。這個問題大家都說過很多次了,我也曾經說過。然而,這樣的規范卻總是難以實行。視覺設計師會把文字顏色作為一個表現視覺風格的元素,完全出于視覺表現的需要來配色,而不顧及這個規范。在埋怨視覺設計師的同事,我也在考慮,規范之不行,問題恐怕并不全在執行者。這如同交通規則不答應騎自行車帶人,但是交警也不能見到騎車帶人的都攔住罰款。
顯然,這個規范對視覺設計的局限是比較大的,所以視覺設計師才不愿意去遵守。在網頁的開發流程中,留給視覺設計的時間是很有限的,并且往往要求有比較絢麗的視覺表現。這樣的條件下,再要視覺設計師顧及這個規范確實也比較難。
那么,我們來設計另外一個規范,讓文字鏈接同樣能表現的很清楚,做到“操作可識別”,同時,又讓視覺設計比較輕易做。
方案如下:
將文字鏈接分為兩種,區別對待。
第一種. 對于較大的列表,默認時不顯示下劃線,光標經過時才顯示下劃線。
上圖中這樣的內容是一個個列表,一個新聞標題的列表,一個日志標題的列表,一個網友昵稱的列表…顯然是可以點擊的。那么,好,既然能猜到,就不下劃線了。只在光標劃過的時候顯示下劃線,“嗯,對的,是可以點擊滴!”
第二種. 對于混雜在頁面文字中零散出現的文字鏈接,默認時候就出現下劃線,光標經過的時候,樣式不變。
散布與一大堆文字中的鏈接,假如在默認的時候不加以區別,就完全沒法識別了。
這個規范的優點:對文字顏色沒有要求。
不要求鏈接文字全部用藍色,給視覺設計留出了足夠的空間。不要求鏈接文字全部加下劃線,避免了頁面象橫格本一樣的滿篇全是橫線。
這個規范的缺點:對有鏈接的文字用了兩種不同的處理方法,有的默認有下劃線,有的沒有。這兩種情況同時顯示在一個頁面上時,加了下劃線的文字顯然會更明顯的表示出:“這個是可以點擊的。”于是,頁面中的大列表可點擊,表達的就不那么明顯了。而頁面中的大列表往往又是重點內容,是希望用戶關注的內容。類似下面這種情況:
這個缺陷需要通過視覺設計來彌補了,背景顏色、字號、加粗之類的辦法。
要說的就是這些。最后來看一下gmail,大體上就是按照這個方案來處理文字鏈接問題的。
分享:成功構建網站的方法Ifyou'redoingbusinessontheInternet,oneofthemostimportantaspectsofyoursuccessisyourwebsite.Ifyourwebsitedoesn'tlookprofessio
- 相關鏈接:
- 教程說明:
網頁設計教程-文字鏈接,怎么辦?
。


