論圖形圖像處理技巧在網(wǎng)頁界面中的應(yīng)用

閆芳

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

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

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

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

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

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

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

3 圖形圖像的處理技巧

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

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

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

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

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

3.3 版面合理化

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

4 結(jié)語

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

參考文獻

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

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

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

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