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

李仲篪，鐘 瀾

（邵陽(yáng)工業(yè)學(xué)校，湖南 邵陽(yáng) 422000）

0 引 言

現(xiàn)階段，隨著網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的興起，計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)工作中的運(yùn)用愈發(fā)廣泛。通過(guò)在網(wǎng)頁(yè)設(shè)計(jì)工作中合理運(yùn)用圖像、圖形處理技術(shù)，可以實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)設(shè)計(jì)文字、圖像效果的多方面優(yōu)化，為訪問(wèn)用戶提供更加優(yōu)質(zhì)的網(wǎng)頁(yè)資源。尤其是現(xiàn)階段隨著信息技術(shù)的普及，網(wǎng)頁(yè)用戶數(shù)量不斷攀升，在網(wǎng)頁(yè)設(shè)計(jì)中提升計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用質(zhì)量有著極強(qiáng)的實(shí)踐意義。

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

1.1 去噪處理技術(shù)

圖像處理過(guò)程中會(huì)頻繁出現(xiàn)高斯噪點(diǎn)、量化噪點(diǎn)等，嚴(yán)重影響量化處理工作，最終導(dǎo)致成像質(zhì)量相對(duì)較差，無(wú)形中降低了圖片的基本價(jià)值和訪問(wèn)用戶的閱讀體驗(yàn)[1]。在去噪處理中可以通過(guò)應(yīng)用均值濾波、中值濾波的方法，將特定灰度值作為基礎(chǔ)進(jìn)一步對(duì)圖片自身的像素信號(hào)進(jìn)行周期性排列，并在這一過(guò)程中針對(duì)中間值、噪點(diǎn)強(qiáng)度等因素開展數(shù)值化探究，確保模糊值、中間值等得以科學(xué)插入其中。去噪處理實(shí)際效果如圖1所示。

圖1 去噪處理應(yīng)用實(shí)例

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

針對(duì)增強(qiáng)處理技術(shù)而言，強(qiáng)化重點(diǎn)、減少瑕疵是要點(diǎn)[2]。在圖像處理過(guò)程中可能會(huì)涉及到多項(xiàng)處理技術(shù)，包括銳化、圖像變化等。通過(guò)應(yīng)用增強(qiáng)處理技術(shù)，可以大幅強(qiáng)化計(jì)算機(jī)圖像的基本特征。此外，利用增強(qiáng)處理技術(shù)可以對(duì)圖像色彩、清晰度等進(jìn)行調(diào)整。通過(guò)應(yīng)用偽彩色處理方式，可以將原本處于失真狀態(tài)的黑背圖像直接轉(zhuǎn)變?yōu)椴噬珗D像[3]。同時(shí)，在差分運(yùn)算、濾波處理等環(huán)節(jié)中，通過(guò)邊緣銳化技術(shù)的應(yīng)用能夠?qū)D片結(jié)合位深度通過(guò)更加清晰化的形式呈現(xiàn)出來(lái)。

1.3 壓縮處理技術(shù)

壓縮處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)工作中同樣得到廣泛應(yīng)用，其能夠在壓縮圖像的前提下確保圖片高效傳遞，很大程度上降低了圖像產(chǎn)生失真情況的概率[4]。通過(guò)在網(wǎng)頁(yè)設(shè)計(jì)工作中應(yīng)用壓縮處理技術(shù)，能夠確保圖片壓縮過(guò)程無(wú)損進(jìn)行。壓縮處理技術(shù)運(yùn)算流程如圖2所示。

圖2 壓縮處理技術(shù)運(yùn)算流程

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

對(duì)于圖像而言，其本身是網(wǎng)頁(yè)設(shè)計(jì)環(huán)節(jié)中的基礎(chǔ)元素，通過(guò)圖像的巧妙設(shè)計(jì)可以從根本上展現(xiàn)出網(wǎng)頁(yè)自身風(fēng)格。相較于其他表現(xiàn)形式，圖像的應(yīng)用可以大幅度提升網(wǎng)頁(yè)的瀏覽量，提高網(wǎng)頁(yè)對(duì)用戶的吸引力。通過(guò)計(jì)算機(jī)圖像處理技術(shù)的使用，對(duì)圖像的大小、位置、內(nèi)容等多個(gè)方面進(jìn)行優(yōu)化設(shè)計(jì)，凸顯網(wǎng)頁(yè)內(nèi)容重點(diǎn)，使用戶可以快速收集到網(wǎng)頁(yè)內(nèi)部的相關(guān)內(nèi)容和信息。

計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用范圍十分廣泛，可以通過(guò)多樣化的處理方式確保各類型圖像處理工作有序開展。現(xiàn)階段，網(wǎng)頁(yè)設(shè)計(jì)圖像中包含可見類圖像和不可見的光譜圖像等，可以依據(jù)超聲波、X射線等技術(shù)的應(yīng)用來(lái)展現(xiàn)出不可見的圖像。此外，在轉(zhuǎn)換差異化圖像信息源的過(guò)程中可以將其轉(zhuǎn)變?yōu)閿?shù)字編碼，同時(shí)通過(guò)二維成列的形式展現(xiàn)出灰度圖像，為后續(xù)設(shè)計(jì)人員的圖像處理工作奠定良好基礎(chǔ)。相較于傳統(tǒng)圖像處理技術(shù)，通過(guò)數(shù)字化方式處理原始圖像可以提高原圖再現(xiàn)的精確性和完整性，能夠保留原圖的基本形狀。在圖像的傳輸、存儲(chǔ)等環(huán)節(jié)中，通過(guò)應(yīng)用計(jì)算機(jī)圖像處理技術(shù)可以最大程度上確保圖像呈現(xiàn)出色的再現(xiàn)效果[5]。

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

3.1 網(wǎng)頁(yè)風(fēng)格形象設(shè)計(jì)

在網(wǎng)頁(yè)設(shè)計(jì)工作中，設(shè)計(jì)人員需要處理海量的數(shù)據(jù)圖像，這就需要借助計(jì)算機(jī)圖像處理技術(shù)巧妙設(shè)計(jì)網(wǎng)頁(yè)風(fēng)格并凸顯網(wǎng)頁(yè)的核心主題。在結(jié)構(gòu)設(shè)計(jì)、排版中，設(shè)計(jì)人員需始終遵循簡(jiǎn)單性原則，盡可能通過(guò)簡(jiǎn)約的形式傳遞信息。在網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)中，設(shè)計(jì)人員需充分結(jié)合訪問(wèn)用戶的信息接受能力，確保網(wǎng)頁(yè)風(fēng)格的創(chuàng)設(shè)可以與訪問(wèn)用戶的心理需求相符合。例如，攜程網(wǎng)的網(wǎng)站首頁(yè)底色為淡藍(lán)色，通過(guò)黃、藍(lán)、黑3種顏色字體的使用和搭配構(gòu)建清新淡雅的網(wǎng)頁(yè)風(fēng)格。同時(shí)，攜程網(wǎng)主頁(yè)在整體框架搭設(shè)的過(guò)程中創(chuàng)設(shè)了導(dǎo)航欄、廣告區(qū)、主題區(qū)3個(gè)重點(diǎn)區(qū)塊，同時(shí)又在主題區(qū)域內(nèi)列出3欄，通過(guò)這樣的方式確保網(wǎng)頁(yè)區(qū)域劃分清晰明確、信息傳遞簡(jiǎn)約，訪問(wèn)用戶能夠第一時(shí)間根據(jù)自身需求 尋找信息。

3.2 LOGO標(biāo)識(shí)設(shè)計(jì)

在網(wǎng)頁(yè)設(shè)計(jì)工作中，簡(jiǎn)潔、生動(dòng)的LOGO可以使訪問(wèn)用戶迅速了解網(wǎng)頁(yè)的基本定位，強(qiáng)化網(wǎng)頁(yè)的積極印象。在LOGO標(biāo)識(shí)的設(shè)計(jì)工作中，設(shè)計(jì)人員應(yīng)將吸引用戶訪問(wèn)作為開發(fā)的核心目的，通過(guò)應(yīng)用計(jì)算機(jī)圖像處理技術(shù)最大程度地展現(xiàn)網(wǎng)站的個(gè)性化特色。以小米科技為例，其LOGO是簡(jiǎn)單的MI標(biāo)志，該標(biāo)志便是經(jīng)由計(jì)算機(jī)圖像處理技術(shù)加工而獲得的。

3.3 提升網(wǎng)頁(yè)瀏覽量

在網(wǎng)頁(yè)設(shè)計(jì)工作開展過(guò)程中，依托不同圖片形式的實(shí)踐應(yīng)用，可以確保網(wǎng)頁(yè)本身具備較強(qiáng)的觀賞性和多樣性，并從根本上激發(fā)網(wǎng)頁(yè)訪問(wèn)用戶的閱讀熱情。通過(guò)網(wǎng)站主頁(yè)中設(shè)置影像、短視頻，可以確保訪問(wèn)用戶在瀏覽過(guò)程中獲得更加出色的體驗(yàn)，下意識(shí)地將自己代入情景中。同時(shí)在網(wǎng)頁(yè)設(shè)計(jì)工作中，可以在運(yùn)用動(dòng)圖圖像時(shí)融入功能闡述，確保訪問(wèn)人員可以在網(wǎng)頁(yè)操作時(shí)更有針對(duì)性，進(jìn)一步強(qiáng)化訪問(wèn)用戶的瀏覽滿意度。在Web設(shè)計(jì)工作過(guò)程中，通過(guò)計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用可以確保網(wǎng)頁(yè)趣味性大幅提升，從而吸引人們?yōu)g覽，提升網(wǎng)頁(yè)瀏覽量。設(shè)計(jì)人員需要注意遵循科學(xué)原則對(duì)圖形的數(shù)量和形狀加以把控，在確保網(wǎng)頁(yè)基礎(chǔ)作用得以發(fā)揮的基礎(chǔ)上提升網(wǎng)頁(yè)的整體美感。

3.4 網(wǎng)頁(yè)信息針對(duì)性傳輸

通過(guò)充分應(yīng)用圖形處理技術(shù)，可以最大程度上保障網(wǎng)頁(yè)設(shè)計(jì)工作的完善性。在常規(guī)情況下，一旦網(wǎng)頁(yè)出現(xiàn)紅色感嘆號(hào)則意味著功能失效、設(shè)施損壞；黃色三角形圖像則代表功能運(yùn)轉(zhuǎn)受到局限，不能繼續(xù)使用。設(shè)計(jì)人員必須合理規(guī)劃網(wǎng)頁(yè)圖像承擔(dān)的功能、角色，以此來(lái)促進(jìn)圖像內(nèi)涵實(shí)現(xiàn)充分表達(dá)。以某社會(huì)公益性網(wǎng)站為例，設(shè)計(jì)人員在修圖、圖文搭配等環(huán)節(jié)中往往會(huì)將圖像顏色設(shè)置為淺色，并且在修圖過(guò)程中也會(huì)遵循簡(jiǎn)單易懂的原則，避免因圖像顏色混亂導(dǎo)致信息的傳播受到限制。針對(duì)商業(yè)性質(zhì)的網(wǎng)站而言，其網(wǎng)頁(yè)設(shè)計(jì)的核心目的是提升銷售量，圖片設(shè)計(jì)工作會(huì)涉及到許多精修圖像的應(yīng)用，同時(shí)在設(shè)計(jì)過(guò)程中也會(huì)遵循撞色的原則，以此激發(fā)消費(fèi)者自身的購(gòu)買欲。而公安、法院等有關(guān)職能部門進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，更多地會(huì)選擇一些方向類的圖像，使訪問(wèn)用戶進(jìn)入網(wǎng)頁(yè)后能夠快速找到自己需要的資源或服務(wù)等。圖像設(shè)計(jì)工作要以網(wǎng)頁(yè)的信息內(nèi)容為依據(jù)，保障圖像、內(nèi)容之間動(dòng)態(tài)協(xié)調(diào)，不會(huì)由于其中一方過(guò)于夸張導(dǎo)致另一方的作用受到 限制。

4 結(jié) 語(yǔ)

通過(guò)目前已有的網(wǎng)頁(yè)設(shè)計(jì)成功案例可以發(fā)現(xiàn)，不論是在提升網(wǎng)頁(yè)瀏覽量、LOGO標(biāo)識(shí)設(shè)計(jì)還是網(wǎng)頁(yè)風(fēng)格形象建立等方面，計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用都十分關(guān)鍵。在網(wǎng)頁(yè)設(shè)計(jì)工作中科學(xué)應(yīng)用圖像處理技術(shù)可以提高圖像處理的質(zhì)量，保障圖像的運(yùn)用和網(wǎng)頁(yè)設(shè)計(jì)的整體風(fēng)格相統(tǒng)一，從而提高網(wǎng)頁(yè)的美觀性，吸引用戶瀏覽。