關於超連結的底線 使用說明_經驗交流

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

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

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

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

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

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

3. 可以點擊嗎？別讓我去猜！

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

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


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

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

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

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

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

超連結的基本分類：

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

