課程教師：余燦燦數(shù)字創(chuàng)意與動(dòng)畫學(xué)院3.7網(wǎng)頁(yè)圖形圖像設(shè)計(jì)要點(diǎn)三、公益網(wǎng)站首頁(yè)設(shè)計(jì)圖形圖像是網(wǎng)頁(yè)中的重要組成部分。與文字相比，圖形圖像的外觀、大小、數(shù)量及背景關(guān)系,都與網(wǎng)站的主題內(nèi)容有著密切的關(guān)系。網(wǎng)頁(yè)圖形圖像設(shè)計(jì)要點(diǎn)網(wǎng)頁(yè)圖形圖像設(shè)計(jì)要點(diǎn)包括：圖形形態(tài)面積大小數(shù)量多少圖底關(guān)系圖像優(yōu)化動(dòng)態(tài)圖形色彩選擇網(wǎng)頁(yè)圖形圖像設(shè)計(jì)要點(diǎn)網(wǎng)頁(yè)圖形圖像設(shè)計(jì)要點(diǎn)圖形圖像的形態(tài)能使頁(yè)面的氣氛發(fā)生變化，并且直接影響瀏覽者的興趣。一般而言，方形顯得穩(wěn)重、嚴(yán)肅，三角形顯得銳利，一些退底圖和不規(guī)則圖形顯得生動(dòng)活潑，圓形或曲線的外觀則給人帶來國(guó)潤(rùn)和親切感，這些形態(tài)應(yīng)用在網(wǎng)頁(yè)視覺設(shè)計(jì)中會(huì)產(chǎn)生極強(qiáng)的裝飾效果。在網(wǎng)站視覺設(shè)計(jì)時(shí)，要確定網(wǎng)頁(yè)的風(fēng)格和所針對(duì)的客戶群體，從而選用適合的圖形進(jìn)行設(shè)計(jì)，并且體現(xiàn)圖形圖像絕佳分辨率，達(dá)到圖形圖像的高品質(zhì)的畫面。96di是網(wǎng)頁(yè)圖像最佳分辨率,這是因?yàn)榻K端顯示器的分辨率多為96di或72dpi。高于此標(biāo)準(zhǔn)的分辨率并不能帶來更好的顯示效果,反而增大了文件的體積，降低了下載的速度，低于96di標(biāo)準(zhǔn)的分辨率則可能降低圖像的質(zhì)量。圖形形態(tài)網(wǎng)頁(yè)圖形圖像設(shè)計(jì)要點(diǎn)圖形圖像在網(wǎng)頁(yè)中所占的面積的大小對(duì)瀏覽者的體驗(yàn)有至關(guān)重要的影響。大圖形圖像容易形成視覺焦點(diǎn)，感染力也強(qiáng)，傳達(dá)的情感較為強(qiáng)烈；小圖形圖像穿插在字群中顯得簡(jiǎn)潔精致,有點(diǎn)綴和呼應(yīng)頁(yè)面主題的作用。圖形圖像的大小關(guān)系決定著主從關(guān)系，也控制頁(yè)面的均衡與運(yùn)動(dòng)。圖形圖像的大小對(duì)比強(qiáng)，會(huì)使畫面產(chǎn)生跳躍感；大小對(duì)比則使網(wǎng)頁(yè)穩(wěn)定、安靜。因此，只有大小主次穿插有序時(shí),才能達(dá)到較好的頁(yè)面視覺效果。面積大小數(shù)量多少網(wǎng)頁(yè)圖形圖像設(shè)計(jì)要點(diǎn)圖形圖像數(shù)量的多少，是根據(jù)內(nèi)容確定的。只用一幅圖形圖像，會(huì)使內(nèi)容突出、頁(yè)面安定;適當(dāng)?shù)卦黾訋追鶊D形圖像，頁(yè)面中有了對(duì)比呼應(yīng)會(huì)使頁(yè)面變得更加活躍。限于目前網(wǎng)絡(luò)的傳輸速度，使用圖形圖像一定要慎重控制圖形圖像文件的體積。在可以接受的圖像質(zhì)量下盡量壓縮文件的體積，以免影響頁(yè)面的下載速度。圖底關(guān)系網(wǎng)頁(yè)圖形圖像設(shè)計(jì)要點(diǎn)網(wǎng)頁(yè)圖形圖像與背景是對(duì)比統(tǒng)一的關(guān)系。也就是說,圖底之間在和諧統(tǒng)一的基礎(chǔ)上，應(yīng)存在著一定的對(duì)比，這樣可以更加突出圖形圖像所要顯示的信息。如明亮的文字以深遠(yuǎn)的星空作為背景等。網(wǎng)頁(yè)圖形圖像設(shè)計(jì)要點(diǎn)優(yōu)化網(wǎng)頁(yè)中的圖像首先要使用高質(zhì)量的原始圖像。分辨率不低于72dpi,具有24位以上顏色深度。通過減小圖像的尺寸、分辨率和顏色深度來優(yōu)化處理。但是既要求圖像品質(zhì)高，又要文件量小，這兩者往往存在矛盾。我們可以在不同設(shè)置下輸出圖像，比較其屏幕顯示效果，選出符合視覺要求且盡量小的圖像文件。另外在HTML中可以重新設(shè)計(jì)圖像的尺寸大小，但是對(duì)于低質(zhì)量的圖像放大會(huì)影響視覺的精度要求，出現(xiàn)馬賽克；而對(duì)于過大的圖像進(jìn)行縮小，由于文件容量不變,網(wǎng)頁(yè)的下載速度也不會(huì)變快。因此，在網(wǎng)頁(yè)視覺設(shè)計(jì)的前期盡量設(shè)計(jì)好圖像的長(zhǎng)寬、大小、尺寸以符合相應(yīng)的網(wǎng)頁(yè)版式。圖像優(yōu)化動(dòng)態(tài)圖形網(wǎng)頁(yè)圖形圖像設(shè)計(jì)要點(diǎn)動(dòng)態(tài)圖像常用于廣告、卡通動(dòng)畫、動(dòng)態(tài)按鈕等。格式多為GIF、Fash、Java、Shockwave及Dhtml等。動(dòng)畫比靜態(tài)圖像更加吸引瀏覽者的注意,但是要適度應(yīng)用要不反而會(huì)給測(cè)覽者帶來視覺疲勞,不利于信息的有效傳遞。色彩選擇網(wǎng)頁(yè)圖形圖像設(shè)計(jì)要點(diǎn)根據(jù)頁(yè)面的主題來選擇主色調(diào)。在進(jìn)行網(wǎng)頁(yè)圖形圖像制作的時(shí)候主要運(yùn)用的色彩原理是RGB顯示器色彩原理。RGB顯示器色彩原理是指電腦顯示器的顏色屬于光源色，是基于RGB三原色的的色彩原理。也就是說顯示器的多有顏色都是通過紅色、綠色、藍(lán)色這三種原色的混合、疊加來實(shí)現(xiàn)的，這種顏色的混合原理被稱為加色法混合。對(duì)于網(wǎng)絡(luò)中圖片的編輯，RGB色彩模式是最佳的色彩模式，因?yàn)榭梢蕴峁┤聊?4bit的色彩范圍,即真彩色顯示。小結(jié)：網(wǎng)頁(yè)視