使用者介面討論:網頁中超連結的底線

來源:互聯網
上載者:User

關於超連結中的底線這個及細節的問題,想必大家都有過討論和思考,最重要的原則即:讓使用者清楚的區分超連結文本和其他文本形式,並潛意識知道可以點擊。但對於是否可以潛意識知道可以點擊,還是有爭議的,不同的人,不同的環境會有不同的見解。

不妨分幾個情境討論一下:

1. 導航地區,潛意識我會去點擊。

 

即便有底線也是個“古老形式”的擺設,所以一般沒有底線;好的設計不僅滿足點擊,還滿足視覺的層級關係。

2. 整頁全是連結,底線成了可有可無的表現。

象新浪、搜狐首頁都是可以點擊的,所以底線的有無意義也就不大,貓撲在首頁設計中就去掉了可有可無的底線。(下圖自上而下依次為:新浪、搜狐、貓撲。)

 

3. 可以點擊嗎?別讓我去猜!

 

看下面的設計抓圖,只有Google和百度的設計我沒有疑惑,其他兩個的設計我要自己去猜。

4. 在超連結和文本混排的情況下,底線更容易讓我們去點擊。

 

5. 獨立超連結,不加底線不足以“明示”。

 

6. 需要特別反白的連結,必要的時候使用“偽按鈕”。

關於偽按鈕的問題,臭魚在其接受偽按鈕已闡述的比較明確,在此不再贅述。

說明:大家根據具體的環境而定,目的是讓超連結更容易被潛意識的點擊,避免過多的嘗試和思考而浪費瀏覽者更多的時間。

附:超連結的作用
  
羅嗦一下基本概念,所謂的超連結是指從一個網頁指向一個目標的串連關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個檔案,甚至是一個應用程式。而在一個網頁中用來超連結的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經連結的文字或圖片後,連結目標將顯示在瀏覽器上,並且根據目標的類型來開啟或運行。

超連結的基本分類:

按照連結路徑的不同,網頁中超連結一般分為以下3種類型: 內部連結,錨點連結和外部連結。
 
如果按照使用對象的不同,網頁中的連結又可以分為:文本超連結,映像超連結,E-mail連結,錨點連結,多媒體檔案連結,空連結等。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。