企業(yè)網(wǎng)站設(shè)計PhotoShop在網(wǎng)頁設(shè)計中的作用
日期 : 2019-03-15 13:06:43
Photo Shop在網(wǎng)頁設(shè)計中起著至關(guān)重要的作用,它對網(wǎng)頁的美觀效果有著深刻的影響,特別是文字、圖像以及文字與圖像的有機(jī)結(jié)合。但是部分人對Photo Shop這個圖像處理軟件的認(rèn)識還不足,不能夠正確運(yùn)用或者運(yùn)用的時候不能充分發(fā)揮軟件的優(yōu)勢。
1、PhotoShop輸出圖像,加快網(wǎng)頁加載速度
人們在瀏覽網(wǎng)頁的時候,都希望網(wǎng)頁的加載速度快些,能夠趕快加載出我們所需要的信息,節(jié)省不必要的時間。所以, 優(yōu)化網(wǎng)頁的速度至關(guān)重要,此時,我們就可以利用Photo Shop輸出圖像來優(yōu)化網(wǎng)速。我將從以下三方面來進(jìn)行闡述:
第一,網(wǎng)頁設(shè)計者要把握圖像的精度。讀者在瀏覽網(wǎng)頁時,由于顯示器的特性,會有合適的圖像精度,也就是會有合適的屏幕分辨率,有些人認(rèn)為分辨率越高越好,其實(shí)不然,分辨率會影響加載的速度,兩者是成反比的,分辨率越高,加載速度越慢,而且在大多數(shù)情況下,沒必要用太高的分辨率,因此,網(wǎng)頁設(shè)計者利用Photo Shop來正確把握圖像的精度,優(yōu)化網(wǎng)頁速度。
第二,網(wǎng)頁設(shè)計者要把握顏色深度。現(xiàn)在網(wǎng)頁大部分圖像文件都是gif格式的,這種圖像的顏色深度越少,它所占的內(nèi)存就越小,因此,在不影響讀者瀏覽的情況下,減少這種圖像文件的顏色深度,有利于降低文件所占的空間,從而提高了圖像文件的加載速度。例如以下gif格式的圖像文件:小按鈕、背景圖片等,這些圖像都對色彩的要求都不高,可以適當(dāng)?shù)慕档皖伾疃?節(jié)省空間。最終,網(wǎng)頁設(shè)計者利用Photo Shop處理這些圖像文件,就可以在某種程度上優(yōu)化網(wǎng)頁速度。
第三,網(wǎng)頁設(shè)計者要選擇合適的圖像格式。一種圖像格式可以采用不同的壓縮方法,但是壓縮后產(chǎn)生的顯示效果差異也會很大,這時候就需要網(wǎng)頁設(shè)計者根據(jù)不同的色彩需要來用不同的壓縮方法壓縮圖像,如果所需要的圖像顏色深度比較小,就可以采用壓縮后輸出為gif格式的文件,如果所需要的圖像顏色深度比較大,就需要采用壓縮后輸出為jpg格式的文件。因此,網(wǎng)頁設(shè)計者可以利用Photo Shop這一圖像處理軟件來加工圖像,選擇合適的圖像格式進(jìn)行輸出,加快網(wǎng)頁加載速度。
2、PhotoShop應(yīng)用于網(wǎng)頁布局
合理的網(wǎng)頁布局不僅增加了網(wǎng)頁的美觀程度,更重要的是使人們感到舒適,能夠很快的找到自己所需要的信息,節(jié)省時間,因此,網(wǎng)頁布局在網(wǎng)頁設(shè)計中是至關(guān)重要的。我將從以下三方面闡述Photo Shop在網(wǎng)頁布局中的重要作用:
第一,網(wǎng)頁設(shè)計者應(yīng)用Photo Shop進(jìn)行布局規(guī)劃。Photo-Shop可以在網(wǎng)頁設(shè)計中布局多個圖層,每個圖層與每個圖層之間可以是相互獨(dú)立存在的,也可以是存在鏈接的,這樣的操作, 前者可以使設(shè)計者在設(shè)計網(wǎng)頁時,隨意移動圖片位置;后者是讓圖片之間存在必然的聯(lián)系,方便設(shè)計者進(jìn)行系統(tǒng)設(shè)計。
第二,網(wǎng)頁設(shè)計者應(yīng)用Photo Shop掌握網(wǎng)頁的布局要點(diǎn)。 網(wǎng)頁文檔主要有兩種像素規(guī)格,一種規(guī)格是1007*600的像素, 另一種規(guī)格是708*800的像素,分辨率一般為72dpi。大多時候,很少有網(wǎng)站多于三屏的,即使是大型網(wǎng)站。為了使讀者便于觀看,網(wǎng)頁的背景顏色往往與信息的顏色是相互協(xié)調(diào)的,同時為了避免出現(xiàn)瀏覽器不兼容的情況,耽誤讀者時間卻沒能其瀏覽網(wǎng)頁,所以導(dǎo)航字體多用黑體,而正文字體多用宋體。要想用其他的字體來突顯頁面設(shè)計的個性,就需要網(wǎng)頁設(shè)計者應(yīng)用Photo Shop來處理,在Photo Shop中“制作”,然后“切分”。只要網(wǎng)頁設(shè)計者利用Photo Shop把握好網(wǎng)頁的布局要點(diǎn),將會使自己設(shè)計的網(wǎng)頁蓬蓽生輝。
第三,網(wǎng)頁設(shè)計者應(yīng)用Photo Shop正確“切片”。網(wǎng)頁設(shè)計有很多工具,目前最受人們喜愛并被廣泛接受的工具是Dream-weaver,它的實(shí)質(zhì)是將元素組合起來,例如在網(wǎng)頁中出現(xiàn)的圖片、聲頻、音頻、文字等等。而用Photo Shop做完“切片”后,需要用Dreamweaver進(jìn)行組合元素,要想充分組合這些元素,就要正確“切片”。如何正確“切片”呢?一方面是切片時要有合適的參考線,使切片后的結(jié)果能夠協(xié)調(diào)統(tǒng)一,例如網(wǎng)頁設(shè)計中有Banner和Logo時,應(yīng)用Photo Shop切片,將大圖像切分成基本相同的小圖像,優(yōu)化網(wǎng)頁速度,然后在Dreamweaver中用Banner和Logo的源文檔替換。另一方面是切片后,存為gif格式,這種格式占空間較小,也有利于提高頁面的加載速度。