前言：本站為你精心整理了網(wǎng)頁中的圖像處理淺析范文，希望能為你的創(chuàng)作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。

色彩有很多特征影響人的社會意識，考慮色彩的諸多因素，提高設(shè)計者色彩方面的知識，對網(wǎng)頁設(shè)計的影響深遠(yuǎn)。網(wǎng)頁的基色調(diào)也就是網(wǎng)頁的底色對網(wǎng)頁設(shè)計至關(guān)重要。這里有高調(diào)和低調(diào)的說法，高調(diào)與底色淺對應(yīng)，低調(diào)與底色深對應(yīng)。文字顏色正好與底色相反，底色淡的頁面文字深顏色才能有突出效果，底色深文字淺也可以烘托文字的顯示，互相襯托。

1版式設(shè)計

版式是網(wǎng)頁設(shè)計首先要考慮的問題，期望設(shè)計成一個什么模式的版面，頁面如何規(guī)劃，文字內(nèi)容如何擺放等。網(wǎng)頁這種視圖上文字和圖片要同時出現(xiàn)，文字大小不一，頁面主題和輔助信息共存。網(wǎng)頁內(nèi)容有主次之分，頁面圖片也各有側(cè)重，而且風(fēng)格各具特色。網(wǎng)頁內(nèi)容主題是該網(wǎng)頁設(shè)計的靈魂，必須將圖片和文字按照目的需求來突出布局，分層次展示給瀏覽者，使瀏覽者能很快找到自己的需求點。

（1）網(wǎng)頁主題突出?？吹揭环撁妫撁娴闹行脑谀娜绻茏尀g覽者一眼看到那么說明主題突出了，通常設(shè)計者將重點要突出的內(nèi)容放置在頁面的中心位置，這也是設(shè)計者的習(xí)慣手法。通常我們意識中也是如此，顯示主題當(dāng)然放在頁面中心，這樣安排符合人們的習(xí)慣，頁面重點突出，符合設(shè)計需求。

（2）頁面元素有機(jī)統(tǒng)一。頁面要顯示的內(nèi)容通常很多，頁面元素有大有小，互相之間有匹配關(guān)系。通常情況特別長的文章或者標(biāo)題內(nèi)容為了顯示的目的，布局設(shè)計上讓這些文章之間有一定的間隔，這樣畫面更美觀。對于篇幅短的內(nèi)容也一樣處理。圖片的擺放也要錯落有致，這樣處理畫面的結(jié)果讓頁面有了動感和美感。

（3）圖像文字和諧統(tǒng)一，互相烘托。如今的網(wǎng)頁頁面已不是互聯(lián)網(wǎng)發(fā)展之初的面貌，都有圖像和文字共存。對于頁面的內(nèi)容，為了說明性的需要離不開文字，主題信息都是用文字來表述的。而頁面的美觀需要圖像來美化，烘托。一幅成功的網(wǎng)頁設(shè)計作品文字和圖像和諧統(tǒng)一，互相哄托，讓頁面藝術(shù)性和功能性共存。

2網(wǎng)頁中的圖像處理

2.1圖片格式最佳化

網(wǎng)絡(luò)應(yīng)用中便于網(wǎng)絡(luò)通信傳輸非常重要，這就對圖像文件的大小提出了要求。占據(jù)網(wǎng)絡(luò)帶寬大的文件不受歡迎，為了滿足觀賞和傳輸?shù)碾p重需求，現(xiàn)在下列幾個文件格式是互聯(lián)網(wǎng)應(yīng)用較為普遍的格式。（1）動畫格式采用GIF，目前只有GIF支持動畫；（2）用直線和曲線組成的矢量圖生成的圖像，采用透明背景，這時采用PNG格式，占用的數(shù)據(jù)空間小于GIF和JPEG2種；而且PNG格式圖像顯示效果比GIF和JPEG好。（3）由于JPEG算法壓縮比高，一般為了顯示較多內(nèi)容的照片或者人物等數(shù)據(jù)量大的圖片還是采用JPEG格式。網(wǎng)頁設(shè)計中涉及的內(nèi)容很多，有各種不同的顯示要求，根據(jù)這些顯示需求選用不同的圖像格式，對網(wǎng)頁設(shè)計進(jìn)行優(yōu)化處理，讓用戶更好的體驗到這種網(wǎng)頁是設(shè)計者的目的。

2.2圖像的最佳化處理

設(shè)計網(wǎng)站的原始圖片往往不能滿足網(wǎng)頁設(shè)計者的需求，設(shè)計者首先對獲得的圖片進(jìn)行處理，讓其滿足要展示的網(wǎng)頁的需要。網(wǎng)頁設(shè)計者一般都能很熟練的掌握專業(yè)圖片處理工具Photoshop和Fire－works。這2個軟件是優(yōu)秀的網(wǎng)頁設(shè)計輔助軟件，設(shè)計者應(yīng)該熟練掌握，對網(wǎng)頁設(shè)計非常有益。這里有個規(guī)則，與計算機(jī)顯示要求相適應(yīng)，一般網(wǎng)頁背景采用的圖片尺寸是1280*800像素，前幾年還是1024*768像素呢，與目前流行的顯示器密切相關(guān)。對于網(wǎng)上不是以背景形式存在的圖片，如我們常常搜索到的圖片多用800*600像素。

3網(wǎng)頁色彩處理

3.1網(wǎng)頁設(shè)計色彩的重要性

如今互聯(lián)網(wǎng)遍布世界，信息傳播變得無比發(fā)達(dá)。互聯(lián)網(wǎng)提供的發(fā)達(dá)通信功能對社會發(fā)展產(chǎn)生了巨大影響。網(wǎng)頁設(shè)計伴隨著世界范圍的巨大需求發(fā)展迅速，如今的網(wǎng)頁頁面從單純文本樣式發(fā)展到今天的豐富多彩，網(wǎng)頁設(shè)計技術(shù)的高度發(fā)展讓網(wǎng)絡(luò)信息媒體絢麗多姿，五彩斑斕。網(wǎng)頁設(shè)計很大程度上是藝術(shù)圖像設(shè)計，色彩是該設(shè)計的主導(dǎo)因素。如何更好的吸引瀏覽者并烘托網(wǎng)站的主題是網(wǎng)頁圖像設(shè)計的目的所在。

3.2網(wǎng)頁設(shè)計色彩的表現(xiàn)

不同的人審美不同，對顏色各有喜好，這些都與個體的思想觀念、生活氛圍、知識水平和綜合素質(zhì)有關(guān)系，這就叫做個人的色彩感觀。比如說某人喜歡強(qiáng)烈的色彩，有人喜歡清雅的基調(diào)，還有人喜歡純色黑或白。在網(wǎng)頁作品中，不同設(shè)計者作品風(fēng)格不同，設(shè)計主題區(qū)別很大，對色彩的選擇也大相徑庭。色彩對網(wǎng)站設(shè)計來說影響整體設(shè)計，可以說色彩是網(wǎng)頁圖像設(shè)計的關(guān)鍵因素。色彩也是有生命力的，色彩能展示設(shè)計者的風(fēng)格，突出網(wǎng)站的主題。設(shè)計者前期按照網(wǎng)站需求選擇網(wǎng)頁基調(diào)，創(chuàng)作網(wǎng)站的總體風(fēng)格，使網(wǎng)站建設(shè)對其商業(yè)價值體現(xiàn)、企業(yè)文化宣傳促進(jìn)從而達(dá)到其設(shè)計目的。網(wǎng)頁設(shè)計在圖像設(shè)計方法與平面媒體設(shè)計理念相同，通過獨到的設(shè)計思想表達(dá)特定的網(wǎng)頁主題。

3.3網(wǎng)頁設(shè)計色彩的運用

（1）確立網(wǎng)頁頁面的基調(diào)，即頁面主題色彩：頁面的基調(diào)色彩確定后，才能開始設(shè)計其它部分內(nèi)容。當(dāng)我們打開一個頁面時，一般看到的頁面色調(diào)都比較淡雅，這也是網(wǎng)站設(shè)計中流行的淺色基調(diào)。文字的內(nèi)容與色彩對比度較大，突出網(wǎng)頁頁面的主題內(nèi)容因素。頁面的重點不被那些濃重色彩給掩蓋，有利于設(shè)計主題的顯示，多數(shù)人喜歡這種設(shè)計風(fēng)格。一般張揚的設(shè)計基調(diào)多出現(xiàn)在某些人的博客，這也是個性的張揚，無可厚非，不過不適用于商業(yè)用途網(wǎng)站。（2）確立網(wǎng)站色系和多個頁面的一致性：藝術(shù)設(shè)計是和諧統(tǒng)一的色系選用和色彩搭配。頁面設(shè)計風(fēng)格和色彩和諧統(tǒng)一，色系與設(shè)計主題吻合，能讓瀏覽者賞心悅目的欣賞頁面，讓瀏覽者駐足。色彩不屬于一個色系，創(chuàng)作起來難度增大，與頁面內(nèi)容匹配難度增加。常用的頁面設(shè)計通常選用一致的色系和色彩搭配。為了整體畫面的靈動，可以在頁面某處增加色彩強(qiáng)烈的裝飾，給網(wǎng)頁增加動感。（3）對比或互補(bǔ)色的運用：網(wǎng)頁頁面色彩過于一致給人以呆板的感覺，加強(qiáng)網(wǎng)站的特殊效果可以增加對比度強(qiáng)的圖像或使用互補(bǔ)色來渲染畫面。適用于添加對比色或互補(bǔ)色的網(wǎng)站一般是目的性不是很強(qiáng)的網(wǎng)站，為瀏覽者提供主題輕松的內(nèi)容，色彩可以選擇強(qiáng)烈的冷暖色，盡管如此，也不是沒有規(guī)則。網(wǎng)頁背景不能使用多個強(qiáng)烈顏色搭配，否則將主題內(nèi)容掩蓋，對網(wǎng)站建設(shè)的主題忽視。

4結(jié)語

圖像處理除了上述圖像處理方面的因素外，對設(shè)計者個人品質(zhì)和綜合素質(zhì)有一定要求，首先要求創(chuàng)作者有認(rèn)真的工作態(tài)度、一定的審美能力和獨特視角，工作中有對素材的積累意識。網(wǎng)頁設(shè)計者掌握了網(wǎng)站制作工具軟件還遠(yuǎn)遠(yuǎn)不夠，還需要與藝術(shù)設(shè)計創(chuàng)作者共同構(gòu)思網(wǎng)站的圖像、基調(diào)及主題內(nèi)容，讓網(wǎng)站以藝術(shù)品的姿態(tài)展示給瀏覽者，這對網(wǎng)站建設(shè)能起到很大的作用。完美的網(wǎng)頁設(shè)計色彩符合網(wǎng)站的主題氛圍，符合絕大多數(shù)瀏覽者的審美需求，頁面生動直觀，文字簡潔突出，帶給瀏覽者繼續(xù)閱讀的興趣和視覺美的沖擊。

作者：吳葳葳單位：淄博職業(yè)學(xué)院