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

賀紀(jì)樺

摘 要：在網(wǎng)頁(yè)設(shè)計(jì)中，往往會(huì)因?yàn)閳D像問(wèn)題導(dǎo)致網(wǎng)頁(yè)不美觀，計(jì)算機(jī)圖像處理技術(shù)是專用來(lái)處理圖像大小、調(diào)色等問(wèn)題。因此將計(jì)算機(jī)圖像處理技術(shù)與網(wǎng)頁(yè)設(shè)計(jì)合理應(yīng)用，就會(huì)使網(wǎng)頁(yè)變得美觀，并增添用戶體驗(yàn)感。文章從計(jì)算機(jī)圖像處理技術(shù)的概念、計(jì)算機(jī)圖像處理技術(shù)的特點(diǎn)、網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的具體應(yīng)用、對(duì)網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)合理應(yīng)用提出的建議，這4個(gè)方面進(jìn)行逐一探討。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì);計(jì)算機(jī)圖像處理技術(shù);應(yīng)用

0 引言

在我國(guó)計(jì)算機(jī)技術(shù)初步應(yīng)用時(shí)，各項(xiàng)技術(shù)都還停留在初級(jí)階段，當(dāng)時(shí)對(duì)網(wǎng)頁(yè)的排版、布局要求也都比較簡(jiǎn)單，只是單方面的圖像，這樣在當(dāng)時(shí)沒(méi)辦法吸引用戶瀏覽，無(wú)法吸引用戶的眼球。現(xiàn)如今，伴隨著互聯(lián)網(wǎng)的逐步普及，家家戶戶對(duì)網(wǎng)絡(luò)的需求也逐漸變大，為了增強(qiáng)用戶體驗(yàn)，我國(guó)對(duì)網(wǎng)頁(yè)設(shè)計(jì)也提出了更高的要求。所以，既要注重網(wǎng)頁(yè)的美觀又要保障網(wǎng)頁(yè)設(shè)計(jì)的穩(wěn)定性，才可以讓網(wǎng)頁(yè)所呈現(xiàn)的內(nèi)容更具感染力。

1 計(jì)算機(jī)圖像處理技術(shù)的概念

計(jì)算機(jī)圖像處理技術(shù)本質(zhì)是操作人員針對(duì)圖像處理和計(jì)算機(jī)技術(shù)的應(yīng)用。熟練地使用計(jì)算機(jī)圖像處理技術(shù)，既能夠便于我們快速尋找所需要的數(shù)據(jù)和圖像中的問(wèn)題，又能夠便于我們及時(shí)地對(duì)圖像進(jìn)行處理，從而達(dá)到我們預(yù)期想要的效果。綜合來(lái)講，計(jì)算機(jī)圖像處理技術(shù)其實(shí)就是通過(guò)合理應(yīng)用計(jì)算機(jī)圖像處理技術(shù)對(duì)即將處理的圖片進(jìn)行加工、修飾、美化從而達(dá)到我們預(yù)期的效果，滿足人們所需。另外，計(jì)算機(jī)圖像處理技術(shù)還可以通過(guò)對(duì)接幾何圖像，對(duì)其進(jìn)行調(diào)整明暗，從而更加有利于對(duì)圖像的色彩進(jìn)行修飾[1] 。

2 計(jì)算機(jī)圖像處理技術(shù)的特點(diǎn)

（1）有良好的再現(xiàn)性：在數(shù)字化過(guò)程中，原始圖像可以很精確地顯示出原來(lái)的圖片，這和傳統(tǒng)圖像處理技術(shù)的處理方式存在著些許差異，在數(shù)字化過(guò)程中，可以很好地應(yīng)用計(jì)算機(jī)圖像處理技術(shù)來(lái)維持原來(lái)的圖像形狀。計(jì)算機(jī)圖像處理技術(shù)在傳輸、儲(chǔ)存、再現(xiàn)的過(guò)程中，不僅可以讓圖片更具美觀性，又不會(huì)損害圖片質(zhì)量。

（2）處理后的精確度相對(duì)較高：隨著我國(guó)的計(jì)算機(jī)圖像技術(shù)不斷發(fā)展，將模擬圖像轉(zhuǎn)變成二維序列不再是一件難事，只要在處理設(shè)備允許的情況下，我們就可以對(duì)二維序列隨意的調(diào)整，從而改變圖像的大小?，F(xiàn)如今，我國(guó)的計(jì)算機(jī)圖像處理技術(shù)已可以將圖像像素的灰度量化到16位或更多，圖像數(shù)字精確度的加強(qiáng)可以使計(jì)算機(jī)在處理圖像時(shí)更加方便[2] 。

（3）適用面寬：在現(xiàn)實(shí)生活中，在對(duì)光譜圖像進(jìn)行處理時(shí)，可以隨意對(duì)其設(shè)置為可見(jiàn)或者不可見(jiàn)。它的大小和從圖像反射出來(lái)的物體比例是呈正比的。只要信息不同源轉(zhuǎn)為數(shù)碼數(shù)字，那么他們的灰度圖像形成就會(huì)以二維陣列的形式出現(xiàn)，因此計(jì)算機(jī)應(yīng)用對(duì)此也有著非常重要的作用。我們可以根據(jù)不同的圖像信息源來(lái)采取相應(yīng)的圖像信息，既方便我們采取相應(yīng)措施，又可以讓任何類型的圖片都可以使用圖像數(shù)字來(lái)進(jìn)行處理。

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

（1）不同圖像形式的綜合運(yùn)用：在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中，圖像的種類分許多種，常見(jiàn)的幾種類型有截屏圖、GIF圖、拍攝圖。在一個(gè)網(wǎng)頁(yè)中，適當(dāng)添加一些不同類型的圖片，既可以增強(qiáng)用戶體驗(yàn)感，又可以使網(wǎng)頁(yè)更加具有美觀性。我們常見(jiàn)的一些網(wǎng)頁(yè)中的圖片，大多都是攝影圖片，因?yàn)閿z影圖片可以為網(wǎng)頁(yè)提高真實(shí)性，還可以增強(qiáng)用戶在瀏覽網(wǎng)頁(yè)時(shí)的代入感。網(wǎng)頁(yè)中的動(dòng)圖可以讓用戶更加直觀地對(duì)網(wǎng)頁(yè)進(jìn)行初步了解。一個(gè)網(wǎng)頁(yè)若過(guò)量使用單一類型的圖片，會(huì)使用戶在瀏覽網(wǎng)頁(yè)時(shí)出現(xiàn)疲勞感，從而使用戶出現(xiàn)各種不良癥狀，導(dǎo)致用戶體驗(yàn)感變差。因此，在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用計(jì)算機(jī)圖片處理技術(shù)時(shí)，應(yīng)適當(dāng)減少單一類型圖片的使用。當(dāng)然，圖像應(yīng)用也并不是越多越好，應(yīng)適當(dāng)應(yīng)用，這樣才可以提升網(wǎng)頁(yè)的可閱性。

（2）科學(xué)對(duì)網(wǎng)頁(yè)中圖像的角色和職責(zé)進(jìn)行劃分：在網(wǎng)頁(yè)中通過(guò)使用不同的功能、大小、位置都會(huì)存在小小的差異。比如，黃色三角形狀的圖像往往表示功能受限，不能使用;紅色感嘆號(hào)形狀的圖像代表功能失效或設(shè)備的損壞。對(duì)此，網(wǎng)頁(yè)中還存在著一些相對(duì)尺寸較大的圖形。就目前來(lái)看，騰訊圖形和百度圖形是我們?cè)诨ヂ?lián)網(wǎng)中最常見(jiàn)的圖形。公司的logo在網(wǎng)頁(yè)中是極其重要的，通過(guò)合理的設(shè)計(jì)logo的形狀及網(wǎng)頁(yè)中的位置，有利于用戶在瀏覽網(wǎng)頁(yè)時(shí)對(duì)公司有著深刻的印象，這也是對(duì)公司的一種宣傳模式，可以大大提高公司的知名度，會(huì)給瀏覽者留下好的印象。為了讓瀏覽者在瀏覽網(wǎng)頁(yè)時(shí)有著與眾不同的感覺(jué)，應(yīng)對(duì)網(wǎng)頁(yè)背景圖像和背景顏色進(jìn)行搭配。

（3）網(wǎng)頁(yè)中處理圖像的方法：網(wǎng)頁(yè)中的圖像不僅需要簡(jiǎn)單明了，還要美觀大方。因此，我們?cè)谶M(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，要具備一定的設(shè)計(jì)理念，從而更好地對(duì)不同圖片進(jìn)行處理，從而提升網(wǎng)頁(yè)的可閱讀性，使用戶在瀏覽網(wǎng)頁(yè)時(shí)滿足用戶的審美需求。比如，在對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)時(shí)，運(yùn)用一些不規(guī)則圖像，既可以使網(wǎng)頁(yè)中的內(nèi)容充滿活力，又可以帶給瀏覽者動(dòng)感的視覺(jué)效果?？梢韵葘?duì)網(wǎng)頁(yè)進(jìn)行分析，找到網(wǎng)頁(yè)的類型，再對(duì)圖像合理進(jìn)行處理，往往在網(wǎng)頁(yè)設(shè)計(jì)時(shí)可以達(dá)到事半功倍的成效。

4 對(duì)網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)合理應(yīng)用提出的建議

4.1 科學(xué)的設(shè)計(jì)圖像的大小

應(yīng)把計(jì)算機(jī)圖像處理技術(shù)運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中，通過(guò)對(duì)圖片大小進(jìn)行合理調(diào)試，從而增強(qiáng)網(wǎng)頁(yè)整體的美觀性，因此網(wǎng)頁(yè)設(shè)計(jì)中圖像的大小是否適宜是十分重要的，可以從下面幾個(gè)方面進(jìn)行探討。

（1）電腦的屏幕分辨率是存在差異的，不同電腦屏幕的分辨率也是不同的，這就使得我們?cè)趯?duì)圖像大小進(jìn)行處理時(shí)會(huì)受到一定的影響，因?yàn)橛脩舻钠聊淮笮‰y免會(huì)和我們?cè)谠O(shè)計(jì)時(shí)屏幕的大小不一樣，就會(huì)導(dǎo)致用戶體驗(yàn)感下降。在利用計(jì)算機(jī)圖像處理技術(shù)對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)時(shí)，就可以很好地避免這一情況。

（2）在對(duì)一張圖片進(jìn)行處理時(shí)會(huì)發(fā)現(xiàn)，將圖片放大時(shí)會(huì)發(fā)現(xiàn)圖片的清晰度變低了;將圖片放小時(shí)會(huì)發(fā)現(xiàn)圖片雖然變清晰了，但整體不美觀了。所以，在網(wǎng)頁(yè)設(shè)計(jì)時(shí)圖片是否清晰有著至關(guān)重要的作用。

4.2 合理的分配圖像使用方式

在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，圖像也有著多種使用方式，圖像在網(wǎng)頁(yè)設(shè)計(jì)時(shí)的位置、大小、形狀等因素可以決定在網(wǎng)頁(yè)中起到的具體作用，設(shè)計(jì)人員可以根據(jù)網(wǎng)頁(yè)的具體需求從而對(duì)圖像的使用方式進(jìn)行合理的分配。例如：如果我們想要一個(gè)網(wǎng)站更具真實(shí)性，那么就需要讓圖像處理的方向往現(xiàn)實(shí)生活方向靠攏;若網(wǎng)頁(yè)設(shè)計(jì)時(shí)要體現(xiàn)活潑性，那么圖像處理就需要向生動(dòng)活潑方向靠近，以通過(guò)添加彩色等方式對(duì)其進(jìn)行有效處理。因此，每個(gè)網(wǎng)頁(yè)都有自己獨(dú)特的風(fēng)格，這就需要對(duì)圖像進(jìn)行合理的使用，既能夠作為網(wǎng)頁(yè)設(shè)計(jì)的背景，又能夠作為網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)志，也能夠間接的通過(guò)圖像展示，呈現(xiàn)出網(wǎng)頁(yè)設(shè)計(jì)的主要內(nèi)容。在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，若要把圖像作為整體背景圖的話，還需要對(duì)其進(jìn)行加工美化，讓用戶對(duì)此可以更加直觀。在一個(gè)網(wǎng)頁(yè)中，背景是一個(gè)極其重要的部分，在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中可以對(duì)圖片大面積鋪設(shè)，也可以運(yùn)用線條圖形對(duì)其背景進(jìn)行修飾[3] 。

4.3 提高圖像的關(guān)鍵性

結(jié)合目前情況來(lái)看，大多數(shù)用戶在瀏覽網(wǎng)頁(yè)的過(guò)程中，并不是先看一個(gè)網(wǎng)頁(yè)的文字內(nèi)容，而是先看該網(wǎng)頁(yè)的圖像。因此，在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中，只有合理地將圖像進(jìn)行應(yīng)用，才可以讓用戶有繼續(xù)瀏覽網(wǎng)頁(yè)的欲望。

4.4 多樣化圖像運(yùn)用

（1）插圖：網(wǎng)頁(yè)設(shè)計(jì)中最常見(jiàn)的表現(xiàn)形式就是插圖，對(duì)網(wǎng)頁(yè)設(shè)計(jì)中的文字周圍進(jìn)行插圖，往往能夠起到豐富文字信息的效果。插圖在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中還能夠通過(guò)抽象的藝術(shù)圖片形式出現(xiàn)，也能夠通過(guò)具象的寫(xiě)實(shí)圖片方式進(jìn)行表達(dá)。能夠結(jié)合網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中的具體情況從而合理的運(yùn)用。

（2）圖形符號(hào)：圖形符號(hào)運(yùn)用在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中通?？梢云鸬近c(diǎn)綴的效果，能夠加深網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)感，還能夠豐富網(wǎng)頁(yè)的頁(yè)面。網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中設(shè)計(jì)人員若對(duì)此合理的運(yùn)用，就能夠更好地發(fā)揮其作用和效果。

5 結(jié)語(yǔ)

綜上所述，計(jì)算機(jī)處理技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)相結(jié)合是一項(xiàng)復(fù)雜并涉及面廣泛的工作。這需要設(shè)計(jì)師在計(jì)算機(jī)圖像處理時(shí)擁有極高的專業(yè)設(shè)計(jì)素養(yǎng)。計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用，使網(wǎng)頁(yè)設(shè)計(jì)的效果及質(zhì)量得到了顯著地提升，增加用戶對(duì)網(wǎng)頁(yè)的瀏覽量，進(jìn)而提高了公司在外的知名度。相信在未來(lái)，計(jì)算機(jī)圖像處理技術(shù)在計(jì)算機(jī)技術(shù)的不斷發(fā)展下，我國(guó)的網(wǎng)頁(yè)技術(shù)也會(huì)隨之越來(lái)越好，使其更加完善。

[參考文獻(xiàn)]

[1]雙哲，孫蕾.基于改進(jìn)的隱馬爾可夫模型在網(wǎng)頁(yè)信息抽取中的研究與應(yīng)用[J].計(jì)算機(jī)應(yīng)用與軟件，2017（2）：42-47.

[2]陳莉.網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用解析[J].電腦迷，2018（3）：20.

[3]李艷新.網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用價(jià)值[J].電子技術(shù)與軟件工程，2015（19）：124.

（編輯 傅金睿）