在設計網(wǎng)頁時,無論用戶是初學者還是圖像制作高手,在制作網(wǎng)頁圖像時,都應掌握下面幾個要點。
網(wǎng)絡圖像不是在個人電腦上,在網(wǎng)絡上瀏覽網(wǎng)頁,速度非常重要,所以首先要考慮圖像文件的大小,盡量不使用500KB以上的圖像。此外,網(wǎng)頁中的圖像不在于多,而在于能否襯托出主題、渲染內容,即圖像一定要與內容有關,不要只追求漂亮,而加入沒有意義的圖像,如圖所示是騰訊公司的首頁。
圖中頁面以藍色為主色調,各個欄目的標題顏色為淺藍色,與白色背景相協(xié)調,文字鏈接的背景也用淡藍色,雖然網(wǎng)頁信息量大,但這種以冷色調為主的網(wǎng)頁顏色規(guī)劃會給人以清新的感覺,不會因為網(wǎng)頁的內容多而感到煩躁。該網(wǎng)頁在網(wǎng)頁設計時所用的圖形大多是卡通或簡筆畫,氣氛輕松活潑,圖像的色彩也采用單一的較純的顏色,讓人耳目一新。更為主要的是這些圖像文件都非常小,不過幾KB。整個圖像設計小巧簡約卻不幼稚,色調明晰卻不妖艷,讓人感到輕松愉悅。
同一頁面中的圖像,要有主次之分,在大小、顏色、位置上輔助圖不要超過主圖。一般來說,一個頁面上只有一幅主圖,應放在較醒目的位置,其余放在次一些的位置。而且圖像大小也應有所不同,除非是介紹性的圖像,如產品圖像、風光照片等可以同等大小。
一個優(yōu)美的網(wǎng)頁,都有一種主色調來烘托內容。頁面的大部分應該用同一種顏色或者相近的顏色,而圖形可以用與主色調反差大一些的顏色,起到畫龍點睛的作用。如圖所示,頁面插入多幅小圖,這些小圖重在渲染氣氛,烘托主題,使不明白本頁功能的瀏覽者一看見該圖就知道網(wǎng)頁的內容,即使圖像的顏色與網(wǎng)頁主色調反差比較大,但作用不可小視,也很引人注目。
在網(wǎng)站建設時,選擇合適的軟件會事半功倍圖像制作軟件有很多,如Photoshop、Fire-works、Illustrator等。隨著這些軟件的不斷升級和功能的不斷改善,均可以用來制作網(wǎng)頁圖像。它們制作出來的圖像最終效果都差不多。如何在眾多軟件中選擇一種適合制作網(wǎng)頁圖像的軟件呢?最主要的是看自己用起來能否得心應手,此外,使用起來是否方便。如果用戶熟悉Photoshop,那么Photoshop肯定是首選,畢竟Photoshop是一個比較專業(yè)的圖像處理軟件。如果要為后期網(wǎng)頁設計工作多考慮一些,則可能會選擇Fireworks,因為Fireworks是專業(yè)的網(wǎng)頁圖像設計工具,與Dreamweaver也能夠很好地協(xié)作。例如,在Fire-works中保存的網(wǎng)頁或是分割區(qū)域,可以直接插入到Dreamweaver中使用,而不會改變原有位置,并且在Fireworks中所做的一切設置(如圖像位置、鏈接地址等)都不會改變。