淺談圖片在網頁設計中的重要作用及處理方法
2015-04-29 00:00:00李玉榮
科技創新與應用 2015年8期
摘 要：文章主要介紹了圖片在網頁設計中的重要作用，網頁設計中圖形圖像的獲取方法以及圖片的處理方法，在網頁設計中更好的利用圖片，設計出更加精美的界面，使瀏覽者在關注網站內容時也有美好的享受。
關鍵詞：網頁；圖片；處理方法
1 圖形圖像在網頁設計中的作用
1.1 美化頁面
在網頁頁面設計中，只有文字的版面顯得過于單調和擁擠。為了使瀏覽者有繼續閱讀下去的愿望，在網頁的頁面設計中，一般要求圖像在版面中的比率至少為30%左右。圖形圖像與文字的有機組合，對網頁界面的協調和美化起著積極的作用。
1.2 強化表現
在網頁界面設計中，選擇適當的圖形圖像能更好的突出主題，對內容起到一定的說明作用。同時，圖形圖像有別于文字語言藝術，它通過視覺上的形、色來表述內心情感，利用可視的形象來讓瀏覽者產生聯想，從而進一步烘托和深化主題。因此在許多設計中，常將圖形圖像作為強化表現力的元素。
1.3 增強趣味
增強趣味主要是指在形式上增強其閱讀的趣味性。特別是在有大量文字信息的情況下通過加入圖形圖像，可以充分地刺激人的大腦，提升其閱讀的興趣，從而吸引瀏覽者的目光，使其愿意進一步閱讀下去，從而達到傳播信息的目的。
1.4 傳達信息
圖形圖像的應用，除了可以使網頁界面更加美觀、有趣外，其本身也是傳達信息的重要手段之一。隨著現代社會生活節奏的加快，迫使人們選擇更快、更直接、更形象的傳達方式。調查表明，現代人對信息的接受80%源于圖像。也就是說，圖形圖像較之文字更容易引起人們的關注。圖形圖像也比文字更直觀、通俗地將相關理念、意境等信息直接、形象、高效地傳達給受眾，從而達到設計的目的。
2 圖形圖像的獲取方法
2.1 從屏幕采集
最原始的方法是按下鍵盤上的
2.2 從網上下載
網絡資源異常豐富，在Internet上可供選擇的素材很多，可以直接訪問網頁，從網上搜集我們需要的圖片，并通過保存圖片或者通過電子郵件、網際快車等形式下載相關的資料素材。
2.3 用掃描儀采集圖像
可通過彩色掃描儀將報紙圖書等紙質的圖片素材進行掃描，把各種印刷品及彩色照片數字化后在計算機中存儲起來供使用。
2.4 使用數碼相機及數碼攝像機采集圖像
可使用數碼相機和數碼攝像機進行圖片的拍攝和錄取，然后將相關圖像信息存儲到計算機中進行處理，這應用的非常普遍。
2.5 通過計算機軟件進行繪制
可通過各種繪圖軟件進行繪制。如使用Adobe Photoshop、Adobe Illustrator、Paintor、Coreldraw、Freehand、Flash等。這些工具軟件在圖形圖像的處理方面功能很強大，不但可以很方便的處理圖形圖像，還可以優化圖片的質量，提高網頁的下載速度和制作效率。
3 圖片在網頁應用中的處理方法
3.1 退底處理
可以形成生動的邊緣效果，使畫面更具活力。有時也為了去除圖片中繁雜的背景，使圖片主體更簡潔醒目，如圖1所示。
3.2 虛實處理
通過對圖片進行虛實處理，也可使主體更突出，增強網頁的空間與層次感。同時通過虛實的對比，使畫面形成張弛有度的關系，其虛的部分可激發人們的想象力，有助于產生聯想，如圖2所示。
圖2 虛與實的對比，可增強頁面的空間與層次
3.3 影調處理
通過各種圖形圖像處理軟件，對圖片的色度、飽和度、明度、純度等進行調整，可以制作出各種色調的圖片效果，從而大大增強圖片的感染力。如將整張圖片進行去色處理、產生單一色調效果或突出某一主要色調等，如圖3所示。
圖3 影調
3.4 質感處理
通過對圖片的質感處理，可以激發人們的聯想與情感投入。如粗糙的表面效果，可以帶給人們的質樸的感受；對圖片進行殘缺處理和作舊處理，可以帶來一種滄桑感等。利用Photoshop圖層和濾鏡等相關功能，可以制作出不同質感的圖像效果。
3.5 局部與特寫
有時為了突出某一特定部位，或獲得某種特別的視角，需要對圖片的局部進行特寫處理，通過對圖片的重新剪裁而獲得一種特別的視覺感受。
3.6 綜合處理
在很多時候，為了某種表現效果，需將各種方式綜合利用，以達到設計的目的。例如，對圖片進行重新分割與組合、混合等。
4 結束語
圖形圖像的應用對于強化網頁的視覺效果起著非常重要的作用，只有充分了解圖像在網頁設計中的重要作用，結合具體并切實可行的處理方法，才可以使圖形圖像在網頁中發揮更好的作用，達到美觀實用的目的。
參考文獻
[1]楊懷義.芻議計算機圖形圖像處理技術[J].軟件工程師，2014（8）.
[2]王君.網頁設計在平面設計中的運用[J].包裝工程，2012（16）.
