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