閆芳

摘 要：網(wǎng)頁(yè)設(shè)計(jì)除了要考慮網(wǎng)頁(yè)的內(nèi)容新穎、網(wǎng)頁(yè)的內(nèi)容持續(xù)及時(shí)的更新之外，還要考慮網(wǎng)頁(yè)界面的視覺效果，比如網(wǎng)頁(yè)的分辨率、網(wǎng)頁(yè)的版式、網(wǎng)頁(yè)的圖形圖像、網(wǎng)頁(yè)的色彩搭配等都是制作網(wǎng)頁(yè)界面要考慮的。圖形圖像要在網(wǎng)頁(yè)界面中實(shí)現(xiàn)優(yōu)秀的視覺效果就需要特別的處理方法，本文將對(duì)怎樣合理運(yùn)用圖形圖像處理技巧強(qiáng)化網(wǎng)頁(yè)的視覺效果進(jìn)行探討。

關(guān)鍵詞：圖形圖像;網(wǎng)頁(yè)界面;視覺效果

網(wǎng)頁(yè)設(shè)計(jì)是互聯(lián)網(wǎng)時(shí)代催生的事物，它是當(dāng)時(shí)代主流的信息載體，是網(wǎng)絡(luò)時(shí)代的標(biāo)志，而優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)不僅需要在網(wǎng)絡(luò)體驗(yàn)上快捷方便、在功能引導(dǎo)上人性化，而且需要在視覺上給人美的體驗(yàn)，綜合以上網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)考慮，如何設(shè)計(jì)出具有藝術(shù)效果且極具功能性的網(wǎng)頁(yè)界面是網(wǎng)頁(yè)設(shè)計(jì)者需要考慮的。筆者結(jié)合自己的工作經(jīng)驗(yàn)，來(lái)簡(jiǎn)單談一談使用怎樣使用一些設(shè)計(jì)技巧來(lái)對(duì)圖形圖像進(jìn)行處理，從而制作出美觀且人性化的網(wǎng)頁(yè)設(shè)計(jì)。

1 圖形圖像在網(wǎng)頁(yè)中的作用

網(wǎng)頁(yè)作為一種視覺載體，除了有傳統(tǒng)媒體所具備的文字、圖形圖像之外，還增加了動(dòng)態(tài)圖形圖像、音頻、視頻以及超鏈接等元素。傳統(tǒng)視覺媒體與網(wǎng)頁(yè)雖然在元素上有差異，但是靈活使用圖形圖像的處理技巧達(dá)到的視覺效果上卻有異曲同工之妙。與傳統(tǒng)媒體一樣，成功的網(wǎng)頁(yè)設(shè)計(jì)，離不開頁(yè)面上合理的布局，如果網(wǎng)頁(yè)當(dāng)中只有文字，那么網(wǎng)頁(yè)看起來(lái)必將是單調(diào)乏味的，根據(jù)設(shè)計(jì)法則合理的布置圖形圖像，不但可以豐富網(wǎng)頁(yè)界面，而且可以增強(qiáng)頁(yè)面的層次感、增加視覺沖擊力，進(jìn)而吸引人們的瀏覽興趣，加深人們的閱讀印象，起到更準(zhǔn)確形象向人們傳達(dá)網(wǎng)頁(yè)主題信息的作用。

2 圖形圖像處理技術(shù)的相關(guān)軟件

在網(wǎng)頁(yè)設(shè)計(jì)中對(duì)圖形圖像的處理是離不開相關(guān)軟件的輔助，而選擇合適的圖形圖像處理軟件需要我們對(duì)圖形圖像有一個(gè)基本的了解。按照?qǐng)D像生產(chǎn)方式的不同，圖形圖像可分為矢量圖和位圖，而按照網(wǎng)頁(yè)的功能圖形圖像可分為廣告圖像、地址欄圖像以及網(wǎng)站標(biāo)識(shí)圖像等。其中地址欄圖像和網(wǎng)站標(biāo)識(shí)都是具有傳遞網(wǎng)站的專業(yè)和形象，需要通過(guò)制圖軟件精心的設(shè)計(jì)，而廣告圖像一般作為背景或者特殊展示的圖像。按照制圖需要常用的矢量圖圖形圖像處理軟件有： ADOBE ILLUSTRATOR、COREL DRAW、INKSCAPE、XARA XTREME等;常用到的位圖軟件有：PAINTER、PS、FIREWORKS、ULEAD PHOTOIMPACT等;設(shè)計(jì)者在網(wǎng)頁(yè)的制作當(dāng)中可以依據(jù)具體情況選擇相應(yīng)的軟件進(jìn)行圖形圖像處理。

3 圖形圖像的處理技巧

圖形圖像在網(wǎng)頁(yè)界面中具有畫龍點(diǎn)睛的作用，好的網(wǎng)頁(yè)設(shè)計(jì)需要設(shè)計(jì)者在進(jìn)行圖形圖像處理時(shí)考慮網(wǎng)站的風(fēng)格、圖形圖像的分辨率、格式、版面的統(tǒng)一等因素。

3.1 統(tǒng)一網(wǎng)頁(yè)設(shè)計(jì)主題風(fēng)格

根據(jù)種類不同，網(wǎng)頁(yè)設(shè)計(jì)可以分為：門戶網(wǎng)站、官網(wǎng)、專題網(wǎng)店、各種功能網(wǎng)站等，圖形圖像要與網(wǎng)站特征風(fēng)格、色彩搭配、圖底呼應(yīng)等保持一致。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)前要設(shè)計(jì)者要對(duì)網(wǎng)站的基本信息進(jìn)行全面的把握，首先設(shè)計(jì)者要考慮圖形圖像與網(wǎng)站特點(diǎn)相統(tǒng)一，突出網(wǎng)站特點(diǎn)，增強(qiáng)網(wǎng)頁(yè)識(shí)別度，其次，根據(jù)圖底呼應(yīng)關(guān)系和整體風(fēng)格的需要選擇合適的圖片格式，比如JPEG格式、GIF格式、PNG格式等，然后考慮網(wǎng)頁(yè)中圖形圖像的色彩搭配要遵循色彩搭配的鮮明性、合理性、平衡性的原則，達(dá)到圖形圖像與網(wǎng)頁(yè)界面容易融合、層次分明的效果。

3.2 優(yōu)化圖形圖像

網(wǎng)頁(yè)的最終目的是為人們服務(wù)的，在制作網(wǎng)頁(yè)界面時(shí)還要考慮到用戶的體驗(yàn)感受，我們知道，快捷方便是人們鐘愛瀏覽網(wǎng)頁(yè)的原因之一。而在一個(gè)網(wǎng)頁(yè)界面當(dāng)中放入的圖形圖像越多，暫用磁盤空間越大，增加了網(wǎng)頁(yè)的下載時(shí)間，網(wǎng)頁(yè)打開的就越慢。網(wǎng)頁(yè)設(shè)計(jì)者要綜合兼顧網(wǎng)頁(yè)界面的視覺美感外，也要考慮網(wǎng)絡(luò)的傳輸速度，可以通過(guò)改變圖片的大小來(lái)調(diào)整傳輸速度。所以，在對(duì)一個(gè)網(wǎng)頁(yè)界面有了整體把握后，要考慮圖形圖像的文件格式，根據(jù)網(wǎng)頁(yè)界面需要控制圖形圖像的尺寸及大小。

3.3 版面合理化

網(wǎng)頁(yè)界面的對(duì)于網(wǎng)頁(yè)瀏覽者還具有視覺引導(dǎo)的作用，好的網(wǎng)頁(yè)界面可以更好的傳達(dá)網(wǎng)頁(yè)的信息，增強(qiáng)信息的傳達(dá)效果，使網(wǎng)頁(yè)信息更加醒目、美觀。在進(jìn)行網(wǎng)頁(yè)界面設(shè)計(jì)時(shí)要依照畫草稿、選稿、制作的程序，設(shè)計(jì)網(wǎng)頁(yè)界面時(shí)將文字、圖形圖像等一系列視覺元素按照一定的設(shè)計(jì)法則進(jìn)行組合，以處理好網(wǎng)頁(yè)界面元素之間的繁簡(jiǎn)、大小、疏密、曲直等關(guān)系，形成布局平衡、錯(cuò)落有致的空間關(guān)系，從而更好地傳達(dá)網(wǎng)頁(yè)信息。在網(wǎng)頁(yè)版面設(shè)計(jì)中常用到的有：空間分割法——上下分割型、左右分割型、斜線型、曲線型等，較適合于文案篇幅較長(zhǎng)、圖片偏多或篇幅中等的頁(yè)面;限定分割法——以線分割、以線分欄、版心四周加框等，這類方法適用于信息篇幅短小集中的頁(yè)面;自由組合法，將頁(yè)面中的各類視覺元素在頁(yè)面中自由分布，相互轉(zhuǎn)換來(lái)達(dá)到頁(yè)面生動(dòng)活潑的效果。

4 結(jié)語(yǔ)

綜合以上筆者對(duì)圖形圖像在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用技巧的論述，追隨著時(shí)代發(fā)展的腳步，網(wǎng)頁(yè)設(shè)計(jì)還要考慮人們的時(shí)代審美方向，所以對(duì)于在網(wǎng)頁(yè)中怎樣更好的處理圖形圖像還需要我們對(duì)美孜孜不倦的探索精神，也需要計(jì)算機(jī)技術(shù)者并不斷研發(fā)新的軟件和技術(shù)，設(shè)計(jì)者綜合運(yùn)用各種計(jì)算機(jī)圖像處理技術(shù)，從而提高圖形圖像的處理技能，增強(qiáng)網(wǎng)頁(yè)設(shè)計(jì)的視覺傳遞效果，進(jìn)而滿足人們的使用需求，提高人們的生活質(zhì)量。

參考文獻(xiàn)

[1]黃慧精.探討網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用[J].現(xiàn)代裝飾（理論），2015，（03）：147.

[2]劉全超.網(wǎng)頁(yè)設(shè)計(jì)中的圖形圖像處理技巧[J].科技風(fēng)，2017，（09）.

[3]林歡.圖片優(yōu)勢(shì)效應(yīng)在網(wǎng)頁(yè)設(shè)計(jì)中的研究與應(yīng)用[J].湖南大學(xué)，2014.

[4]吳志軍;基于產(chǎn)品符號(hào)認(rèn)知的創(chuàng)新設(shè)計(jì)過(guò)程模型構(gòu)建與應(yīng)用研究[D].無(wú)錫：江南大學(xué)，2011.