|
臭魚的blog：http://www.chouyu.com.cn/
表示文字鏈接最清楚的方式是“藍(lán)色文字+下劃線”，這是在瀏覽器發(fā)展過程中形成的。這個(gè)問題大家都說過很多次了，我也曾經(jīng)說過。然而，這樣的規(guī)范卻總是難以實(shí)行。視覺設(shè)計(jì)師會(huì)把文字顏色作為一個(gè)表現(xiàn)視覺風(fēng)格的元素，完全出于視覺表現(xiàn)的需要來配色，而不顧及這個(gè)規(guī)范。在埋怨視覺設(shè)計(jì)師的同事，我也在考慮，規(guī)范之不行，問題恐怕并不全在執(zhí)行者。這如同交通規(guī)則不允許騎自行車帶人，但是交警也不能見到騎車帶人的都攔住罰款。
顯然，這個(gè)規(guī)范對(duì)視覺設(shè)計(jì)的局限是比較大的，所以視覺設(shè)計(jì)師才不愿意去遵守。在網(wǎng)頁(yè)的開發(fā)流程中，留給視覺設(shè)計(jì)的時(shí)間是很有限的，并且往往要求有比較絢麗的視覺表現(xiàn)。這樣的條件下，再要視覺設(shè)計(jì)師顧及這個(gè)規(guī)范確實(shí)也比較難。
那么，我們來設(shè)計(jì)另外一個(gè)規(guī)范，讓文字鏈接同樣能表現(xiàn)的很清楚，做到“操作可識(shí)別”，同時(shí)，又讓視覺設(shè)計(jì)比較容易做。
方案如下：
將文字鏈接分為兩種，區(qū)別對(duì)待。
第一種. 對(duì)于較大的列表，默認(rèn)時(shí)不顯示下劃線，光標(biāo)經(jīng)過時(shí)才顯示下劃線。
上圖中這樣的內(nèi)容是一個(gè)個(gè)列表，一個(gè)新聞標(biāo)題的列表，一個(gè)日志標(biāo)題的列表，一個(gè)網(wǎng)友昵稱的列表…顯然是可以點(diǎn)擊的。那么，好，既然能猜到，就不下劃線了。只在光標(biāo)劃過的時(shí)候顯示下劃線，“嗯，對(duì)的，是可以點(diǎn)擊滴！”
第二種. 對(duì)于混雜在頁(yè)面文字中零散出現(xiàn)的文字鏈接，默認(rèn)時(shí)候就出現(xiàn)下劃線，光標(biāo)經(jīng)過的時(shí)候，樣式不變。
散布與一大堆文字中的鏈接，如果在默認(rèn)的時(shí)候不加以區(qū)別，就完全沒法識(shí)別了。
這個(gè)規(guī)范的優(yōu)點(diǎn)：對(duì)文字顏色沒有要求。
不要求鏈接文字全部用藍(lán)色，給視覺設(shè)計(jì)留出了足夠的空間。不要求鏈接文字全部加下劃線，避免了頁(yè)面象橫格本一樣的滿篇全是橫線。
這個(gè)規(guī)范的缺點(diǎn)：對(duì)有鏈接的文字用了兩種不同的處理方法，有的默認(rèn)有下劃線，有的沒有。這兩種情況同時(shí)顯示在一個(gè)頁(yè)面上時(shí)，加了下劃線的文字顯然會(huì)更明顯的表示出：“這個(gè)是可以點(diǎn)擊的。”于是，頁(yè)面中的大列表可點(diǎn)擊，表達(dá)的就不那么明顯了。而頁(yè)面中的大列表往往又是重點(diǎn)內(nèi)容，是希望用戶關(guān)注的內(nèi)容。類似下面這種情況：
這個(gè)缺陷需要通過視覺設(shè)計(jì)來彌補(bǔ)了，背景顏色、字號(hào)、加粗之類的辦法。
要說的就是這些。最后來看一下gmail，大體上就是按照這個(gè)方案來處理文字鏈接問題的。
本文鏈接：http://www.95time.cn/design/doc/2008/5344.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
|
