網頁中的圖像處理淺析
前言：本站為你精心整理了網頁中的圖像處理淺析范文，希望能為你的創作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。
色彩有很多特征影響人的社會意識，考慮色彩的諸多因素，提高設計者色彩方面的知識，對網頁設計的影響深遠。網頁的基色調也就是網頁的底色對網頁設計至關重要。這里有高調和低調的說法，高調與底色淺對應，低調與底色深對應。文字顏色正好與底色相反，底色淡的頁面文字深顏色才能有突出效果，底色深文字淺也可以烘托文字的顯示，互相襯托。
1版式設計
版式是網頁設計首先要考慮的問題，期望設計成一個什么模式的版面，頁面如何規劃，文字內容如何擺放等。網頁這種視圖上文字和圖片要同時出現，文字大小不一，頁面主題和輔助信息共存。網頁內容有主次之分，頁面圖片也各有側重，而且風格各具特色。網頁內容主題是該網頁設計的靈魂，必須將圖片和文字按照目的需求來突出布局，分層次展示給瀏覽者，使瀏覽者能很快找到自己的需求點。
（1）網頁主題突出。看到一幅頁面，頁面的中心在哪如果能讓瀏覽者一眼看到那么說明主題突出了，通常設計者將重點要突出的內容放置在頁面的中心位置，這也是設計者的習慣手法。通常我們意識中也是如此，顯示主題當然放在頁面中心，這樣安排符合人們的習慣，頁面重點突出，符合設計需求。
（2）頁面元素有機統一。頁面要顯示的內容通常很多，頁面元素有大有小，互相之間有匹配關系。通常情況特別長的文章或者標題內容為了顯示的目的，布局設計上讓這些文章之間有一定的間隔，這樣畫面更美觀。對于篇幅短的內容也一樣處理。圖片的擺放也要錯落有致，這樣處理畫面的結果讓頁面有了動感和美感。
（3）圖像文字和諧統一，互相烘托。如今的網頁頁面已不是互聯網發展之初的面貌，都有圖像和文字共存。對于頁面的內容，為了說明性的需要離不開文字，主題信息都是用文字來表述的。而頁面的美觀需要圖像來美化，烘托。一幅成功的網頁設計作品文字和圖像和諧統一，互相哄托，讓頁面藝術性和功能性共存。
2.1圖片格式最佳化
網絡應用中便于網絡通信傳輸非常重要，這就對圖像文件的大小提出了要求。占據網絡帶寬大的文件不受歡迎，為了滿足觀賞和傳輸的雙重需求，現在下列幾個文件格式是互聯網應用較為普遍的格式。（1）動畫格式采用GIF，目前只有GIF支持動畫；（2）用直線和曲線組成的矢量圖生成的圖像，采用透明背景，這時采用PNG格式，占用的數據空間小于GIF和JPEG2種；而且PNG格式圖像顯示效果比GIF和JPEG好。（3）由于JPEG算法壓縮比高，一般為了顯示較多內容的照片或者人物等數據量大的圖片還是采用JPEG格式。網頁設計中涉及的內容很多，有各種不同的顯示要求，根據這些顯示需求選用不同的圖像格式，對網頁設計進行優化處理，讓用戶更好的體驗到這種網頁是設計者的目的。
2.2圖像的最佳化處理
設計網站的原始圖片往往不能滿足網頁設計者的需求，設計者首先對獲得的圖片進行處理，讓其滿足要展示的網頁的需要。網頁設計者一般都能很熟練的掌握專業圖片處理工具Photoshop和Fire－works。這2個軟件是優秀的網頁設計輔助軟件，設計者應該熟練掌握，對網頁設計非常有益。這里有個規則，與計算機顯示要求相適應，一般網頁背景采用的圖片尺寸是1280*800像素，前幾年還是1024*768像素呢，與目前流行的顯示器密切相關。對于網上不是以背景形式存在的圖片，如我們常常搜索到的圖片多用800*600像素。
3網頁色彩處理
3.1網頁設計色彩的重要性
如今互聯網遍布世界，信息傳播變得無比發達。互聯網提供的發達通信功能對社會發展產生了巨大影響。網頁設計伴隨著世界范圍的巨大需求發展迅速，如今的網頁頁面從單純文本樣式發展到今天的豐富多彩，網頁設計技術的高度發展讓網絡信息媒體絢麗多姿，五彩斑斕。網頁設計很大程度上是藝術圖像設計，色彩是該設計的主導因素。如何更好的吸引瀏覽者并烘托網站的主題是網頁圖像設計的目的所在。
3.2網頁設計色彩的表現
不同的人審美不同，對顏色各有喜好，這些都與個體的思想觀念、生活氛圍、知識水平和綜合素質有關系，這就叫做個人的色彩感觀。比如說某人喜歡強烈的色彩，有人喜歡清雅的基調，還有人喜歡純色黑或白。在網頁作品中，不同設計者作品風格不同，設計主題區別很大，對色彩的選擇也大相徑庭。色彩對網站設計來說影響整體設計，可以說色彩是網頁圖像設計的關鍵因素。色彩也是有生命力的，色彩能展示設計者的風格，突出網站的主題。設計者前期按照網站需求選擇網頁基調，創作網站的總體風格，使網站建設對其商業價值體現、企業文化宣傳促進從而達到其設計目的。網頁設計在圖像設計方法與平面媒體設計理念相同，通過獨到的設計思想表達特定的網頁主題。
3.3網頁設計色彩的運用
（1）確立網頁頁面的基調，即頁面主題色彩：頁面的基調色彩確定后，才能開始設計其它部分內容。當我們打開一個頁面時，一般看到的頁面色調都比較淡雅，這也是網站設計中流行的淺色基調。文字的內容與色彩對比度較大，突出網頁頁面的主題內容因素。頁面的重點不被那些濃重色彩給掩蓋，有利于設計主題的顯示，多數人喜歡這種設計風格。一般張揚的設計基調多出現在某些人的博客，這也是個性的張揚，無可厚非，不過不適用于商業用途網站。（2）確立網站色系和多個頁面的一致性：藝術設計是和諧統一的色系選用和色彩搭配。頁面設計風格和色彩和諧統一，色系與設計主題吻合，能讓瀏覽者賞心悅目的欣賞頁面，讓瀏覽者駐足。色彩不屬于一個色系，創作起來難度增大，與頁面內容匹配難度增加。常用的頁面設計通常選用一致的色系和色彩搭配。為了整體畫面的靈動，可以在頁面某處增加色彩強烈的裝飾，給網頁增加動感。（3）對比或互補色的運用：網頁頁面色彩過于一致給人以呆板的感覺，加強網站的特殊效果可以增加對比度強的圖像或使用互補色來渲染畫面。適用于添加對比色或互補色的網站一般是目的性不是很強的網站，為瀏覽者提供主題輕松的內容，色彩可以選擇強烈的冷暖色，盡管如此，也不是沒有規則。網頁背景不能使用多個強烈顏色搭配，否則將主題內容掩蓋，對網站建設的主題忽視。
4結語
圖像處理除了上述圖像處理方面的因素外，對設計者個人品質和綜合素質有一定要求，首先要求創作者有認真的工作態度、一定的審美能力和獨特視角，工作中有對素材的積累意識。網頁設計者掌握了網站制作工具軟件還遠遠不夠，還需要與藝術設計創作者共同構思網站的圖像、基調及主題內容，讓網站以藝術品的姿態展示給瀏覽者，這對網站建設能起到很大的作用。完美的網頁設計色彩符合網站的主題氛圍，符合絕大多數瀏覽者的審美需求，頁面生動直觀，文字簡潔突出，帶給瀏覽者繼續閱讀的興趣和視覺美的沖擊。
作者：吳葳葳單位：淄博職業學院
