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

文/曹利

1 簡述計算機(jī)圖像處理技術(shù)

1.1 圖像的去噪處理技術(shù)

在圖像制作過程中，經(jīng)常會有一些高斯噪點、量化噪點等問題，這些噪點產(chǎn)生原因一般和原信號影響關(guān)系不大，主要就是由于內(nèi)部器件使得軟件量化處理不到位所致，從而造成成像質(zhì)量低的現(xiàn)象，嚴(yán)重影響圖像的觀賞體驗，無法體現(xiàn)圖片的價值。因而，建議通過“均值濾波”“中值濾波”等技術(shù)手段進(jìn)行去噪處理，其處理原理是使圖片的像素信號呈灰度值排列，然后數(shù)值化中間值或噪點強(qiáng)度，從而實現(xiàn)相應(yīng)的模糊值或中間值得插入，從而完成降噪處理。

1.2 圖像的增強(qiáng)處理技術(shù)

增強(qiáng)處理技術(shù)的內(nèi)涵是指將突出重點且淡化瑕疵。圖像處理增強(qiáng)技術(shù)主要有圖像變換、圖像剪切、圖像銳化以及圖像濾鏡處理等多種處理方式，然后借助圖像處理軟件加以處理，增強(qiáng)計算機(jī)圖像的特性，體現(xiàn)圖片處理的價值。對于圖像處理技術(shù)，調(diào)整圖像色彩及清晰度是最高效的處理技術(shù)。通過進(jìn)行相關(guān)偽彩色的圖像處理，對于失真的黑白圖片通過處理，還原成彩色圖像。然后借助邊緣銳化手以及差分運算等濾波處理，將圖片深度呈現(xiàn)尖銳、清晰的畫面。這些圖像加強(qiáng)處理技術(shù)，采用光學(xué)、視覺等原理，將原本平凡普通的圖片轉(zhuǎn)化成多彩絢爛的圖像，因此這種圖像處理技術(shù)有著較為廣闊的應(yīng)用空間。

1.3 圖像的壓縮處理技術(shù)

圖像處理過程中，經(jīng)常會用到圖像壓縮處理，圖像壓縮就是針對圖像數(shù)據(jù)進(jìn)行壓縮，通過圖像壓縮可以有效的傳遞圖像信息，同時能夠最大程度的降低圖像失真現(xiàn)象的發(fā)生。就運行效果分析，壓縮可以分為有損壓縮以及無損壓縮，這兩種壓縮有著本質(zhì)的不同，因此其壓縮效果、壓縮時間等也有著較大的差別。當(dāng)前，一般經(jīng)常采用的圖片壓縮有“JPEG”“MPEG”等類型。

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

2.1 圖像處理在網(wǎng)頁風(fēng)格中的應(yīng)用技術(shù)

網(wǎng)頁設(shè)計需要大量的圖像，因此采用的圖像應(yīng)用技術(shù)也多種多樣，對于這些圖像的處理也要有一個明確的主題和風(fēng)格，將其進(jìn)行統(tǒng)一處理最終形成統(tǒng)一主題的網(wǎng)頁風(fēng)格。網(wǎng)絡(luò)在進(jìn)行信息傳遞中，精美的網(wǎng)頁設(shè)計可以更有效的展示網(wǎng)頁信息，網(wǎng)頁的不同風(fēng)格展示了不同類型網(wǎng)站信息，是網(wǎng)站文化的一種展現(xiàn)形式，因此在進(jìn)行網(wǎng)頁設(shè)計時，設(shè)計人員需要處理相應(yīng)的圖片，斟酌網(wǎng)頁排版以及網(wǎng)頁布局，網(wǎng)頁進(jìn)行信息額傳遞中要簡潔清晰并且網(wǎng)頁的信息需要能夠移動，這樣在后期的內(nèi)容更新上就更為方便，網(wǎng)頁的風(fēng)格設(shè)計之前，需要調(diào)查受眾的風(fēng)格接受程度調(diào)研，對于一些喜歡動漫愛好的網(wǎng)頁風(fēng)格，就需要在網(wǎng)頁設(shè)計中融合相應(yīng)的動漫人物，對于中國風(fēng)網(wǎng)站的風(fēng)格，就需要配置一些山水水墨畫等。

2.2 圖像處理在網(wǎng)頁LOGO的應(yīng)用技術(shù)

網(wǎng)頁矢量設(shè)計在圖像處理中也是十分重要的內(nèi)容，LOGO設(shè)計直接凸顯整個網(wǎng)頁感受，給人深刻的記憶。一般來說，不同的圖形給人的印象各不相同，圓形帶給人們一種溫暖的感受，不規(guī)則的圖形帶個人動態(tài)的感受。例如，每個網(wǎng)站都會有自己獨特的LOGO作為標(biāo)志，因此是整個網(wǎng)站的眼睛，因此網(wǎng)站標(biāo)識的科學(xué)設(shè)計，對于其瀏覽量的提升以及網(wǎng)站文化的展示，意義重大。例如，我們熟知的小米科技，其LOGO就是一個簡潔的MI，其LOGO僅僅是簡單的字母組合，但是在設(shè)計中也要通過一系列的計算機(jī)圖像處理，最終得成此圖像，經(jīng)過設(shè)計而成的LOGO圖像和字母MI就有著本質(zhì)的不同，小米LOGO標(biāo)識和字母比較而言更有美感，是小米企業(yè)理念的具體體現(xiàn)，讓更多的瀏覽者對小米的企業(yè)文化有更直接的感受，進(jìn)一步提高了小米商城的瀏覽量，從而增加了消費量，在網(wǎng)站瀏覽中瀏覽者對小米的企業(yè)文化會越來越深刻，企業(yè)的認(rèn)同感也會愈來強(qiáng)烈，從而發(fā)展成小米的忠實粉絲。為了確保網(wǎng)頁的質(zhì)感及檔次，需要精心的制作網(wǎng)頁背景圖，要做到信息契合背景，使網(wǎng)頁的主題更加明確，在瀏覽者瀏覽過程中獲得最佳的瀏覽體驗。目前已經(jīng)是圖文時代，不僅要在網(wǎng)頁中有相關(guān)的文字信息，同時還要進(jìn)行相應(yīng)的圖像處理，使文字與圖像相結(jié)合。精美的網(wǎng)頁制作，都會進(jìn)行相應(yīng)的圖像處理，從而吸引更多的瀏覽者，還可以提升網(wǎng)頁閱讀效果，在網(wǎng)頁中運用細(xì)膩的文字，可以使主題更加明確，通過精美的圖像制作，帶給瀏覽者強(qiáng)烈視覺沖擊,可以給瀏覽者留下深刻印象。

2.3 圖像處理在網(wǎng)頁瀏覽量提升的應(yīng)用技術(shù)

在進(jìn)行網(wǎng)頁設(shè)計時，會使用多種類型的圖像，比較常見的類型有動態(tài)圖、拍攝圖、截屏圖等類型，在網(wǎng)頁設(shè)計時使用多種類型的圖片，不僅能夠豐富網(wǎng)頁內(nèi)容，提升網(wǎng)頁觀賞感，同時也可以吸引瀏覽者。例如，目前的熱門門戶網(wǎng)站：網(wǎng)易、新浪等都有這一應(yīng)用，在網(wǎng)站中的短影片可以帶給瀏覽者更真實的感受，可以增加瀏覽者在瀏覽過程中的代入感，再比如說，這些網(wǎng)站中都應(yīng)用了大量的動圖圖片，以此解釋網(wǎng)頁的相應(yīng)功能，可以幫助瀏覽者更快捷的應(yīng)用網(wǎng)頁操作，可以增加的瀏覽者的滿意度，所以在網(wǎng)頁設(shè)計中應(yīng)用圖像處理技術(shù)的過程中，需要設(shè)計不同類型的圖形，以此提升整個網(wǎng)頁的趣味性。但是需要注意的是，圖形設(shè)計不是數(shù)量的簡單堆砌，必須要保證圖形設(shè)計的科學(xué)性及合理性，這樣才能夠使網(wǎng)頁設(shè)計更加簡潔美觀，保證受眾在瀏覽時能夠獲取最佳的瀏覽體驗，網(wǎng)頁設(shè)計需要保證網(wǎng)頁的性能前提下，其網(wǎng)頁設(shè)計才更為有效。

2.4 圖像處理在網(wǎng)頁盲區(qū)設(shè)計的應(yīng)用技術(shù)

2.4.1 通過補充像素模式處理視覺反差盲區(qū)

（1）通過鋼筆工具創(chuàng)造多種類型的圖形結(jié)構(gòu)。借助具有差異性的形狀信息對視覺盲區(qū)進(jìn)行區(qū)分，可以對線條進(jìn)行加強(qiáng)勾勒呈現(xiàn)的視覺效果對比，在輪廓的明顯特征中獲得具有突出特性的設(shè)計方案。使用具有突出特征的不規(guī)則圖形結(jié)構(gòu)作為形狀輪廓，并進(jìn)行集中化處理，從而使圖像分布特征的差異性更加明顯。

（2）采取填充像素使色彩差異對比更加強(qiáng)烈，使主體風(fēng)格更加新穎。當(dāng)主題背景主要是暖色調(diào)時，需要對關(guān)鍵圖像進(jìn)行冷色調(diào)處理，從而通過色彩的強(qiáng)烈反差突出體現(xiàn)視覺信息，并對突出色彩的引導(dǎo)作用進(jìn)一步優(yōu)化。需要對創(chuàng)建方式的空間結(jié)構(gòu)進(jìn)一步明確，首先建立柵格，并對后期的處理效果進(jìn)行優(yōu)化，從而確保顏色分布的沖擊性及協(xié)調(diào)性能夠同時發(fā)揮審美作用，對視覺反差的盲區(qū)進(jìn)行補充。

（3）通過動態(tài)化的信息進(jìn)行引導(dǎo)，或者使用立體圖案設(shè)計方案，通過形狀結(jié)構(gòu)增強(qiáng)網(wǎng)頁視覺沖擊力，從而實現(xiàn)設(shè)計效果。雖然應(yīng)用PS軟件也可以實現(xiàn)三維視覺效果，但是其設(shè)計空間非常狹隘，只可以通過色澤變化及陰影進(jìn)行立體映射，而不能對立體圖形的多維視角進(jìn)行延伸，所以，需要借助3DMAX軟件來補充視覺特征。

2.4.2 使用結(jié)構(gòu)調(diào)整方案調(diào)整圖像比例盲區(qū)

由于初始圖片空間尺寸發(fā)生錯誤，導(dǎo)致產(chǎn)生圖像比例盲區(qū)。這類設(shè)計問題，造成網(wǎng)頁設(shè)計趨于單一，沒有行成強(qiáng)烈的視覺效果。在網(wǎng)頁設(shè)計時沒有完全的黃金比例，大多都是根據(jù)設(shè)計師的以往經(jīng)驗形成，但是仍然存在明顯的空間比例規(guī)律，特別是近年來移動終端的用戶逐年增長，H5頁面形成的視覺效果直接影響實際的網(wǎng)頁流量。所以，針對網(wǎng)頁主題、風(fēng)格、比例的設(shè)計，必須綜合考量H5頁面與Web頁面的對比效果，并且分析用戶的瀏覽數(shù)據(jù)進(jìn)行網(wǎng)頁元素的補充調(diào)整方案。Web頁面相關(guān)的文本信息在原則上可以擴(kuò)充，但是由于H5頁面元素設(shè)計要求集中?？梢允褂肞S軟件在設(shè)計時設(shè)置相應(yīng)的網(wǎng)格比例分區(qū)，對主要網(wǎng)頁元素設(shè)定空間比例，結(jié)合鏈接導(dǎo)向的重要性排序，對空間結(jié)構(gòu)是否合理進(jìn)行對比。網(wǎng)頁設(shè)計中綜合運用多類圖形結(jié)構(gòu)非常重要，比如，使用方形圖像，對用戶而言傳遞過來的信息比較嚴(yán)謹(jǐn)正規(guī)，比較適用于學(xué)術(shù)研究網(wǎng)站或各類新聞網(wǎng)站的網(wǎng)頁設(shè)計。圓形圖像傳達(dá)的圓潤柔美的信息，能夠帶給用戶愉悅的情感體驗，比較適用于娛樂網(wǎng)站或購物網(wǎng)站的網(wǎng)頁設(shè)計。三角線圖像棱角尖銳，代表的著個性化、突出性的形象特點，多用于大多的各類個性化網(wǎng)站的設(shè)計。但是就設(shè)計本質(zhì)而言各類圖像結(jié)構(gòu)的應(yīng)用必須依附于網(wǎng)站的主旨，處理圖像比例錯誤，才能夠促使網(wǎng)頁整體結(jié)構(gòu)的主題更加突出，更加人性化。使網(wǎng)頁設(shè)計內(nèi)容更加豐富，頁面效果更加突出。

2.4.3 對體驗需求盲區(qū)進(jìn)行個性化創(chuàng)新

網(wǎng)頁瀏覽帶有強(qiáng)烈的商業(yè)目的，設(shè)計評估的重要衡量標(biāo)準(zhǔn)是網(wǎng)頁設(shè)計與用戶體驗需求是否契合。用戶體驗的需求愈來愈高，基于目前常用的網(wǎng)頁設(shè)計軟件已經(jīng)無法滿足用戶的需求從而導(dǎo)致用戶體驗盲區(qū)的網(wǎng)頁設(shè)計空白。所以，需要圖像處理軟件進(jìn)一步的開發(fā)并且靈活的綜合應(yīng)用多種圖像處理軟件，才可以從真正意義上避免用戶體驗盲區(qū)的發(fā)生。力爭人性化的網(wǎng)頁設(shè)計，使設(shè)計元素更加豐富，更具有創(chuàng)意感，使體驗效果更加舒適，在網(wǎng)頁設(shè)計中綜合應(yīng)用多種圖像處理技術(shù)，使網(wǎng)頁設(shè)計別具一格。

3 結(jié)束語

在網(wǎng)頁設(shè)計中合理的應(yīng)用圖像處理技術(shù)，能夠使網(wǎng)頁設(shè)計更加的科學(xué)合理更加的美觀，并且精美的圖像制作使網(wǎng)頁更加的上檔次，能夠帶給瀏覽者更好的視覺體驗，從而增加網(wǎng)頁瀏覽量。因此，圖像處理技術(shù)的合理應(yīng)用在網(wǎng)頁設(shè)計中具有重要意義。