計算機圖像處理技術(shù)在網(wǎng)頁設(shè)計中的應(yīng)用

王 清

（江蘇省淮安技師學(xué)院，江蘇 淮安 223001）

0 引言

隨著信息化技術(shù)的快速普及,計算機圖像處理技術(shù)已經(jīng)應(yīng)用到許多行業(yè)領(lǐng)域,其中要屬網(wǎng)頁設(shè)計領(lǐng)域最為廣泛。 在網(wǎng)頁設(shè)計中應(yīng)用計算機圖像處理技術(shù),不僅要平衡技術(shù)與藝術(shù)之間的取舍選擇,而且要從商業(yè)角度出發(fā),考慮對訪問者的吸引力與閱讀體驗。 設(shè)計的核心目標(biāo)在于借助圖像處理技術(shù),對文本、圖像等信息予以融合,發(fā)揮其信息傳達(dá)、理念宣傳的作用,提升網(wǎng)頁設(shè)計的藝術(shù)感［1］。

在網(wǎng)頁設(shè)計過程中必須對圖像信息進(jìn)行處理,才能提升網(wǎng)頁設(shè)計藝術(shù)美感以及內(nèi)容豐富性,達(dá)到吸引用戶與優(yōu)化網(wǎng)頁閱讀體驗的效果。 因此,在網(wǎng)頁設(shè)計中需要重視計算機圖像處理技術(shù)的應(yīng)用,具體來講要做好如下幾方面。

1 優(yōu)選計算機圖像處理技術(shù)方式

在網(wǎng)頁設(shè)計中,計算機圖像處理的方式多種多樣,主要包含以下3 種:

1.1 去噪處理方式

在對圖像進(jìn)行處理的過程中,大概率會出現(xiàn)量化噪點、高斯噪點的情況,但是圖像信號源質(zhì)量并不差,可見與軟件量化處理的程度有直接關(guān)系。 所以,需要做好對圖像的去噪處理,利用中值諧波、均值濾波的手段,依據(jù)特定灰度值對圖像像素信號合理排列,用數(shù)值表示噪點強度與中間值,然后合理插入模糊值與中間值,可實現(xiàn)對圖像的有效降噪處理［2］。 處理對比效果如圖1 所示。

圖1 圖像去燥處理對比效果

1.2 增強處理方式

圖像增強處理的關(guān)鍵在于凸顯重點、弱化缺陷,這一處理方式需要用到濾鏡、銳化、剪切等各種計算機圖像處理技術(shù),借助相應(yīng)軟件實現(xiàn)圖像處理效果,最終實現(xiàn)調(diào)整圖像清晰度、色彩飽和度的目的。 比如,可采取偽彩色圖像處理方式,實現(xiàn)對黑白圖像(或失真圖像）向彩色圖像的轉(zhuǎn)化；在處理濾波的過程中借助銳化技術(shù),對圖像結(jié)合部位的深度予以清晰刻畫［3］。 通過對增強處理方式的應(yīng)用,能有效整合視覺效應(yīng)與光學(xué)效應(yīng),在網(wǎng)頁設(shè)計中有著較為頻繁的應(yīng)用。

1.3 壓縮處理方式

圖像壓縮處理方式在網(wǎng)頁設(shè)計中極為常見,通過對圖像數(shù)據(jù)的壓縮處理,能提高圖像信息傳遞的效率,降低圖像失真概率。 在網(wǎng)頁設(shè)計中,圖像的有損或無損壓縮,其相應(yīng)的處理方式與內(nèi)容也存在差異。 當(dāng)前,JPEG、MPEG 屬于主流的圖像壓縮方式,其運算過程如圖2 所示。

圖2 圖像壓縮處理運算過程

2 構(gòu)建與網(wǎng)頁主題相符的網(wǎng)頁風(fēng)格

網(wǎng)頁設(shè)計過程中要對大量圖像進(jìn)行處理,所以必須要充分發(fā)揮出計算機圖像處理技術(shù)的作用,而設(shè)計過程中的首要核心便是基于網(wǎng)頁主題去構(gòu)建統(tǒng)一的網(wǎng)頁風(fēng)格,進(jìn)而設(shè)計出界面美觀且布局合理的網(wǎng)頁。 在信息傳達(dá)方面,網(wǎng)頁發(fā)揮著關(guān)鍵作用,許多信息資源能夠從網(wǎng)頁風(fēng)格中直接體現(xiàn),這也是網(wǎng)站文化的一種體現(xiàn)。 因此,在確定網(wǎng)頁風(fēng)格時,設(shè)計人員需要借助計算機圖像處理技術(shù),對相關(guān)圖文信息做出修圖操作,并在網(wǎng)頁排版、結(jié)構(gòu)布局等設(shè)計方面,發(fā)散思維,盡量準(zhǔn)確、清晰地傳達(dá)信息,同時要調(diào)研訪問群體的信息接收水平、風(fēng)格喜好等因素,一切以迎合訪問群體需求為原則。

舉例來講,“攜程網(wǎng)”的官方網(wǎng)站底色為淡藍(lán)色,字體顏色為黃、藍(lán)、黑,從視覺層面給人一種“小清新”的風(fēng)格,與熱衷旅游的消費群體的興趣喜好大致相近,能夠凸顯出網(wǎng)站的文化特點。 通過觀察“攜程網(wǎng)”的網(wǎng)頁框架與界面排版,會發(fā)現(xiàn)主要由導(dǎo)航欄、主體區(qū)與廣告/外鏈區(qū)形成的三大板塊。 其中,主體區(qū)域設(shè)計為三列,這種合理的層次劃分,能讓訪問者快速檢索到想找的信息。 在特效方面,網(wǎng)頁設(shè)計還使用了script、Java、Flash 等功能,實現(xiàn)了主題與風(fēng)格的統(tǒng)一,不會給訪問者留下突兀印象。

3 優(yōu)化網(wǎng)頁logo 設(shè)計

計算機圖像處理技術(shù)不僅應(yīng)用在網(wǎng)頁設(shè)計中,而且在logo 設(shè)計中也普遍應(yīng)用,同時要重視網(wǎng)頁的矢量設(shè)計。 網(wǎng)頁logo 作為網(wǎng)頁對訪問者留下的第一印象,其設(shè)計直接關(guān)系網(wǎng)頁觀感,通常一個優(yōu)秀的logo 設(shè)計,相當(dāng)于整個網(wǎng)頁設(shè)計已經(jīng)成功了一半。 因此,將計算機圖像處理技術(shù)應(yīng)用到網(wǎng)頁logo 優(yōu)化設(shè)計中,為訪問者留下一個深刻且良好的印象。 通常情況下,圓形圖像能給人一種溫暖的感覺,不規(guī)則圖形則能給人動感的感覺。 每個網(wǎng)站都會將自己的logo 擺在網(wǎng)頁的醒目位置,獨特的logo 往往是整個網(wǎng)頁最搶眼的存在,因此一定要提高對logo 設(shè)計的重視度,發(fā)揮其提高網(wǎng)頁瀏覽量的作用。

4 實現(xiàn)網(wǎng)頁圖像針對性信息傳輸

在網(wǎng)頁設(shè)計中掌握并熟練運用計算機圖像處理技術(shù),能夠?qū)崿F(xiàn)網(wǎng)頁設(shè)計效果的有效優(yōu)化。 立足網(wǎng)頁訪問者的視角,不同大小、顏色的圖像會帶來截然不同的觀感。 一般來講,紅色感嘆號圖像給人的感覺是設(shè)備損壞、無法使用或功能失效；而黃色三角形圖像則代表功能使用受限、謹(jǐn)慎使用。 所以,唯有明確網(wǎng)頁圖像所肩負(fù)的信息傳輸職責(zé),才能保證圖像處理的合理性及信息的有效表達(dá)。

舉例來講,在對公益性網(wǎng)站進(jìn)行網(wǎng)頁設(shè)計時,無論是前期的配圖選擇,還是后期的圖像修正與圖文搭配,基本都會選擇淺色作為網(wǎng)站基調(diào),修圖時也會盡量確保圖像顏色的單純性,不能夠過于復(fù)雜,避免顏色過分雜亂而影響訪問者的注意力。 而對于商業(yè)性網(wǎng)站的設(shè)計,則要基于吸引消費群體的目的,所以在設(shè)計時會常采用撞色設(shè)計方式,科學(xué)證明這一方式能夠刺激人們的潛在消費欲望。 因此,需要根據(jù)網(wǎng)頁所傳達(dá)的信息內(nèi)容去設(shè)計圖像,保證內(nèi)容與圖像之間的協(xié)調(diào)性。

5 結(jié)語

綜上所述,網(wǎng)頁設(shè)計工作對設(shè)計人員的綜合素質(zhì)要求較高,除了要善于對網(wǎng)頁版面進(jìn)行排版設(shè)計外,還應(yīng)具備過硬的圖像處理技術(shù),從而提升網(wǎng)頁設(shè)計的藝術(shù)感染力。 因此,設(shè)計人員在網(wǎng)頁設(shè)計過程中,還需合理應(yīng)用計算機圖像處理技術(shù),通過優(yōu)選計算機圖像處理技術(shù)方式、構(gòu)建與網(wǎng)頁主題相符的網(wǎng)頁風(fēng)格、優(yōu)化網(wǎng)頁logo 設(shè)計以及實現(xiàn)網(wǎng)頁圖像針對性信息傳輸,設(shè)計制作出更具藝術(shù)美感的網(wǎng)頁,吸引訪問者瀏覽,提高停留時間,從而發(fā)揮出網(wǎng)頁在信息傳播、形象宣傳等方面的作用,帶來良好的社會效應(yīng)。