2013年6月5日星期三

於細微處下功夫Web Design設計像藝術品般的網頁

深以為然。在網站設計中,處理好越多的網頁設計細節,給用戶的體驗就越完善。這段時間在設計潮汕風情網的圖庫欄目(http://newsbook.com.cn/index.htm),越發體會到處理好細節的重要性。

其實網頁設計中涉及到的細節問題,歸納起來也不回太多,下面試列舉出我處理過的一些細節:

鏈結狀態處理。超連結有四種狀態,包括link,visited,hover,active,給這四種狀態設計不同的樣式,可以幫助用戶方便的區分鏈結與普通文本、訪問過的、每訪問過的等鏈結狀態。有一種連接樣式我非產讚賞,就是給外部網站設計鏈結加上一個小圖示,指示“這是一個連接到站外的鏈結”。

圖片縮放。圖片在網頁中的運用佔有較大的比例。在頁面上顯示圖片,有時圖片會超出容器的規格,如果不加限制,就會破壞整個頁面的結構和美觀。此時最好的處理辦法是控制圖片的規格,讓圖片上傳之際就被壓縮成合適的規格。另外一種替代方案就是運用JavaScript進行同比例縮放,這樣可以避免圖片變形,但是載入速度可能會受影響(圖片本身太大)。至於使用css設置一個規定的長度和寬度,雖然也能避免破壞頁面佈局和美觀,但是會造成網頁寄存圖片變形。

1 条评论: