前言:尋找寫作靈感?中文期刊網用心挑選的圖像處理技術中網頁設計論文,希望能為您的閱讀和創作帶來靈感,歡迎大家閱讀并分享。
1常見處理技術
網頁中的圖像,按照存儲格式不同可以分為矢量圖和位圖,按照使用用途的不同,大致可以分為地址欄圖像,網站Logo,網頁內容圖像等。地址欄圖像類似一個圖標,顯示在地址欄網址前邊,一般經過精心設計,能夠傳遞公司專業與精細的形象。內容圖像是指嵌在網頁中或者作為網頁背景的圖像。伴隨網絡技術和軟件技術的進步,用于圖像處理設計的軟件有了很大的發展。網頁三劍客中的Dreamweaver在進行網頁設計的同時,可以對一些圖片進行簡單的變化處理,fireworks能滿足對網頁圖片處理的大部分功能要求。對于一些有特殊要求的圖像,可以使用Adobe公司的Photoshop軟件進行處理;在進行Logo等設計時,一般使用CorelDraw或Illustrator等軟件來完成。在進行圖像的設計、選擇和處理中,掌握專業軟件的基本使用技巧是必需的,圖像在網頁設計中的功能主要可以分為視覺吸引、信息引導兩方面。要達到這樣的目的,需要對圖像進行合理的處理。使用動畫圖片,以及適當的色彩對比,形成版式的變化,吸引瀏覽者的注意,引導其對網站內容的閱讀。根據公司對網站的功能定位,其所承載的任務與指向有所不同,對瀏覽者所作設定亦有差異。比如騰訊公司的騰訊網(qq.com)和騰訊(tecent.com),一個作為門戶內容網站,一個作為公司形象網站是兩個獨立的網站,設計風格,內容和要求差異很大。
2新技術
網絡作為第四媒體,其顯示終端可能是計算機,平板,電視或智能手機,為了頁面兼容等原因,前端設計出現了很多新技術,如div+css技術,Javascript技術等,為了方便管理,一般采用對象的結構、表現和行為分開。結構是對象的內容,表現是其外觀,而行為是與瀏覽者的交互,或者說是瀏覽者進行鼠標點擊或輸入內容等操作時,頁面的反應。在進行網頁設計過程中,圖像對象也是如此,利用代碼可以對圖像進行一些效果的處理,起到資源占用少,頁面維護容易等目的,還可以達到一些用基本圖像處理技術不易實現的效果。用div+css結合Javascript技術可以實現在網頁前端一些設計效果和邏輯處理功能,比如圖像輪播和驗證碼校驗功能。在一個存在后臺管理的網站中,網頁的很多內容來自于后臺數據庫,一些圖片也不例外,內容需要和后臺交互,根據數據庫的內容和頁面的特定邏輯,決定圖像的外觀。這是基本圖像處理技術無法實現的,需要設計者了解動態頁面設計技術,常見的技術有asp.net,php和jsp技術等。
3結論
傳統網頁設計技術一般分為前臺和后臺技術,前臺主要負責頁面的版式和效果設計,在設計過程中,需要對圖像處理有較好的理解,隨著技術的進步和觀念的變化,一般認為,網站的功能是第一位的,在此基礎上,需要有良好的顯示效果。技術是手段,是媒介,不能一味追求技術的先進與絢麗,設計要同公司網站的定位緊密相關,綜合運用多種技術實現。網站的視覺吸引、信息引導兩方面的功能并沒有變,但是如何達到這一目的,是設計者關注并努力的方向。在功能完成的基礎上,使瀏覽者獲得良好的體驗,簡潔明快的設計往往會給用戶留下較深的印象。頁面圖像設計者要對相關技術有較好的理解,頁面前臺效果不是孤立的,任務進行過程中,美工需要和后臺設計人員進行溝通,反復修改,共同完成設計。
作者:智立甫 王春寫 單位:石家莊職業技術學院電氣與電子工程系 石家莊市市容環衛服務中心