網(wǎng)頁(yè)中的圖像處理淺析

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

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

1版式設(shè)計(jì)

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

（1）網(wǎng)頁(yè)主題突出。看到一幅頁(yè)面，頁(yè)面的中心在哪如果能讓瀏覽者一眼看到那么說(shuō)明主題突出了，通常設(shè)計(jì)者將重點(diǎn)要突出的內(nèi)容放置在頁(yè)面的中心位置，這也是設(shè)計(jì)者的習(xí)慣手法。通常我們意識(shí)中也是如此，顯示主題當(dāng)然放在頁(yè)面中心，這樣安排符合人們的習(xí)慣，頁(yè)面重點(diǎn)突出，符合設(shè)計(jì)需求。

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

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

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

2.1圖片格式最佳化

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

2.2圖像的最佳化處理

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

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

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

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

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

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

3.3網(wǎng)頁(yè)設(shè)計(jì)色彩的運(yùn)用

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

4結(jié)語(yǔ)

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

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