文字鏈接,怎么辦?_網(wǎng)頁設(shè)計教程
推薦:如何進(jìn)行網(wǎng)站布局FramesVsTables框架Vs表格Somepeopleliketouseframesontheirsites.Iwouldrecommendyouavoidthemifyoucan...andyouprobablycan.有些
表示文字鏈接最清楚的方式是“藍(lán)色文字 下劃線”,這是在瀏覽器發(fā)展過程中形成的。這個問題大家都說過很多次了,我也曾經(jīng)說過。然而,這樣的規(guī)范卻總是難以實行。視覺設(shè)計師會把文字顏色作為一個表現(xiàn)視覺風(fēng)格的元素,完全出于視覺表現(xiàn)的需要來配色,而不顧及這個規(guī)范。在埋怨視覺設(shè)計師的同事,我也在考慮,規(guī)范之不行,問題恐怕并不全在執(zhí)行者。這如同交通規(guī)則不答應(yīng)騎自行車帶人,但是交警也不能見到騎車帶人的都攔住罰款。
顯然,這個規(guī)范對視覺設(shè)計的局限是比較大的,所以視覺設(shè)計師才不愿意去遵守。在網(wǎng)頁的開發(fā)流程中,留給視覺設(shè)計的時間是很有限的,并且往往要求有比較絢麗的視覺表現(xiàn)。這樣的條件下,再要視覺設(shè)計師顧及這個規(guī)范確實也比較難。
那么,我們來設(shè)計另外一個規(guī)范,讓文字鏈接同樣能表現(xiàn)的很清楚,做到“操作可識別”,同時,又讓視覺設(shè)計比較輕易做。
方案如下:
將文字鏈接分為兩種,區(qū)別對待。
第一種. 對于較大的列表,默認(rèn)時不顯示下劃線,光標(biāo)經(jīng)過時才顯示下劃線。
上圖中這樣的內(nèi)容是一個個列表,一個新聞標(biāo)題的列表,一個日志標(biāo)題的列表,一個網(wǎng)友昵稱的列表…顯然是可以點擊的。那么,好,既然能猜到,就不下劃線了。只在光標(biāo)劃過的時候顯示下劃線,“嗯,對的,是可以點擊滴!”
第二種. 對于混雜在頁面文字中零散出現(xiàn)的文字鏈接,默認(rèn)時候就出現(xiàn)下劃線,光標(biāo)經(jīng)過的時候,樣式不變。
散布與一大堆文字中的鏈接,假如在默認(rèn)的時候不加以區(qū)別,就完全沒法識別了。
這個規(guī)范的優(yōu)點:對文字顏色沒有要求。
不要求鏈接文字全部用藍(lán)色,給視覺設(shè)計留出了足夠的空間。不要求鏈接文字全部加下劃線,避免了頁面象橫格本一樣的滿篇全是橫線。
這個規(guī)范的缺點:對有鏈接的文字用了兩種不同的處理方法,有的默認(rèn)有下劃線,有的沒有。這兩種情況同時顯示在一個頁面上時,加了下劃線的文字顯然會更明顯的表示出:“這個是可以點擊的�!庇谑�,頁面中的大列表可點擊,表達(dá)的就不那么明顯了。而頁面中的大列表往往又是重點內(nèi)容,是希望用戶關(guān)注的內(nèi)容。類似下面這種情況:
這個缺陷需要通過視覺設(shè)計來彌補(bǔ)了,背景顏色、字號、加粗之類的辦法。
要說的就是這些。最后來看一下gmail,大體上就是按照這個方案來處理文字鏈接問題的。
分享:成功構(gòu)建網(wǎng)站的方法Ifyou'redoingbusinessontheInternet,oneofthemostimportantaspectsofyoursuccessisyourwebsite.Ifyourwebsitedoesn'tlookprofessio
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請使用教程:100GB流量香港日本新加坡節(jié)點
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計教程-文字鏈接,怎么辦?
。


