關(guān)于超鏈接的下劃線 使用說明
關(guān)于超鏈接中的下劃線這個(gè)及細(xì)節(jié)的問題,想必大家都有過討論和思考,大家都知道,把握一個(gè)原則即可:“讓使用者清楚的區(qū)分超鏈接文本和其他文本形式,并潛意識(shí)知道可以點(diǎn)擊。”;但對(duì)于是否可以潛意識(shí)知道可以點(diǎn)擊,還是有爭議的,不同的人,不同的環(huán)境會(huì)有不同的見解。
不妨分幾個(gè)場(chǎng)景討論一下:
1. 導(dǎo)航區(qū)域,潛意識(shí)我會(huì)去點(diǎn)擊。
即便有下劃線也是個(gè)“古老形式”的擺設(shè),所以一般沒有下劃線;好的設(shè)計(jì)不僅滿足點(diǎn)擊,還滿足視覺的層級(jí)關(guān)系。
2. 整頁全是鏈接,下劃線成了可有可無的表現(xiàn)。
象新浪、搜狐首頁都是可以點(diǎn)擊的,所以下劃線的有無意義也就不大,貓撲在首頁設(shè)計(jì)中就去
掉了可有可無的下劃線。(下圖自上而下依次為:新浪、搜狐、貓撲。)
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)境而定,目的是讓超鏈接更容易被潛意識(shí)的點(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)頁中用來超鏈接的對(duì)象,可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上,并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。
超鏈接的基本分類:
- 按照鏈接路徑的不同,網(wǎng)頁中超鏈接一般分為以下3種類型: 內(nèi)部鏈接,錨點(diǎn)鏈接和外部鏈接。
- 如果按照使用對(duì)象的不同,網(wǎng)頁中的鏈接又可以分為:文本超鏈接,圖像超鏈接,E-mail鏈接,錨點(diǎn)鏈接,多媒體文件鏈接,空鏈接等。
相關(guān)文章
DIV+CSS實(shí)現(xiàn)的滑動(dòng)門菜單特效代碼
帶橢圓的滑動(dòng)門效果代碼,是豎排的效果代碼,看代碼是個(gè)很典型的實(shí)現(xiàn)效果,推薦大家學(xué)習(xí)2008-06-06用滑動(dòng)門技術(shù)設(shè)計(jì)按鈕的圖文教程
用滑動(dòng)門技術(shù)設(shè)計(jì)按鈕的圖文教程...2007-07-07CSS規(guī)則層疊時(shí)的優(yōu)先級(jí)算法
CSS 規(guī)則的優(yōu)先級(jí)是Web前端開發(fā)人員必須理解的一個(gè)概念,我們常用的添加樣式的方法有4種。2008-04-04div+css實(shí)現(xiàn)的滑動(dòng)門,簡潔,新手上路 (小鴿子系列)
div+css實(shí)現(xiàn)的滑動(dòng)門,簡潔,新手上路 (小鴿子系列)...2007-03-03對(duì)于IE7、FF、OP清除浮動(dòng)的最優(yōu)方法
對(duì)于IE7、FF、OP清除浮動(dòng)的最優(yōu)方法...2007-11-11