圖片與網頁設計的關係是密不可分的,
既然講到設計,就不能沒有圖片的設計,
從網頁設計的架構來講,
每一張圖片所扮演的角色,都代表的網站無限的延伸,
從網頁整體區塊的小圖示,大到廣告圖示,都代表著網頁設計的精神意涵。
如果不善加應用網頁圖片的配置與設計,
對整體的網頁設計視覺上來講,也是只是添加更大的負擔。
我們曾經提到網頁設計的圖片大小會影響下載的速度,
美編雖然設計的很誘人,放置於不適當的位置或是太多,都會影響網頁下載的速度。
但是網站上如果沒有圖片的設計,又會顯版呆板乏味,
對用戶來講又會「不具吸引力」,
通常我們在網頁設計圖片的同時,
皆會考慮它的圖檔大小與檔案格式,
大部份會使用jpg或gif格式,這兩種檔案格式皆是壓縮的圖片格式,
不過也不能壓縮過多,使用在6-9之間是正常,
如果壓縮過多圖片的品質也會失真。
通常網頁設計的小圖示,
例如區塊的邊邊會使用轉角的線條圖,大部份會使用 gif圖檔,
因為gif的圖檔只有256色,圖檔大小較小,
但你一定會說小的gif怎會影響網頁下載的速度,
有些流量較大的網站對於網頁圖檔的配置是會斤斤計較的,
如果一天有幾萬人瀏覽,
如檔的大小是不是要特別留意,
現在css的使用已能解決區塊邊線圖的問題了,
這又就能解決一些小圖檔所增加的負擔。
除了網頁區塊線圖之外,不外呼就是選單設計的圖片了,
通常較有美感的選單,大部份會使用圖片去設計成選單的底圖,
不過這是比較花俏一點的做法,
目前的流行仍然會使用css的網頁設計應用,去設計選單的運用。
很多css的應用,對於區塊的美編配置已能迎刃而解,
對於網頁設計來講已是大大的解決網頁設計的問題。
css真的能應用到網頁設計的很多方面,
不過它的應用仍然是要多加思索的,
因為css廣泛應用在網頁編排與顏色的關係,
對於網頁設計上是能大大的改善配置上的問題。