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


