網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)技術(shù)應(yīng)用淺析

前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)技術(shù)應(yīng)用淺析范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

摘要：計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中不可或缺，網(wǎng)頁(yè)的視覺(jué)呈現(xiàn)以及打造網(wǎng)頁(yè)風(fēng)格，都離不開(kāi)圖像。高效率處理圖像才能提高網(wǎng)頁(yè)的吸引力，提高網(wǎng)站的訪問(wèn)量。網(wǎng)頁(yè)前端技術(shù)中非常重要的一個(gè)步驟就是圖像處理，由此可以看出，圖像處理技術(shù)對(duì)網(wǎng)頁(yè)設(shè)計(jì)的重要性。筆者主要圍繞圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用，展開(kāi)分析探討，概述了計(jì)算機(jī)圖像處理技術(shù)的概念，并探討了計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用措施，以期為網(wǎng)頁(yè)設(shè)計(jì)發(fā)展提供參考。

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

相較于文字，圖像能夠更好地傳達(dá)視覺(jué)效果，能夠?yàn)榫W(wǎng)頁(yè)吸引更多的瀏覽用戶，這就是圖像對(duì)于網(wǎng)站設(shè)計(jì)的重要作用。據(jù)調(diào)查，圖像是網(wǎng)站吸引訪客的重要因素。計(jì)算機(jī)圖像處理技術(shù)發(fā)展速度快，將計(jì)算機(jī)圖像處理技術(shù)與網(wǎng)頁(yè)技術(shù)相結(jié)合，打造藝術(shù)氣息濃郁、符合大眾審美的網(wǎng)頁(yè)，是網(wǎng)頁(yè)的發(fā)展趨勢(shì)[1]。總之，網(wǎng)頁(yè)設(shè)計(jì)工作比較復(fù)雜，專(zhuān)業(yè)性也比較強(qiáng)。在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，設(shè)計(jì)人員需要具備較強(qiáng)的專(zhuān)業(yè)技能，也要充分了解計(jì)算機(jī)圖像處理技術(shù)，可以將其進(jìn)行結(jié)合，將多種圖像進(jìn)行組合，提升網(wǎng)頁(yè)設(shè)計(jì)的質(zhì)量，促進(jìn)網(wǎng)頁(yè)設(shè)計(jì)的穩(wěn)定發(fā)展。

1概念

計(jì)算機(jī)技術(shù)可以對(duì)圖像進(jìn)行數(shù)據(jù)化處理，提取圖像中的關(guān)鍵信息，將圖像信息數(shù)字化為數(shù)據(jù)矩陣，并進(jìn)行存儲(chǔ)、濾波、提取，最后在電腦上呈現(xiàn)圖像。利用計(jì)算機(jī)將圖像轉(zhuǎn)化為計(jì)算機(jī)標(biāo)準(zhǔn)代碼，就是計(jì)算機(jī)圖像處理技術(shù)的原理。計(jì)算機(jī)可以對(duì)感光圖像、數(shù)字圖像、視頻進(jìn)行處理。計(jì)算機(jī)圖像處理技術(shù)，包括數(shù)字化處理技術(shù)以及虛擬現(xiàn)實(shí)技術(shù)。計(jì)算機(jī)還可以綜合運(yùn)用各種技術(shù)，使網(wǎng)頁(yè)的視覺(jué)呈現(xiàn)效果更高端。計(jì)算機(jī)擁有強(qiáng)大的數(shù)字運(yùn)算能力，因此，它可以對(duì)圖片進(jìn)行復(fù)雜的操作，也可以對(duì)圖片進(jìn)行反復(fù)操作，調(diào)整圖片的格式、像素和色彩，滿足網(wǎng)頁(yè)設(shè)計(jì)對(duì)復(fù)雜的圖像修改和修復(fù)技術(shù)的需求。由此，網(wǎng)頁(yè)的視覺(jué)呈現(xiàn)效果更強(qiáng)烈，設(shè)計(jì)人員可以應(yīng)用計(jì)算機(jī)圖像處理技術(shù)，給網(wǎng)頁(yè)打造獨(dú)特的風(fēng)格。計(jì)算機(jī)圖像處理技術(shù)的工作基本原理，是對(duì)三原色進(jìn)行分析和處理。計(jì)算機(jī)可以將感光照片、數(shù)字圖片的色彩轉(zhuǎn)換為三原色的數(shù)字代碼，計(jì)算基礎(chǔ)是對(duì)數(shù)據(jù)進(jìn)行處理和解讀，從三原色入手，提升色彩的飽和度[2]。目前，計(jì)算機(jī)圖像處理技術(shù)發(fā)展得越來(lái)越高端便捷，在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，運(yùn)用計(jì)算機(jī)圖像處理技術(shù)，有利于增強(qiáng)網(wǎng)頁(yè)的視覺(jué)效果。同時(shí)計(jì)算機(jī)可以對(duì)圖像進(jìn)行儲(chǔ)存，計(jì)算機(jī)系統(tǒng)的數(shù)字存儲(chǔ)空間大，因此計(jì)算機(jī)系統(tǒng)可以存儲(chǔ)大量的圖片，設(shè)計(jì)網(wǎng)頁(yè)時(shí)，工作人員可隨時(shí)從計(jì)算機(jī)系統(tǒng)中提取需要的圖片。當(dāng)前，計(jì)算機(jī)處理技術(shù)在手機(jī)端應(yīng)用比較廣泛。在手機(jī)端應(yīng)用使用，其發(fā)揮了清晰度高、內(nèi)存占用空間小、適合網(wǎng)頁(yè)傳播等優(yōu)點(diǎn)。

2網(wǎng)頁(yè)制作中融入計(jì)算機(jī)技術(shù)的重要性

網(wǎng)頁(yè)設(shè)計(jì)一般分為三個(gè)大類(lèi)：功能型網(wǎng)頁(yè)設(shè)計(jì)（服務(wù)網(wǎng)站&B/S軟件用戶端）、形象型網(wǎng)頁(yè)設(shè)計(jì)（品牌形象站）、信息型網(wǎng)頁(yè)設(shè)計(jì)（門(mén)戶站）。網(wǎng)頁(yè)的主要功能是進(jìn)行信息交換，因此，網(wǎng)頁(yè)設(shè)計(jì)的作用就是吸引更多的網(wǎng)絡(luò)用戶瀏覽網(wǎng)站，提高網(wǎng)站的曝光率。網(wǎng)頁(yè)實(shí)時(shí)推送網(wǎng)絡(luò)信息，網(wǎng)頁(yè)的視覺(jué)效果強(qiáng)烈才能吸引更多的用戶，網(wǎng)頁(yè)客流量才能擴(kuò)大。這樣行業(yè)的價(jià)值才能更大，才能提高經(jīng)濟(jì)效益和社會(huì)影響力。在互聯(lián)網(wǎng)時(shí)代，新媒體平臺(tái)不斷建設(shè)發(fā)展，所有新媒體都在爭(zhēng)取用戶，希望獲得更多用戶的關(guān)注，樹(shù)立品牌形象，提高社會(huì)平臺(tái)的影響力，而圖像在提高新媒體平臺(tái)的吸引力、強(qiáng)化其視覺(jué)傳達(dá)效果方面，發(fā)揮重要作用。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，設(shè)計(jì)人員要注意甄別信息，根據(jù)新媒體平臺(tái)的特點(diǎn)處理圖像，使新媒體平臺(tái)保持與新媒體同樣的風(fēng)格[3]。圖像可以帶來(lái)強(qiáng)烈的視覺(jué)沖擊效果。網(wǎng)頁(yè)是承載網(wǎng)絡(luò)信息的載體，是現(xiàn)代社會(huì)人們獲取信息不可或缺的平臺(tái)。評(píng)價(jià)網(wǎng)頁(yè)價(jià)值的指標(biāo)就是網(wǎng)頁(yè)的瀏覽量與點(diǎn)擊量。在網(wǎng)絡(luò)世界中，信息資源呈現(xiàn)多元化特點(diǎn)。網(wǎng)頁(yè)競(jìng)爭(zhēng)不斷加劇，如何打造高質(zhì)量的網(wǎng)頁(yè)吸引更多用戶，成為行業(yè)發(fā)展的路徑。而增強(qiáng)網(wǎng)頁(yè)的呈現(xiàn)效果，吸引用戶瀏覽網(wǎng)頁(yè)、閱讀網(wǎng)頁(yè)內(nèi)容，最直接有效的方法就是應(yīng)用圖像增加網(wǎng)頁(yè)的視覺(jué)效果。與文字相比，圖像更能吸引用戶的注意力。需要網(wǎng)站制作的工作人員對(duì)圖像有全面的認(rèn)識(shí)，能夠根據(jù)網(wǎng)頁(yè)的特征選取合適的圖片，并能夠合理應(yīng)用圖片。應(yīng)用圖片時(shí)，需要對(duì)圖像進(jìn)行基本的處理，包括調(diào)整大小、調(diào)整位置、調(diào)節(jié)色彩等等，保證圖片與網(wǎng)頁(yè)相匹配。根據(jù)統(tǒng)計(jì)，發(fā)現(xiàn)超六成的網(wǎng)民閱讀和瀏覽網(wǎng)頁(yè)的主要原因是網(wǎng)頁(yè)的圖像比較醒目。統(tǒng)計(jì)還發(fā)現(xiàn)網(wǎng)民對(duì)純文本的網(wǎng)頁(yè)內(nèi)容，瀏覽意向不高。因此，設(shè)計(jì)網(wǎng)頁(yè)時(shí)需要進(jìn)行圖像處理，應(yīng)用圖像吸引網(wǎng)民瀏覽，給用戶提供良好的閱讀體驗(yàn)，以促進(jìn)網(wǎng)頁(yè)發(fā)展。

3計(jì)算機(jī)處理技術(shù)在網(wǎng)頁(yè)制作的具體應(yīng)用

3.1豐富圖像組合

圖形元素有著廣闊的表現(xiàn)空間，無(wú)論是點(diǎn)、線、面，還是不同圖形之間的組合，都能夠給人以新奇的視覺(jué)感受和豐富的美感體驗(yàn)，從而使整個(gè)作品的藝術(shù)性得到強(qiáng)化。圖形的這種實(shí)用性和藝術(shù)性特征使其成為網(wǎng)頁(yè)設(shè)計(jì)中最重要的元素之一。把握好、運(yùn)用好圖形，整個(gè)作品也就成功了一半。為了提高網(wǎng)頁(yè)設(shè)計(jì)的實(shí)用性和美觀性，需要對(duì)網(wǎng)頁(yè)做圖像處理。為了使計(jì)算機(jī)圖像處理技術(shù)發(fā)揮多樣化的作用，工作人員需要在大小、位置、版式等各方面對(duì)圖像進(jìn)行處理，要考慮網(wǎng)頁(yè)的整體風(fēng)格，結(jié)合網(wǎng)頁(yè)的整體風(fēng)格進(jìn)行處理。在實(shí)際情況中，方正的圖像可以傳遞威嚴(yán)的感覺(jué)，不規(guī)則的圖形可以傳遞輕松的感覺(jué)，而不同形狀的圖形組合在一起，可以傳遞活潑的感覺(jué)。如圖1所示，網(wǎng)頁(yè)中主要應(yīng)用矩形，并使用不規(guī)則的圖標(biāo)作修飾，整體看起來(lái)簡(jiǎn)潔而不單調(diào)。

3.2以合適格式保存

在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，工作人員應(yīng)選擇合適的圖像，將文字與圖像有效融合。首先要確定網(wǎng)頁(yè)格式，應(yīng)用計(jì)算機(jī)對(duì)圖像進(jìn)行處理，可以以多種形式保存圖像的格式，如JPEG、BMP、GIF等，各種格式在表現(xiàn)形式上就有不同。比如，使用GIF格式保存圖片，可以將圖片從靜態(tài)調(diào)整為動(dòng)態(tài)格式，進(jìn)而更加形象地突出網(wǎng)頁(yè)主題。為了提高網(wǎng)頁(yè)運(yùn)行效率，工作人員可以將圖片保存為PNG格式，這種格式占用的空間比較小，同時(shí)又可以保證圖像的清晰度[4]。這樣網(wǎng)頁(yè)的視覺(jué)呈現(xiàn)效果得到保障，運(yùn)行效率也可以提高。

3.3把控圖像尺寸

應(yīng)用計(jì)算機(jī)可以更好地把控圖片的大小。首先，進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，頁(yè)面的長(zhǎng)度和寬度有一定范圍，圖片的長(zhǎng)和寬必須保持在一定范圍內(nèi)。其次，在網(wǎng)頁(yè)設(shè)計(jì)中，圖片的大小與圖片清晰度有直接關(guān)系。因此，要應(yīng)用計(jì)算機(jī)，把握?qǐng)D片的大小，選擇合適的長(zhǎng)度和寬度。圖像的清晰度直接決定了網(wǎng)頁(yè)的視覺(jué)呈現(xiàn)效果，如果沒(méi)有把握好圖片的長(zhǎng)度和寬度，過(guò)分追求高清畫(huà)質(zhì)，可能使圖片占用空間太大，影響網(wǎng)頁(yè)的運(yùn)行效率。因此，必須合理把控圖片大小，綜合考慮網(wǎng)頁(yè)的運(yùn)行效率和視覺(jué)呈現(xiàn)效果，合理調(diào)節(jié)圖片的大小。

3.4優(yōu)化圖像視覺(jué)效果

圖片的風(fēng)格可以影響網(wǎng)頁(yè)的風(fēng)格，因此應(yīng)用圖片時(shí)，需要結(jié)合網(wǎng)頁(yè)的主題，選擇合適的圖片，并設(shè)計(jì)合適的版式、形狀，使圖片與網(wǎng)頁(yè)有機(jī)融合。在選擇圖片時(shí)，盡可能挑選簡(jiǎn)潔大方的圖片，這有助于緩解視覺(jué)疲勞，延長(zhǎng)網(wǎng)民對(duì)網(wǎng)頁(yè)的瀏覽時(shí)間。為了保障網(wǎng)頁(yè)的美觀性，設(shè)計(jì)人員可以將不同形狀的圖片結(jié)合在一起，使網(wǎng)頁(yè)呈現(xiàn)出多元化的視覺(jué)效果[5]。

3.5應(yīng)用多樣化圖像形式

應(yīng)用多種類(lèi)型圖像也可以優(yōu)化網(wǎng)頁(yè)的視覺(jué)呈現(xiàn)效果。不同類(lèi)型的圖像傳遞出不同的藝術(shù)氣息，帶給網(wǎng)民不一樣的體驗(yàn)。因此在網(wǎng)頁(yè)設(shè)計(jì)中，工作人員可以應(yīng)用多種類(lèi)型的圖片形式。比如，攝影畫(huà)更加生動(dòng)直觀，應(yīng)用在網(wǎng)頁(yè)中可以幫助網(wǎng)民迅速進(jìn)入情境中。又如，插畫(huà)通常具有抽象的藝術(shù)效果，應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中，可以對(duì)文本信息作出補(bǔ)充和解釋?zhuān)瑤椭W(wǎng)民理解網(wǎng)頁(yè)內(nèi)容。圖像符號(hào)在網(wǎng)頁(yè)設(shè)計(jì)中的使用頻率也比較高，主要起到修飾的作用[6-9]。

3.6打造頁(yè)面風(fēng)格

進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，需要處理海量圖片。如何將圖片進(jìn)行整合，構(gòu)建統(tǒng)一的頁(yè)面風(fēng)格，突出頁(yè)面主題，是網(wǎng)頁(yè)設(shè)計(jì)的重要問(wèn)題。網(wǎng)頁(yè)風(fēng)格對(duì)網(wǎng)頁(yè)信息傳遞效率有重要影響作用。優(yōu)秀的網(wǎng)站，可以通過(guò)網(wǎng)頁(yè)風(fēng)格彰顯網(wǎng)站文化特征。為了打造網(wǎng)站風(fēng)格，設(shè)計(jì)者應(yīng)利用計(jì)算機(jī)處理技術(shù)，對(duì)圖文信息開(kāi)展針對(duì)性的修圖操作。此外，在開(kāi)展網(wǎng)頁(yè)排版、結(jié)構(gòu)設(shè)計(jì)工作時(shí)，應(yīng)運(yùn)用發(fā)散性思維，盡可能清晰、簡(jiǎn)明地對(duì)信息進(jìn)行傳達(dá)。打造網(wǎng)頁(yè)風(fēng)格時(shí)，應(yīng)基于訪問(wèn)者信息接受水平、風(fēng)格特點(diǎn)等要素，打造適合的網(wǎng)頁(yè)風(fēng)格，使網(wǎng)頁(yè)更好地迎合訪問(wèn)者的需求[10-11]。例如，“攜程網(wǎng)”，其網(wǎng)站使用淡藍(lán)色底色，使用黃藍(lán)黑三色的字體色彩，打造了一種清新的風(fēng)格，這也形成了“攜程網(wǎng)”的網(wǎng)頁(yè)風(fēng)格，彰顯了網(wǎng)站的文化特征，滿足了旅游消費(fèi)者的預(yù)期和心理需要。網(wǎng)頁(yè)框架上，“攜程網(wǎng)”構(gòu)建出導(dǎo)航欄、主體區(qū)、廣告/鏈接區(qū)三大區(qū)塊。中間主體區(qū)域包括三列，做到了區(qū)域劃分明確、層次合理、信息簡(jiǎn)潔，更容易讓訪問(wèn)者快速找到所需信息。同時(shí)，網(wǎng)頁(yè)還運(yùn)用了多種特效，如script、Java以及Flash等，使網(wǎng)頁(yè)主題、網(wǎng)站風(fēng)格更加協(xié)調(diào)統(tǒng)一，給訪問(wèn)者留下深刻印象。

4結(jié)語(yǔ)

綜上所述，筆者探討了計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用，網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用計(jì)算機(jī)圖像處理技術(shù)，可以從豐富圖像組合、把控圖像尺寸、優(yōu)化圖像視覺(jué)效果、應(yīng)用多樣化的圖像形式、打造頁(yè)面風(fēng)格等方面著手處理。總之，在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用計(jì)算機(jī)圖像處理技術(shù)，需要考慮網(wǎng)頁(yè)的風(fēng)格，運(yùn)用多種類(lèi)型的圖像和多樣化的圖像處理手段，營(yíng)造出高質(zhì)量的圖像效果。在網(wǎng)頁(yè)設(shè)計(jì)中融入計(jì)算機(jī)處理技術(shù)，是大勢(shì)所趨。

作者:張玲燕 單位:廣州市交通技師學(xué)院