王 清

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

0 引言

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

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

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

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

1.1 去噪處理方式

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

圖1 圖像去燥處理對(duì)比效果

1.2 增強(qiáng)處理方式

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

1.3 壓縮處理方式

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

圖2 圖像壓縮處理運(yùn)算過(guò)程

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

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

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

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

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

4 實(shí)現(xiàn)網(wǎng)頁(yè)圖像針對(duì)性信息傳輸

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

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

5 結(jié)語(yǔ)

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