DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 超級鏈接a的表現形式和打開方式
超級鏈接a的表現形式和打開方式
編輯:HTML和Xhtml     

相關文章:超級鏈接a的提示方式和打開方式
表現形式
用戶或設計師遇到的麻煩:
1.用戶分不清是否是鏈接,得鼠標移到目標上如果變成手形才能確定是鏈接。
2.統一鏈接顏色不利於界面設計。
分析:
以baidu/google為代表的藍色加下劃線是為最經典的鏈接樣式,很直接的體現了可點/已點過。但是不同的網站各有風格,不可能都做成那樣的鏈接樣式,會對設計產生很大的限制。我把鏈接分為推薦點擊(文章標題等)、提示可點擊(作者名、“更多”、段落內的鏈接等)、功能性鏈接(導航、按鈕等)。
解決辦法:
推薦點擊性鏈接,設置一個默認鏈接顏色,讓人一看到這種顏色的字體就知道是個鏈接是可以點擊的,比如藍色。保證這個顏色比普通文字顏色要深一些,這樣容易分辨。
提示可點擊性鏈接,這種鏈接顏色往往要設計成跟周圍文字一樣,所以加下劃線是最好的辦法。
功能性鏈接,比如導航鏈接和按鈕這種是一看就知道可點的,並不需要以顏色和下劃線來區分,可以自定義設計。
打開方式
用戶遇到的麻煩:
1.彈出窗口太多,整個屏幕被占滿,甚至會把電腦都卡住了。
2.全是本頁面跳轉,想看上一頁面的其它內容要後退。
分析:
大部分傳統型的網站喜歡彈出式鏈接,以占領用戶的屏幕為目的- -|,而2.0的網站喜歡本頁面跳轉,認為彈出是非常不友好的。用戶為什麼要到上一頁面去點另外的鏈接?因為當前頁面沒有上一頁面的鏈接或上一頁面存在同級可篩選的內容比如文章列表。最理想的打開方式對於用戶來說應該是合理的本頁跳轉或打開新選項卡。
解決辦法:
列表式的鏈接,比如一組新聞標題,類似這種鏈接用彈出式打開窗口。
功能性鏈接,比如導航、類別、分頁、“更多”等類似鏈接以本頁面跳轉打開窗口。
外鏈,比如友情鏈接段落內文字鏈,用彈出式打開窗口。
用戶自行選擇打開,右鍵“在新選項卡中打開”或設置浏覽器“始終在新選項卡中打開彈出窗口”。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved