關(guān)于超鏈接中的下劃線這個(gè)及細(xì)節(jié)的問題,想必大家都有過討論和思考,大家都知道,把握一個(gè)原則即可:“讓使用者清楚的區(qū)分超鏈接文本和其他文本形式,并潛意識知道可以點(diǎn)擊。”;但對于是否可以潛意識知道可以點(diǎn)擊,還是有爭議的,不同的人,不同的環(huán)境會(huì)有不同的見解。
不妨分幾個(gè)場景討論一下:
1. 導(dǎo)航區(qū)域,潛意識我會(huì)去點(diǎn)擊。
即便有下劃線也是個(gè)“古老形式”的擺設(shè),所以一般沒有下劃線;好的設(shè)計(jì)不僅滿足點(diǎn)擊,還滿足視覺的層級關(guān)系。

2. 整頁全是鏈接,下劃線成了可有可無的表現(xiàn)。
象新浪、搜狐首頁都是可以點(diǎn)擊的,所以下劃線的有無意義也就不大,貓撲在首頁設(shè)計(jì)中就去
掉了可有可無的下劃線。(下圖自上而下依次為:新浪、搜狐、貓撲。)
.gif)
3. 可以點(diǎn)擊嗎?別讓我去猜!
看下面的設(shè)計(jì)抓圖,只有Google和百度的設(shè)計(jì)我沒有疑惑,其他兩個(gè)的設(shè)計(jì)我要自己去猜。
4. 在超鏈接和文本混排的情況下,下劃線更容易讓我們?nèi)c(diǎn)擊。

5. 獨(dú)立超鏈接,不加下劃線不足以“明示”。

6. 需要特別突出顯示的鏈接,必要的時(shí)候使用“偽按鈕”。
關(guān)于偽按鈕的問題,臭魚在其接受偽按鈕已闡述的比較明確,在此不再贅述。
說明:大家根據(jù)具體的環(huán)境而定,目的是讓超鏈接更容易被潛意識的點(diǎn)擊,避免過多的嘗試和思考而浪費(fèi)瀏覽者更多的時(shí)間。
附:超鏈接的作用
羅嗦一下基本概念,所謂的超鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系,這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁,也可以是相同網(wǎng)頁上的不同位置,還可以是一個(gè)圖片,一個(gè)電子郵件地址,一個(gè)文件,甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁中用來超鏈接的對象,可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上,并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。
超鏈接的基本分類:
- 按照鏈接路徑的不同,網(wǎng)頁中超鏈接一般分為以下3種類型: 內(nèi)部鏈接,錨點(diǎn)鏈接和外部鏈接。
- 如果按照使用對象的不同,網(wǎng)頁中的鏈接又可以分為:文本超鏈接,圖像超鏈接,E-mail鏈接,錨點(diǎn)鏈接,多媒體文件鏈接,空鏈接等。