摘 要:文章主要介紹了圖片在網頁設計中的重要作用,網頁設計中圖形圖像的獲取方法以及圖片的處理方法,在網頁設計中更好的利用圖片,設計出更加精美的界面,使瀏覽者在關注網站內容時也有美好的享受。
關鍵詞:網頁;圖片;處理方法
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).