2008/05/12, Monday |
|
|
網頁背景圖的設計應用
雜亂的網頁背景圖是網頁設計者常犯的毛病,他們喜歡設計應用鮮豔的色彩或亮麗的圖片作為網頁背景圖之用,其實,這是不好的做法。網頁設計背景圖設定為何種顏色最恰當也比較容易被接受呢?答案應該是白色或較淺的顏色。這只是個普通的白色背景,但它適合於應用在很多網頁設計場合,能夠與頁面上其他各種元素和諧搭配。想想 Yahoo 等站,你就會明白。如果你真想有一個超酷的效果,那麼,可以用黑色代替白色或較深的顏色。當然,你也許能夠舉出使用其他顏色的成功網站。但它們大部份是遵守了這樣一個規則與設計觀念,選擇的色彩符合網站主題。如明亮的色彩用於兒童網站、柔和的顏色用於商業用途網站等。
另外,不要使用圖片做為網頁背景圖之用。回想一下,在你瀏覽過的知名網站中,有多少使用網頁背景圖的網頁設計?幾乎沒有吧?其實,道理很簡單,人們來到你的網站(尤其是商業用途網站),你希望他們讀你的內容,還是欣賞漂亮的圖片?況且這種網頁背景圖還有一個缺點──減慢了網頁讀取速度。另外,網頁設計不使用圖片背景,也等於在向來訪者表示“我們以高品質的內容(產品或服務)取勝,而不是花哨的設計”。如果堅持要使用圖片背景,那麼一定要使它很亮的圖片做網頁設計之用,以免它影響前面文字的閱讀。為此,應該對每個網頁設計進行測試。網頁背景圖,可以由一張小圖片重複拼合而成(也就是“平鋪”),也可以使用一張完整的大圖片做設計背景。但後者容易出現問題,尤其是使用框架的時候。如果訪問者設定的顯示分辨率,與你的網站設計背景圖時使用的不同,網頁顯示就不正確了。通常,使用更高分辨率的訪客,會看到一張以上的網頁背景圖,它們自動進行平鋪,但拼圖一般不完整。此外,這種圖片在框架中,滾動螢幕時會出現網頁滯留現象。
剛接觸網頁設計時,總喜歡在其中塞滿漂亮的圖片,這似乎是“人之常情”,然而,這正是專業網站的又一禁忌。記住,只有在語言難於表達的地方,才使用圖片做設計,而且圖片應該簡潔,文件尺寸要盡量小。不要輕易用圖片代替文本,如標題、選單欄等。的確, HTML 中的文本不是在各種瀏覽器中都能正確顯示,但是如果使用層疊樣式表( CSS ),情況就要好得多。文本具有裝載速度快的優勢,不會出現象圖片有時無法打開的問題,而且修改起來也更加方便。
|
|
|
|
最後更新 ( 2010/04/30, Friday )
|