圖像處理應用下的網頁設計論文

前言：本站為你精心整理了圖像處理應用下的網頁設計論文范文，希望能為你的創作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。

1常見處理技術

網頁中的圖像，按照存儲格式不同可以分為矢量圖和位圖，按照使用用途的不同，大致可以分為地址欄圖像，網站Logo，網頁內容圖像等。地址欄圖像類似一個圖標，顯示在地址欄網址前邊，一般經過精心設計，能夠傳遞公司專業與精細的形象。內容圖像是指嵌在網頁中或者作為網頁背景的圖像。伴隨網絡技術和軟件技術的進步，用于圖像處理設計的軟件有了很大的發展。網頁三劍客中的Dreamweaver在進行網頁設計的同時，可以對一些圖片進行簡單的變化處理，fireworks能滿足對網頁圖片處理的大部分功能要求。對于一些有特殊要求的圖像，可以使用Adobe公司的Photoshop軟件進行處理；在進行Logo等設計時，一般使用CorelDraw或Illustrator等軟件來完成。在進行圖像的設計、選擇和處理中，掌握專業軟件的基本使用技巧是必需的，圖像在網頁設計中的功能主要可以分為視覺吸引、信息引導兩方面。要達到這樣的目的，需要對圖像進行合理的處理。使用動畫圖片，以及適當的色彩對比，形成版式的變化，吸引瀏覽者的注意，引導其對網站內容的閱讀。根據公司對網站的功能定位，其所承載的任務與指向有所不同，對瀏覽者所作設定亦有差異。比如騰訊公司的騰訊網（）和騰訊（），一個作為門戶內容網站，一個作為公司形象網站是兩個獨立的網站，設計風格，內容和要求差異很大。

2新技術

網絡作為第四媒體，其顯示終端可能是計算機，平板，電視或智能手機，為了頁面兼容等原因，前端設計出現了很多新技術，如div+css技術，Javascript技術等，為了方便管理，一般采用對象的結構、表現和行為分開。結構是對象的內容，表現是其外觀，而行為是與瀏覽者的交互，或者說是瀏覽者進行鼠標點擊或輸入內容等操作時，頁面的反應。在進行網頁設計過程中，圖像對象也是如此，利用代碼可以對圖像進行一些效果的處理，起到資源占用少，頁面維護容易等目的，還可以達到一些用基本圖像處理技術不易實現的效果。用div+css結合Javascript技術可以實現在網頁前端一些設計效果和邏輯處理功能，比如圖像輪播和驗證碼校驗功能[2]。在一個存在后臺管理的網站中，網頁的很多內容來自于后臺數據庫，一些圖片也不例外，內容需要和后臺交互，根據數據庫的內容和頁面的特定邏輯，決定圖像的外觀。這是基本圖像處理技術無法實現的，需要設計者了解動態頁面設計技術，常見的技術有，php和jsp技術等。除此之外，還有連接數據庫，縮放、剪切、相框、銳化、旋轉、翻轉、透明度、反色等對網頁圖片的處理。不再一一舉例。

3結論

傳統網頁設計技術一般分為前臺和后臺技術，前臺主要負責頁面的版式和效果設計，在設計過程中，需要對圖像處理有較好的理解，隨著技術的進步和觀念的變化，一般認為，網站的功能是第一位的，在此基礎上，需要有良好的顯示效果。技術是手段，是媒介，不能一味追求技術的先進與絢麗，設計要同公司網站的定位緊密相關，綜合運用多種技術實現。網站的視覺吸引、信息引導兩方面的功能并沒有變，但是如何達到這一目的，是設計者關注并努力的方向。在功能完成的基礎上，使瀏覽者獲得良好的體驗，簡潔明快的設計往往會給用戶留下較深的印象。頁面圖像設計者要對相關技術有較好的理解，頁面前臺效果不是孤立的，任務進行過程中，美工需要和后臺設計人員進行溝通，反復修改，共同完成設計。

作者：智立甫王春寫單位：石家莊職業技術學院電氣與電子工程系石家莊市市容環衛服務中心