《網(wǎng)頁(yè)設(shè)計(jì)與應(yīng)用研究》3800字（論文）

網(wǎng)頁(yè)設(shè)計(jì)與應(yīng)用研究摘要在網(wǎng)頁(yè)設(shè)計(jì)中，電腦影像處理技術(shù)是必不可少的，而網(wǎng)頁(yè)的視覺表現(xiàn)和網(wǎng)站風(fēng)格的營(yíng)造，都離不開影像。有效地處理圖片可以增加頁(yè)面的吸引力，增加站點(diǎn)訪問。在網(wǎng)頁(yè)前端技術(shù)中，圖片處理是一個(gè)很重要的環(huán)節(jié)，因此我們可以看到，在網(wǎng)頁(yè)設(shè)計(jì)中，影像處理技術(shù)是多么的重要。本文就網(wǎng)頁(yè)設(shè)計(jì)中的圖像處理技術(shù)進(jìn)行了詳細(xì)的論述，并對(duì)其進(jìn)行了簡(jiǎn)要的介紹，并對(duì)其在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用進(jìn)行了討論。關(guān)鍵詞：計(jì)算機(jī)圖像處理；網(wǎng)頁(yè)設(shè)計(jì)；應(yīng)用策略目錄TOC\o"1-2"\h\u12645引言 引言與文字相比，圖片具有更好的視覺效果和更多的瀏覽者，因此，圖片在網(wǎng)站的設(shè)計(jì)中起著舉足輕重的作用。研究表明，圖片對(duì)網(wǎng)站的吸引力很大。電腦圖象處理技術(shù)發(fā)展迅速，利用電腦影像技術(shù)和網(wǎng)頁(yè)技術(shù)，創(chuàng)造具有濃厚藝術(shù)氣息、符合大眾審美的網(wǎng)頁(yè)，是未來(lái)網(wǎng)頁(yè)發(fā)展的必然趨勢(shì)[1]?？偟膩?lái)說，網(wǎng)站的設(shè)計(jì)工作是非常復(fù)雜和專業(yè)的。在網(wǎng)站的設(shè)計(jì)中，設(shè)計(jì)者不僅要有很高的技術(shù)水平，還要對(duì)電腦圖象處理技術(shù)有一定的認(rèn)識(shí)，可以把這些技術(shù)有機(jī)地結(jié)合起來(lái)，把不同的圖片進(jìn)行組合，從而提高網(wǎng)站的設(shè)計(jì)質(zhì)量，從而推動(dòng)網(wǎng)站的穩(wěn)步發(fā)展。第1章概念利用計(jì)算機(jī)技術(shù)對(duì)圖像進(jìn)行數(shù)據(jù)化，提取出重要的信息，并將其數(shù)字化成數(shù)據(jù)矩陣，經(jīng)過存儲(chǔ)、濾波、提取，最后將其顯示在計(jì)算機(jī)上。計(jì)算機(jī)圖象處理技術(shù)的基本原理就是把圖象轉(zhuǎn)換成計(jì)算機(jī)編碼。計(jì)算機(jī)能夠處理感光圖像，數(shù)字圖像和視頻。計(jì)算機(jī)圖象處理技術(shù)，包含了數(shù)字處理和虛擬現(xiàn)實(shí)技術(shù)。電腦也能將多種技術(shù)結(jié)合起來(lái)，讓網(wǎng)頁(yè)的視覺效果更加高端。電腦具有很強(qiáng)的數(shù)字計(jì)算能力，所以可以在圖片上做一些復(fù)雜的操作，還可以對(duì)圖片進(jìn)行多次的處理，調(diào)整圖片的格式、像素、色彩等，從而達(dá)到網(wǎng)頁(yè)的編輯和修補(bǔ)的要求。這樣，網(wǎng)頁(yè)的視覺表現(xiàn)更加具有沖擊力，設(shè)計(jì)者可以運(yùn)用電腦影像技術(shù)為網(wǎng)頁(yè)創(chuàng)造出一種獨(dú)特的風(fēng)格。計(jì)算機(jī)圖象處理技術(shù)的基礎(chǔ)工作就是對(duì)三原色進(jìn)行分析與處理。電腦能把感光照片、數(shù)碼圖片的顏色轉(zhuǎn)化成三種顏色的數(shù)字編碼，計(jì)算依據(jù)是對(duì)資料的加工與解讀，從三個(gè)原色開始，提高顏色的飽和程度[2]。隨著計(jì)算機(jī)圖象處理技術(shù)的不斷發(fā)展，電腦圖象處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用將有助于提高網(wǎng)頁(yè)的可視化程度。同時(shí)，電腦還能存儲(chǔ)圖像，電腦具有較大的數(shù)據(jù)存儲(chǔ)能力，能存儲(chǔ)海量的圖片。目前，在移動(dòng)電話中使用的電腦技術(shù)越來(lái)越多。在手機(jī)上的應(yīng)用中，它具有高清晰度，小內(nèi)存占用，適合網(wǎng)頁(yè)傳播的優(yōu)勢(shì)。第2章網(wǎng)頁(yè)制作中融入計(jì)算機(jī)技術(shù)的重要性網(wǎng)頁(yè)設(shè)計(jì)大致可分為三大類別：功能性網(wǎng)頁(yè)設(shè)計(jì)、形象網(wǎng)頁(yè)設(shè)計(jì)、信息型網(wǎng)頁(yè)設(shè)計(jì)。網(wǎng)頁(yè)的主要功能是傳遞資訊，所以網(wǎng)頁(yè)的設(shè)計(jì)目的在于吸引更多的網(wǎng)民來(lái)瀏覽，增加他們的知名度。網(wǎng)站即時(shí)推送網(wǎng)頁(yè)資訊，具有較強(qiáng)的視覺效果，可以吸引更多的使用者，從而增加網(wǎng)站的訪問量。只有如此，這個(gè)產(chǎn)業(yè)才能有更大的價(jià)值，才能增加經(jīng)濟(jì)和社會(huì)的影響。網(wǎng)絡(luò)時(shí)代，新媒體平臺(tái)的建設(shè)與發(fā)展，各新媒體都在努力贏得更多的用戶，以求吸引更多的受眾，建立自己的品牌，提升社交平臺(tái)的影響力。在網(wǎng)站設(shè)計(jì)時(shí)，應(yīng)注重對(duì)信息的篩選，并按照新媒體的特性對(duì)其進(jìn)行處理，以保證其與新媒體相同的風(fēng)格[3]。影像能產(chǎn)生很強(qiáng)的視覺沖擊力。網(wǎng)頁(yè)作為承載互聯(lián)網(wǎng)信息的媒介，是當(dāng)今時(shí)代人們獲得信息的重要媒介。衡量一個(gè)網(wǎng)站的價(jià)值，是一個(gè)網(wǎng)站的訪問量和點(diǎn)擊次數(shù)。在互聯(lián)網(wǎng)時(shí)代，信息資源的特征是多種多樣的。隨著網(wǎng)站市場(chǎng)的激烈競(jìng)爭(zhēng)，網(wǎng)站建設(shè)的高品質(zhì)頁(yè)面將會(huì)吸引更多的用戶。而提高網(wǎng)頁(yè)的顯示效果、吸引用戶瀏覽網(wǎng)頁(yè)、閱讀網(wǎng)頁(yè)內(nèi)容，最直接、最有效的方式就是利用圖片來(lái)提升網(wǎng)頁(yè)的視覺效果。圖片比單詞更能引起使用者的注意。要求網(wǎng)站制作者具備綜合的影像知識(shí)，能依據(jù)網(wǎng)頁(yè)特點(diǎn)選擇適當(dāng)?shù)挠跋?，并能正確運(yùn)用影像。在使用圖片時(shí)，要對(duì)圖片進(jìn)行一些基本的處理，包括調(diào)整大小、調(diào)整位置、調(diào)整顏色等等，以確保照片與頁(yè)面的一致性。據(jù)統(tǒng)計(jì)，超過六成的上網(wǎng)人數(shù)是因?yàn)閳D片的顯眼。調(diào)查結(jié)果顯示，網(wǎng)路使用者對(duì)于單純文字的網(wǎng)頁(yè)，并無(wú)多大的瀏覽意愿。所以，在設(shè)計(jì)網(wǎng)站時(shí)，必須對(duì)圖片進(jìn)行處理，利用圖片來(lái)吸引網(wǎng)民，為用戶帶來(lái)更好的閱讀體驗(yàn)，從而推動(dòng)網(wǎng)站的發(fā)展。第3章計(jì)算機(jī)處理技術(shù)在網(wǎng)頁(yè)制作的具體應(yīng)用3.1豐富圖像組合圖形要素具有很大的表達(dá)空間，無(wú)論是點(diǎn)、線、面，或各種圖形的結(jié)合，都能讓人產(chǎn)生一種全新的視覺感覺，并獲得豐富的審美體驗(yàn)，從而增強(qiáng)整體的藝術(shù)效果。圖形的實(shí)用性和藝術(shù)性使得它在網(wǎng)站設(shè)計(jì)中占有舉足輕重的地位。掌握并運(yùn)用好圖形，則完成了整體工作的一半。因此，必須對(duì)網(wǎng)頁(yè)進(jìn)行圖像處理，以達(dá)到增強(qiáng)網(wǎng)站的實(shí)用性和美感。為實(shí)現(xiàn)圖象處理的多樣性，工作人員需要從大小、位置、版式等各個(gè)角度對(duì)圖象進(jìn)行處理，要綜合考慮整個(gè)頁(yè)面的風(fēng)格，并將其與整個(gè)頁(yè)面的整體風(fēng)格相結(jié)合。在現(xiàn)實(shí)生活中，方正的形象能傳達(dá)出莊嚴(yán)的氣息，而不規(guī)則的圖案能傳達(dá)出一種悠閑的氣息，而各種圖案的結(jié)合又能傳達(dá)出一種生動(dòng)的氣息。3.2以合適格式保存在進(jìn)行網(wǎng)站設(shè)計(jì)時(shí)，要注意選用適當(dāng)?shù)膱D片，使文本與圖片進(jìn)行有效的融合。首先要確定頁(yè)面的格式，利用電腦進(jìn)行圖像的處理，可以將JPEG、BMP、GIF等多種格式的圖像格式進(jìn)行存儲(chǔ)，而這些格式的表達(dá)方式也不盡相同。例如，用GIF格式來(lái)存儲(chǔ)一張照片，就能把一張照片從靜止的狀態(tài)變成一種動(dòng)態(tài)的狀態(tài)，這樣就能更好的顯示出一個(gè)頁(yè)面的主題。為提高網(wǎng)站的工作效率，工作人員可以將照片保存成PNG格式，這樣既能節(jié)省空間，又能保證畫面的清晰度[4]。從而保證了頁(yè)面的視覺表現(xiàn)和操作效率。3.3把控圖像尺寸應(yīng)用電腦能更好地控制畫面尺寸。首先，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，要保證網(wǎng)頁(yè)的長(zhǎng)、寬要有一定的界限，并且要保證照片的長(zhǎng)、寬不能超過規(guī)定的限度。其次，在網(wǎng)站的設(shè)計(jì)中，圖像的尺寸和清晰程度有著密切的聯(lián)系。所以，要運(yùn)用電腦，掌握畫面尺寸，選取適當(dāng)?shù)拈L(zhǎng)、寬。圖像的清晰程度直接影響到頁(yè)面的顯示效果，若不掌握好畫面的寬、長(zhǎng)，過度追求清晰的畫面質(zhì)量，就會(huì)造成圖片占用過多的空間，從而影響網(wǎng)站的工作效率。所以，在圖像尺寸控制上，要充分考慮到網(wǎng)絡(luò)的運(yùn)行效率和可視化，并適當(dāng)調(diào)整圖像尺寸。3.4優(yōu)化圖像視覺效果圖像的樣式會(huì)對(duì)頁(yè)面的樣式產(chǎn)生一定的影響，所以在使用時(shí)，要根據(jù)主題的不同，選用適當(dāng)?shù)膱D案和形狀，使照片和頁(yè)面相結(jié)合。在選擇照片時(shí)，盡量選擇簡(jiǎn)單、美觀的圖片，這樣可以減輕用戶的視覺疲勞，也可以增加用戶的閱讀時(shí)間。為了保證頁(yè)面的美感，設(shè)計(jì)者可以將各種圖形組合起來(lái)，形成多種視覺效果[5]。3.5應(yīng)用多樣化圖像形式使用不同的圖片類型也能使網(wǎng)頁(yè)的視覺表現(xiàn)達(dá)到最佳。不同的影像呈現(xiàn)出不同的藝術(shù)氛圍，讓網(wǎng)友有了不同的感受。所以，在網(wǎng)站的設(shè)計(jì)中，工作人員可以運(yùn)用各種不同的圖形格式。例如，照片圖片更具視覺和逼真，在網(wǎng)頁(yè)上的應(yīng)用能讓用戶快速的融入到場(chǎng)景中。在網(wǎng)絡(luò)設(shè)計(jì)中，插圖往往能起到豐富、實(shí)用的作用，能夠?yàn)橛脩籼峁┴S富的信息，并能更好地理解網(wǎng)絡(luò)的內(nèi)容。在網(wǎng)站設(shè)計(jì)中，圖片符號(hào)的應(yīng)用也越來(lái)越頻繁，其主要功能是美化[6-9]。3.6打造頁(yè)面風(fēng)格在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，要對(duì)大量的圖像進(jìn)行處理。在網(wǎng)頁(yè)設(shè)計(jì)中，如何將圖像進(jìn)行整合，建立統(tǒng)一的版式，突出主題。網(wǎng)站的樣式在很大程度上決定了網(wǎng)站的信息傳輸效率。好的站點(diǎn)，能夠體現(xiàn)出網(wǎng)站的文化特色。要?jiǎng)?chuàng)造網(wǎng)頁(yè)風(fēng)格，就必須運(yùn)用電腦技術(shù)，進(jìn)行有針對(duì)性的文字信息修圖作業(yè)。同時(shí)，在進(jìn)行網(wǎng)頁(yè)排版和結(jié)構(gòu)設(shè)計(jì)時(shí)，要盡可能清晰、簡(jiǎn)潔地傳遞信息。在設(shè)計(jì)網(wǎng)站風(fēng)格時(shí)，應(yīng)該根據(jù)用戶信息接受水平、風(fēng)格特征等因素，創(chuàng)造出符合用戶需要的頁(yè)面風(fēng)格[10-11]。比如“攜程網(wǎng)”，它的網(wǎng)站以淺藍(lán)色為底，采用黃色、藍(lán)色和黑色三種顏色，營(yíng)造出一種新穎的感覺，同時(shí)也體現(xiàn)了“攜程網(wǎng)”的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格，體現(xiàn)了其獨(dú)特的文化特色，同時(shí)也迎合了游客的心理需求。在網(wǎng)站的架構(gòu)上，“攜程網(wǎng)”將導(dǎo)航欄、主體區(qū)、廣告鏈接區(qū)等三大部分組成。中間的主體區(qū)域分為三個(gè)欄，使區(qū)域劃分清晰，層次分明，信息簡(jiǎn)潔，便于用戶迅速查找所需要的信息。同時(shí)，網(wǎng)頁(yè)使用了腳本、Java、Flash等各種特效，使網(wǎng)頁(yè)主題和網(wǎng)站風(fēng)格更加和諧、更加吸引人。第4章結(jié)語(yǔ)通過對(duì)網(wǎng)絡(luò)圖像處理技術(shù)的應(yīng)用，可以從豐富圖像組合、控制圖像大小、優(yōu)化視覺效果、應(yīng)用多種圖像形式、創(chuàng)建頁(yè)面風(fēng)格等幾個(gè)方面進(jìn)行論述。因此，將電腦影像處理技術(shù)應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)時(shí)，必須充分考慮網(wǎng)站的風(fēng)格，并采用不同的影像資料及不同的影像處理方法，以達(dá)到高品質(zhì)的影像效果。將電腦處理技術(shù)引入網(wǎng)站設(shè)計(jì)是必然趨勢(shì)。參考文獻(xiàn)[1]劉珊珊.基于圖像處理的機(jī)械零件幾何尺寸優(yōu)化檢測(cè)方法分析[J].南方農(nóng)機(jī)，2020，51(20)：175-176.[2]游曉榮.計(jì)算機(jī)圖形圖像處理技術(shù)在視覺傳達(dá)系統(tǒng)中的應(yīng)用分析[J].信息與電腦（理論版），2020，32(18)：15-17.[3]張林燕.網(wǎng)頁(yè)設(shè)計(jì)中對(duì)計(jì)算機(jī)圖像處理技術(shù)的有效應(yīng)用[J].信息記錄材料，2020，21(9)：175-176.[4]阿布都熱西提·依布拉依木.計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用研究[J].信息與電腦（理論版），2020，32(15)：3-5.[5]謝曉輝.計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中圖像處理技術(shù)的應(yīng)用研究[J].科技風(fēng)，2018(12)：78.[6]鄔紫琴，盧詩(shī)怡，張妮.Bootstrap響應(yīng)式設(shè)計(jì)應(yīng)用研究：以大學(xué)生創(chuàng)業(yè)服務(wù)網(wǎng)為例[J].南方農(nóng)機(jī)，2021，52(20)：134-136.[7]趙倩儀.網(wǎng)頁(yè)界面設(shè)計(jì)中的平面視覺元素[J].藝術(shù)科技，2017，30(7)：279.[8]孫小英.視