2013年8月15日星期四

用戶介面討論:網頁設計中超鏈結的下劃線

 關於Web Design超鏈結中的下劃線這個及細節的問題,想必大家都有過討論和思考,最重要的原則即:讓使用者清楚的區分超鏈結文本和其他文本形式,並潛意識知道可以點擊。但對於是否可以潛意識知道可以點擊,還是有爭議的,不同的人,不同的環境會有不同的見解。   不妨分幾個場景討論一下:   1. 導航區域,潛意識網頁寄存我會去點擊。   即便有下劃線也是個“古老形式”的擺設,所以一般沒有下劃線;好的設計不僅滿足點擊,還滿足視覺的層級關係。   2. 整頁全是鏈結,下劃線成了可有可無的網頁建設表現。   象新浪、搜狐首頁都是可以點擊的,所以下劃線的有無意義也就不大,貓撲在首頁設計中就去掉了可有可無的下劃線。(下圖自上而下依次為:新浪、搜狐、貓撲。)   3. 可以點擊嗎?別讓我去猜!   看下面的設計抓圖,只有Google和百度的設計我沒有疑惑,其他兩個CMS的設計我要自己去猜。   4. 在超鏈結和文本混排的情況下,下劃線更容易讓我們去點擊。   5. 獨立超鏈結,不加下劃線不足以“明示”。   6. 需要特別突出顯示的鏈結,必要的時候網頁設計公司使用“偽按鈕”。   關於偽按鈕的問題,臭魚在其接受偽按鈕已闡述的比較明確,在此不再贅述。   說明:大家根據具體的環境而定,目的是讓超鏈結更容易被潛意識的點擊,避免過多的嘗試和思考而浪費流覽者更多的時間。   附:超鏈結的作用    囉嗦一下基本概念,所謂的超鏈結是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件位址,一個檔,甚至是一個應用程式。而在一個網頁中用來超鏈結的物件,可以是一段文本或者是一個網站排名圖片。當流覽者單擊已經鏈結的文字或圖片後,鏈結目標將顯示在流覽器上,並且根據目標的類型來打開或運行。   超鏈結的基本分類:   按照鏈結路徑的不同,網頁中超鏈結一般分為以下3種類型: 內部鏈結,錨點鏈結和外部鏈結。   如果按照使用物件的不同,網頁中的鏈結又可以分為:文本超鏈結,圖像超鏈結,E-mail鏈結,錨點鏈結,多媒體檔鏈結,空鏈結等。

没有评论:

发表评论