計算機圖像處理技術在網頁設計中的應用

王 清

（江蘇省淮安技師學院，江蘇 淮安 223001）

0 引言

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

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

1 優選計算機圖像處理技術方式

在網頁設計中,計算機圖像處理的方式多種多樣,主要包含以下3 種:

1.1 去噪處理方式

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

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

1.2 增強處理方式

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

1.3 壓縮處理方式

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

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

2 構建與網頁主題相符的網頁風格

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

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

3 優化網頁logo 設計

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

4 實現網頁圖像針對性信息傳輸

在網頁設計中掌握并熟練運用計算機圖像處理技術,能夠實現網頁設計效果的有效優化。 立足網頁訪問者的視角,不同大小、顏色的圖像會帶來截然不同的觀感。 一般來講,紅色感嘆號圖像給人的感覺是設備損壞、無法使用或功能失效；而黃色三角形圖像則代表功能使用受限、謹慎使用。 所以,唯有明確網頁圖像所肩負的信息傳輸職責,才能保證圖像處理的合理性及信息的有效表達。

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

5 結語

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