張 華, 陸 玉

(阜陽職業(yè)技術學院，安徽 阜陽 236031)

網(wǎng)絡信息技術發(fā)展的今天，網(wǎng)絡宣傳的受眾范圍越來越廣，藝術與網(wǎng)絡展示的有機結合是社會發(fā)展必然趨勢。因此，在進行網(wǎng)頁設計時，可以將計算機圖像處理技術應用在其中，這樣不僅能夠使網(wǎng)頁更具吸引力，而且網(wǎng)頁將更具美感與藝術性?；诖?，本文將重點介紹計算機圖像處理技術在網(wǎng)頁設計中的應用。

1 計算機圖像處理技術

在今天的網(wǎng)頁設計中，幾乎都需要使用計算機圖像處理技術。更好地應用計算機圖像處理技術，能保證網(wǎng)頁設計的科學性和美觀性。因此，我們需要掌握相應的圖像處理技術與技巧，這樣才能熟練地應用計算機圖像處理技術。計算機圖像處理技術中有許多內(nèi)容，本文將分析降噪技術，增強技術和壓縮技術(見圖1).

圖1 計算機圖像處理技術體系

1.1 去噪處理技術

在進行圖像制作時，常常會遇見很多“高斯噪點”“量化噪點”現(xiàn)象。這些和輸入原信號圖像都沒有太大關聯(lián)，都是由于內(nèi)部器件影響，軟件量化處理程度有關[1]，其成像質量影響觀賞舒適度，不能實現(xiàn)圖片價值。為此，在去噪操作時建議采用“均值濾波”“中值濾波”等方式，將圖片中的像素信號按照一定灰度值排列，將其中的中間值或者噪點強度進行數(shù)值化分析，進而插入一定的模糊值或者中間值，以實現(xiàn)降噪任務，其處理案例效果(見圖2)。

圖2 去噪處理技術

1.2 增強處理技術

增強處理技術的重點在于“突出重點，淡化瑕疵”。對于圖像處理，這部分處理技術包括圖像變換、剪切圖像、銳化和添加濾鏡等。借助相關軟件處理，可以幫助計算機圖像增強其特性，實現(xiàn)處理意義。就其處理技術而言，最有效的方式就是調整圖像色彩和清晰度調整等。具體操作時可借助相關偽彩色處理，讓一些傳統(tǒng)的失真的黑白圖片變成彩色。而利用邊緣銳化方式，在差分運算和相關濾波處理過程中，能夠讓一些圖片結合位深度變得更加“尖銳”、“清晰”(見圖3)[2]。這種增強處理技術，能結合光學和視覺效應，幫助人們將生活中平凡普通的圖片變得更加豐富多彩，因此也是一種常用的計算機圖像處理技術。

圖3 增強處理技術

1.3 壓縮處理技術

圖像的壓縮在計算機圖像處理技術中比較常見，主要用來壓縮圖像數(shù)據(jù)。通過壓縮圖像的方式，可以將圖片進行有效傳遞，這樣可以在最大程度上將圖像的失真概率降到最低。結合其運行效果而言，其可以將圖片進行有損或者無損壓縮，其相關的壓縮時間和內(nèi)容也會存在很大差異[3]。現(xiàn)在較為流行的圖片壓縮類型有“JPEG”“MPEG”兩種。其運算方式是借助了“圖像交換”，類似“游程碼”，相關處理流程(見圖4)。

圖4 壓縮處理技術

2 計算機圖像處理技術在網(wǎng)頁設計中的作用

2.1 增強網(wǎng)頁美觀性

計算機圖像處理技術可以根據(jù)網(wǎng)頁設計的實際需要處理網(wǎng)頁中的圖片。例如，使用計算機圖像處理技術可以調整網(wǎng)頁中圖片的顏色，從而使網(wǎng)頁的視覺傳輸效果更好。瀏覽者在瀏覽網(wǎng)頁過程當中，將會被美觀的圖像吸引，可不斷增加網(wǎng)頁瀏覽量。除此之外，在利用計算機圖像處理技術進行網(wǎng)頁設計時，需要對圖像尺寸、網(wǎng)頁設置以及文字排版等進行充分考慮，這樣保證各項內(nèi)容的設計能夠符合網(wǎng)頁需求，提升網(wǎng)頁美感，合理規(guī)劃網(wǎng)站結構，以提高瀏覽量。

2.2 視覺沖擊強烈

在如今的互聯(lián)網(wǎng)時代當中，人們通常情況下都會利用網(wǎng)絡獲取到相應的數(shù)據(jù)信息或者自身想要的內(nèi)容，網(wǎng)民資源是一種重要資源，網(wǎng)民對網(wǎng)站的瀏覽、網(wǎng)頁的瀏覽以及相應的點擊率等，是網(wǎng)站與網(wǎng)頁更好發(fā)展的前提保障。在信息化時代當中，信息資源較為豐富，所以各個網(wǎng)站之間以及網(wǎng)頁之間的競爭逐漸激烈，怎樣能夠吸引更多網(wǎng)民瀏覽網(wǎng)站或網(wǎng)頁是增強市場競爭力的重點。圖像是一種最為直觀的信息表現(xiàn)方式，相較于文字而言，信息圖像更能吸引瀏覽者的眼球。因此，在網(wǎng)頁設計中，我們需要運用計算機圖像處理技術科學合理地設置圖像，將其調整到合適的大小，使其顏色更加鮮明。許多網(wǎng)站或網(wǎng)頁在設計過程當中，通過色彩調整等方式不斷提升其視覺沖擊感，為網(wǎng)民帶來更好的閱讀體驗，從而實現(xiàn)網(wǎng)站與網(wǎng)頁的更好發(fā)展。

3 網(wǎng)頁設計中計算機圖像處理技術的應用

3.1 在網(wǎng)頁風格形象上的應用

在網(wǎng)頁設計當中，針對其中大量的圖像都需要進行相應的處理，對圖像的處理工作都需要利用計算機圖像處理技術，對網(wǎng)頁進行風格的統(tǒng)一化和主題的明確處理，以最大程度上保證網(wǎng)頁設計的科學性、合理性以及美觀性等。

網(wǎng)頁作為網(wǎng)絡信息的傳達者和“門戶”，網(wǎng)頁的整體風格是網(wǎng)站信息資源代表與典型，能夠體現(xiàn)出網(wǎng)站的文化特點[4]。所以，在進行網(wǎng)站風格設計時候，相關設計人員可以借助計算機處理技術原理，針對網(wǎng)絡圖片的圖文信息“修圖”處理。同時網(wǎng)頁的結構和排版也需要自己斟酌，需要發(fā)散思維讓其傳遞的信息簡略，清晰，移動。在網(wǎng)頁風格建設上，要明確瀏覽者的風格和信息接受能力，如針對受眾群眾設計漫畫風格網(wǎng)頁，就可以借助于一些動漫人物圖片的拼接；如針對中國風就需要注重內(nèi)部構圖和色彩搭配，選擇一些具有水墨，山水特征的畫面進行“摳圖”“拼接”[5]。

在這方面，“攜程網(wǎng)”就做的比較好。在色系上，網(wǎng)站的底色是淡藍色，網(wǎng)站字體的顏色也主要是黑、藍、黃這三種顏色，整個網(wǎng)頁的整體風格給人的感覺是很清新，又不單調，符合人們的旅游預期，也體現(xiàn)網(wǎng)站的文化特點。在網(wǎng)頁的排版、框架方面，攜程頁面主要分三大區(qū)塊，上面主要是導航欄，下面是廣告、鏈接等區(qū)域，而中間是整個網(wǎng)站的主體部分。中間主要是三大列，分區(qū)清楚，信息簡略、清晰、層次淺顯易懂。另外，攜程網(wǎng)頁運用了一些含F(xiàn)lash、Java、script等特效。整個網(wǎng)站的風格與主題搭配的比較得當，網(wǎng)頁風格讓人耳目一新。

3.2 在創(chuàng)造LOGO上的應用

矢量設計也是網(wǎng)頁設計的重要部分，一個簡單且生動的LOGO，能夠瀏覽人員迅速記住和網(wǎng)頁相關的信息。比如，圓形的圖形可以給人溫暖的感覺，而不規(guī)則的圖形能夠給人動態(tài)的感覺。當瀏覽者看到正方形或者矩形時，將會感覺的束縛或者中規(guī)中矩。

例如，在每一個網(wǎng)頁當中都會有網(wǎng)站的標識，不同網(wǎng)站的標識都有著不同的含義，科學合理的標識設計，可以增強瀏覽者的瀏覽欲望，并且可以充分展現(xiàn)出網(wǎng)站文化。比如，人們所熟知的小米手機，也就是小米科技，標識就是簡答的MI(見圖5)。雖然它似乎是一個簡單的字母組合，但實際上是通過計算機圖像處理技術進行認真處理的結果。經(jīng)過計算機圖像處理技術處理后的小米標識，會比正常的字母標識更具美感，可以更好體現(xiàn)出小米用心的理念，這樣可以使瀏覽者更容易感受到小米的企業(yè)文化，從而在最大程度上促使瀏覽者到小米商城當中瀏覽更多小米商品，促使瀏覽者消費。在瀏覽過程中，瀏覽者將會逐漸增強對小米企業(yè)的文化認同感與企業(yè)認同感，最終成為小米的忠實者。為提升網(wǎng)頁的質感與檔次，對網(wǎng)頁背景圖需要精心制作，信息與背景需要相匹配，讓瀏覽者能夠在瀏覽當中，明確網(wǎng)頁的主題，為瀏覽者帶來更好的瀏覽體驗。在如今的圖文時代當中，不僅需要網(wǎng)頁當中擁有相應的文字信息，同樣需要一定的圖像信息，將文字與圖像進行有機結合。在制作精良的網(wǎng)頁當中，都會在其中添加相應的圖像，吸引瀏覽者眼球，同時能夠不斷提升瀏覽者的信息閱讀效果[5]。通過細膩的文字讓瀏覽者明確網(wǎng)頁主題，利用制作優(yōu)良的圖像，給瀏覽者帶來強烈的視覺沖擊。

圖5 小米標識

3.3 在提升網(wǎng)頁瀏覽量上的應用

在網(wǎng)頁設計當中會采用不同的圖像種類，動態(tài)圖、拍攝圖以及截屏圖等是較為常見的圖像類型。在網(wǎng)頁設計當中添加不同類型的圖片，可以使網(wǎng)頁更具觀賞感，豐富網(wǎng)頁內(nèi)容，增加瀏覽者的視覺粘性，從當前的幾個門戶網(wǎng)站上，例如網(wǎng)易、新浪等都可以看到這些應用。比如，從這些網(wǎng)站中看到拍攝的短影片時，無疑帶給瀏覽者更加強烈的寫實感，這樣瀏覽者在網(wǎng)頁瀏覽時將明顯感覺增強了自身的代入感[6]。再如，這些網(wǎng)頁中都設計了不少動圖圖像，來對網(wǎng)頁中的某一個功能進行解釋，那么瀏覽者就能更好的理解網(wǎng)頁操作，提升對網(wǎng)頁的滿意度[7]。因此，計算機圖像處理技術在WEB設計中的應用過程中，我們需要盡可能地設計不同的圖形圖像，以增強網(wǎng)頁的趣味性。但是也需要注意到，圖形并非越多越好，而是需要保證應用的科學性與合理性，這樣才能在最大程度上保證網(wǎng)頁設計的美觀度，同時為瀏覽者帶來良好的體驗(見圖6)。在網(wǎng)頁設計過程當中，需要保證網(wǎng)頁的基本性能與基本作用，在此基礎上對網(wǎng)頁進行設計與制作。

圖6 網(wǎng)頁設計流覽圖

3.4 在網(wǎng)頁針對性信息傳輸方面應用

值得注意的是，借助有效的圖形處理技巧，能夠優(yōu)化網(wǎng)頁設計。在網(wǎng)頁設計中，不同的圖像大小會給訪問者帶來不同的感受[8]。例如，黃色三角形圖像通常表示受限功能，不能繼續(xù)使用。紅色感嘆號通常情況下表示性能失效或者設備設施遭到破壞等，所以，需要對網(wǎng)頁圖像的角色與職責進行明確，這樣才能充分發(fā)揮圖像的作用[9]。比如，針對一些公益性網(wǎng)站，其網(wǎng)頁在選擇配圖和后期修圖、圖文搭配等方面一般都會以淺色調為主，且在修圖方面切忌出現(xiàn)較多顏色而產(chǎn)生干擾信息。針對一些商業(yè)性網(wǎng)站而言，其主要是銷售為主，因此在圖片設計上一般都會采取“精修圖”，加強“撞色”設計，引發(fā)消費者的購買欲。例如，公安或者法院的網(wǎng)頁設計通常情況下是采用方向圖像，這樣可以為瀏覽者帶來莊嚴感。具體形狀需要結合網(wǎng)頁中的具體內(nèi)容進行設計，這樣才能夠保證圖像外形設計的科學性與合理性(見圖7)。利用計算機圖像處理技術做好網(wǎng)頁當中的針對性搭配，能夠為企業(yè)實現(xiàn)相應的建設目標提供幫助。

圖7 圖形處理技巧匯總

4 結 語

計算機圖像處理技術可以在網(wǎng)頁設計中發(fā)揮重要作用，文章通過對計算機圖像處理技術在攜程網(wǎng)、小米的LOGO、網(wǎng)易與新浪等門戶網(wǎng)站以及相關公益與政府網(wǎng)站的應用研究分析，確認與證實計算機圖像處理技術在確定網(wǎng)頁設計風格與形象、在LOGO的創(chuàng)造方面、在提升網(wǎng)頁瀏覽量方面以及在網(wǎng)頁針對性信息傳輸方面都有著重要的作用與意義，計算機圖像處理技術的應用可以大大提高網(wǎng)頁設計的科學性、合理性以及美觀性，并且制作優(yōu)良的圖像，能給瀏覽者帶來強烈的視覺沖擊，以及超出期望的質感和美感。因此，合理地應用計算機圖像處理技術勢在必行。