關(guān)于超鏈接中的下劃線這個(gè)及細(xì)節(jié)的問(wèn)題,想必大家都有過(guò)討論和思考,大家都知道,把握一個(gè)原則即可:“讓使用者清楚的區(qū)分超鏈接文本和其他文本形式,并潛意識(shí)知道可以點(diǎn)擊!;但對(duì)于是否可以潛意識(shí)知道可以點(diǎn)擊,還是有爭(zhēng)議的,不同的人,不同的環(huán)境會(huì)有不同的見(jiàn)解。
不妨分幾個(gè)場(chǎng)景討論一下:
1. 導(dǎo)航區(qū)域,潛意識(shí)我會(huì)去點(diǎn)擊。
即便有下劃線也是個(gè)“古老形式”的擺設(shè),所以一般沒(méi)有下劃線;好的設(shè)計(jì)不僅滿足點(diǎn)擊,還滿足視覺(jué)的層級(jí)關(guān)系。
2. 整頁(yè)全是鏈接,下劃線成了可有可無(wú)的表現(xiàn)。
象新浪、搜狐首頁(yè)都是可以點(diǎn)擊的,所以下劃線的有無(wú)意義也就不大,貓撲在首頁(yè)設(shè)計(jì)中就去掉了可有可無(wú)的下劃線。(下圖自上而下依次為:新浪、搜狐、貓撲。)
3. 可以點(diǎn)擊嗎?別讓我去猜!
看下面的設(shè)計(jì)抓圖,只有Google和百度的設(shè)計(jì)我沒(méi)有疑惑,其他兩個(gè)的設(shè)計(jì)我要自己去猜。
4. 在超鏈接和文本混排的情況下,下劃線更容易讓我們?nèi)c(diǎn)擊。
5. 獨(dú)立超鏈接,不加下劃線不足以“明示”。
6. 需要特別突出顯示的鏈接,必要的時(shí)候使用“偽按鈕”。
關(guān)于偽按鈕的問(wèn)題,臭魚(yú)在其接受偽按鈕已闡述的比較明確,在此不再贅述。
說(shuō)明:大家根據(jù)具體的環(huán)境而定,目的是讓超鏈接更容易被潛意識(shí)的點(diǎn)擊,避免過(guò)多的嘗試和思考而浪費(fèi)瀏覽者更多的時(shí)間。
附:超鏈接的作用
羅嗦一下基本概念,所謂的超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系,這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè),也可以是相同網(wǎng)頁(yè)上的不同位置,還可以是一個(gè)圖片,一個(gè)電子郵件地址,一個(gè)文件,甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁(yè)中用來(lái)超鏈接的對(duì)象,可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上,并且根據(jù)目標(biāo)的類(lèi)型來(lái)打開(kāi)或運(yùn)行。
超鏈接的基本分類(lèi):
[ 作者:零度網(wǎng)絡(luò)科技 類(lèi)別:設(shè)計(jì)理論 ]