- 相關(guān)推薦
網(wǎng)頁(yè)設計中的圖形圖像處理技巧研究論文
摘要：隨著(zhù)網(wǎng)絡(luò )技術(shù)的飛速發(fā)展，被廣泛的應用到了社會(huì )中的各個(gè)領(lǐng)域當中。其中必定少不了網(wǎng)站建設和網(wǎng)頁(yè)設計，而圖形圖像的應用又在網(wǎng)頁(yè)設計中占有極其重要的位置，因此，要想提高網(wǎng)頁(yè)的設計質(zhì)量，就需要掌握圖形圖像的處理技巧。
關(guān)鍵詞：網(wǎng)頁(yè)設計；圖形圖像；處理技巧
在信息科技化發(fā)展的今天，每個(gè)行業(yè)都離不開(kāi)網(wǎng)站建設和網(wǎng)頁(yè)設計，要想在日益競爭的市場(chǎng)中能夠脫穎而出，就需要加強網(wǎng)站的建設和網(wǎng)頁(yè)設計的質(zhì)量。而網(wǎng)頁(yè)設計通常采用圖像圖形和文字綜合編輯的表現方式，具有很強的視覺(jué)影響力，所以，要想提高網(wǎng)頁(yè)設計的質(zhì)量，就需要掌握設計中圖形圖像的處理技巧。
一、圖形和圖像在網(wǎng)頁(yè)設計中應用的意義
與傳統傳媒技術(shù)不同的是，網(wǎng)頁(yè)設計的元素多樣化，通過(guò)不同的手段對不同的元素進(jìn)行剪輯，可以產(chǎn)生不一樣的效果。而在網(wǎng)頁(yè)設計中，圖像圖形處理是最為常見(jiàn)的一種處理技術(shù)，通過(guò)把圖形圖像和文字相結合的辦法，能夠有效的傳遞網(wǎng)頁(yè)信息，是網(wǎng)頁(yè)的表現形式更加直觀(guān)。一般圖像質(zhì)量處理良好的網(wǎng)頁(yè)，或是圖像和文字共同編輯的網(wǎng)站，更會(huì )成為人們?yōu)g覽時(shí)的首選，從而更加吸引人們的注意力，瀏覽的時(shí)間就會(huì )越長(cháng)，也就能把網(wǎng)頁(yè)的主題和信息傳達給瀏覽者，也就很好的體現出圖形圖像在網(wǎng)頁(yè)設計中的意義[1]。
二、圖形圖像的分類(lèi)
在網(wǎng)頁(yè)設計中，圖片的常見(jiàn)格式有：JPEG（JPG）、BMP、GIF、PSD、PCX、PNG等格式。JPEG是第一個(gè)國際圖像壓縮標準，是應用最廣泛的圖片格式之一，這種圖片是經(jīng)過(guò)壓縮而來(lái)，文件小，便于傳輸，同時(shí)也在很大程度上滿(mǎn)足了人們對圖片色彩和分辨率的要求，并且也在網(wǎng)頁(yè)設計的圖像圖形處理中被廣泛使用的圖像格式。GIF格式分為靜態(tài)GIF和動(dòng)畫(huà)GIF兩種，“體積”很小，互聯(lián)網(wǎng)上很多動(dòng)態(tài)圖片的格式都是GIF格式，通過(guò)把多幅圖像保存為一個(gè)圖像文件中，從而形成了動(dòng)畫(huà)。另外，GIF是網(wǎng)絡(luò )中最早應用圖片格式，通過(guò)一個(gè)LZW的算法把圖像進(jìn)行無(wú)損壓縮，有效的減少了文件的大小[2]。PNG格式與JPEG基本相似，其特點(diǎn)就是支持圖片透明。PNG格式支持很多中顏色格式，并且支持fullalpha通道，但是支持動(dòng)畫(huà)，網(wǎng)頁(yè)中比較小的圖片基本上都是PNG格式。
三、保證網(wǎng)頁(yè)設計風(fēng)格要與圖形圖像相協(xié)調
目前，在網(wǎng)絡(luò )上圖片的主要變現形式有退邊圖、四方圖和邊緣模糊圖，每種形式都具有自己的特點(diǎn)，合理的運用就會(huì )產(chǎn)生不同的視覺(jué)效果。所以，就需要在網(wǎng)頁(yè)設計中對圖形進(jìn)行合理的分配，分清哪些是重要的，哪些是次要的，要盡可能的凸顯出主要圖形的作用，讓網(wǎng)頁(yè)設計的圖像表現的更加直觀(guān)，從而讓網(wǎng)頁(yè)的整體設計效果得到提高。
四、合理優(yōu)化圖片格式，適合網(wǎng)絡(luò )傳輸
由于網(wǎng)頁(yè)設計中頁(yè)面中的圖像和文字都有一定的規范空間，為了不影響網(wǎng)頁(yè)顯示，就要盡量控制圖像在頁(yè)面中占有的空間，降低網(wǎng)頁(yè)中圖像顯示的時(shí)間，提高網(wǎng)頁(yè)信息傳輸的質(zhì)量。一般網(wǎng)頁(yè)設計人員都會(huì )頁(yè)面中的文字數量、圖像大小、圖像質(zhì)量進(jìn)行平衡分配，保證頁(yè)面的傳輸效果和傳輸速度。具體方式主要由以下幾點(diǎn)：
�。ㄒ唬┖侠砝脠D片格式
在網(wǎng)頁(yè)設計中，一般的圖片使用GIF和JPEG的差別不是很大，只是GIF格式的使用體積要比JPEG小的多，所以多數采用GIF格式。但是如果圖片的像素要求達到640*480以上的大圖片，則應該考慮使用JPEG格式的圖片。
�。ǘ⿲D片進(jìn)行有效分割
在我們平時(shí)上網(wǎng)下載圖片的時(shí)候，會(huì )經(jīng)常發(fā)現這些圖片的文件夾中會(huì )存在很多比較小的圖片，而這些小圖片可以組成一幅完整的圖形，所以在設計過(guò)程中，就會(huì )經(jīng)常使用到圖片分割的方法來(lái)對圖片進(jìn)行處理，將圖片中要體現的重要部分分割出來(lái)，在對其余的區域進(jìn)行適合的背景處理，從而在本質(zhì)上減少了圖片大小，方便瀏覽和下載。
�。ㄈ╈`活運用圖片處理軟件
在網(wǎng)頁(yè)設計中如果需要加入高清圖片或者彩色圖片時(shí)，要靈活的運用圖片處理軟件對其進(jìn)行預先剪裁處理，通常使用的是PS軟件和FW軟件，并且圖片剪裁后要符合瀏覽器的支持要求。這里可以考慮PNG格式圖片，雖然不支持動(dòng)畫(huà)，但是可以保證圖片更加豐富多彩，但是PNG格式圖片一般都比較大；而對于企業(yè)用于宣傳的產(chǎn)品動(dòng)畫(huà)圖片，則可以實(shí)用GIF圖片，可以很好的保留通道和幀圖像，有利于反復播放[3]。
�。ㄋ模﹦�(dòng)畫(huà)圖片
動(dòng)畫(huà)圖片的首選格式便是GIF，當然也可以使用flash或javascript特效動(dòng)畫(huà)，雖然動(dòng)畫(huà)效果要比GIF優(yōu)越，但是占有空間太大，所以就要合理優(yōu)化和平衡網(wǎng)頁(yè)的制作設計。
�。ㄎ澹┰黾訄D片鏈接方式
在網(wǎng)頁(yè)設計過(guò)程中，有時(shí)候會(huì )要求設計者在頁(yè)面中必須添加高清甚至超清的大圖片，這個(gè)時(shí)候就需要采取間接的方式，先去掉不使用的圖片文件，通過(guò)小圖片鏈接瀏覽大圖片需要另置文件夾，從而實(shí)現了網(wǎng)頁(yè)加速瀏覽高清圖片。
五、結語(yǔ)
綜上所述，隨著(zhù)網(wǎng)絡(luò )媒體技術(shù)發(fā)展的不斷加快，要想把重要的信息傳遞給瀏覽者，就需要提高網(wǎng)頁(yè)設計的質(zhì)量和藝術(shù)感，要增強對瀏覽者的視覺(jué)沖擊，從而有效的吸引更多的人來(lái)瀏覽網(wǎng)頁(yè)，有利于信息傳達。所以，運用科學(xué)合理的方法對網(wǎng)頁(yè)中的圖形圖像處理是非常重要的，既起到承載信息的作用，又能為瀏覽者提供一個(gè)色彩鮮明、內容豐富的網(wǎng)頁(yè)。
參考文獻：
[1]王燕軍.網(wǎng)頁(yè)設計中計算機圖像處理技術(shù)的應用[J].電子技術(shù)與軟件工程,2016,(13):104.
[2]林麗紅.網(wǎng)頁(yè)設計制作中圖形圖像處理技術(shù)的應用[J].產(chǎn)業(yè)與科技論壇,2015,(23):50-51.
[3]孫愛(ài)民,陳迎松.Authorware課件設計中圖形、圖像處理的技巧及OLE對象的應用[J].長(cháng)春師范學(xué)院學(xué)報,2011,(02):53-56.
【網(wǎng)頁(yè)設計中的圖形圖像處理技巧研究論文】相關(guān)文章：
網(wǎng)頁(yè)設計中圖像的優(yōu)化技巧07-14
網(wǎng)頁(yè)設計中字體在運用中的一些小技巧07-14
研究BIM技術(shù)在展示空間設計中的應用論文07-04
網(wǎng)頁(yè)設計師與客戶(hù)交流的技巧07-14
網(wǎng)頁(yè)設計和UI設計共通的12種技巧07-14
網(wǎng)頁(yè)設計中如何把握視覺(jué)原則07-14
置石在現代園林設計中的應用研究論文07-03