網頁設計下的圖像設計軟件應用的論文

［摘要］文章對圖像處理技術進行了簡單的描述，並對圖像的格式進行簡單的介紹。並在這個基礎上以Photo-shop軟件為例，介紹了其在圖形處理過程中的運用，以供參考。

［關鍵詞］網頁設計;圖像設計軟件;應用

新世紀，電子科學技術發展迅猛，相應的計算機領域的圖像處理技術也有了進一步的發展。社會文化的發展導致人們對於網頁質量的要求也水漲船高，而圖像處理技術的發展更促進了網頁設計的行業的發展。在現在網頁設計中，需要處理各種各樣的圖像，也需要對各種各樣的圖像進行處理，以此來滿足網頁設計的各種需求。可以説，對於網頁製作來説，現代化的圖像處理技術對於其提升效率有着重要作用。

一、關於圖像處理技術的簡述

互聯網的飛速發展，人們對於網頁設計的要求也越來越高。對圖像進行處理，不僅能提升網頁製作的工作效率，也可以提升整個網頁的美感，提升網站的訪問量，此外，高質量的圖像處理技術，對於提升整個網站的品質也有着重要作用。可以説，圖像處理技術的發展，在一定程度上對網頁設計和開發提供了很大的便利性。然而，社會在發展，市場競爭也日益加劇，相應的瀏覽者對網頁設計的要求也隨之提高。在網頁設計中，圖像具有其獨特的優勢和特點，不僅能完整、充分地展現客觀事物，還能全面體現設計者的設計觀念及意圖。對於網頁設計的工作者來説，在網頁製作的過程中運用圖像處理技術已經成其工作中的一部分。其可以利用一系列的圖像處理軟件完成對圖像的編輯和優化，達到自己的需求。具體的來説，圖像處理包含了包括對其進行層次、顏色以及樣式的編輯和修改等等。根據現在的實際情況來看，在網頁製作的過程中，其主要運用的處理軟件是Photoshop、coreldraw以及火狐。這幾個軟件運用的頻率比較高，支持各種圖像的處理。由於社會的發展和人們對於文化以及審美需求的提高，現在人們對於網頁留言的體驗要求也越來越高。從目前的情況來看，用户更傾向於瀏覽一些圖文並茂的網頁，單純的文本介紹很難抓住用户的要求。為了滿足用户的需求，圖像處理技術便應運而生。圖像處理技術在網頁設計中的應用，創新了網頁設計的途徑，同時也推進了網頁設計及製作的發展進程。自上個世紀末開始，社會的網絡化就開始了突飛猛進的發展。而計算機圖像處理技術憑藉其自身的技術性和專業性，更得到了很大程度的發展。對於圖像處理技術來説，其實質就是通過計算機的媒介，以相關的軟件為載體，並且運用相關的技術，在原有的圖像的基礎之上再次進行二次加工，已達到使用者需求的一種圖像處理方式。從我國的發展來看，圖像處理技術最早是應用在航天事業上的，通過相關軟件的`處理，航天人員將航天器拍攝到的圖像進行特殊的處理，並在這個基礎上轉化為數字圖像，以滿足航天部門的使用要求。基於計算機技術的迅速發展，此種圖像處理技術的應用也逐漸深入到網頁設計中。

二、網頁設計中的圖像

當前，網頁設計的一個主流的方向就是將技術與藝術相結合。網頁設計過程中對圖像進行處理已成為現階段網頁製作者一個重要的環節。具體的來説，網頁設計中遇到的圖像主要包括以下幾種類型:

(一)GIF

這種格式的圖片最大的優點就是可以對其進行無損的壓縮處理，而且這種格式的圖像顏色上限特別大，最多可以達到兩百多種顏色。此外，這種格式的圖像還具備支持動態畫面，適用範圍廣的優點。其在卡通動漫的設計以及美術素描方面都可以實現應用，可以説，從目前的情況來看，這種格式的圖像是最適合的格式，只要對其稍加處理就可以直接進行應用。

(二)JPEG格式的圖片

這種格式的圖片中文全稱為聯合靜態圖形專家組，這種格式的圖片由於是有損壓縮，其壓縮比往往比較高，最大的好處就是可以節省大量的硬盤空間。對於一般的普通用户來説，這樣的有損壓縮是不影響其使用的，但是對一些對畫面要求比較高的用户來説則達不到其要求。而且這種格式的圖片不支持透明效果的功能，在動態的圖像中也不能使用，應用的範圍相對較小。所以，對於這種格式的圖像來説，其一般很少在數據中直接使用，一般都是要經過ps等軟件處理後才使用。

(三)PNG格式

翻譯成中文網絡圖形。可以説，這種格式的圖形是隨着網頁技術的發展而出現的一種新的圖像格式。從其格式來看，PNG格式的圖像具備上述兩種格式的優點，同時還具有一些自身的優點，在正常情況下，這種格式的圖片彩色可以達到一千多萬種。而且其還具有可壓縮的算法，可以直接在數據傳輸中進行應用。因此，隨着網頁開發技術的發展，這種格式的圖片將是設計師在製作網頁中最青睞的格式，企業將會成為網頁製作過程中主流的一種圖像格式。

三、圖像處理技術在網頁設計中的應用———以PS為例

對於網頁設計者來説，尤其是涉及到圖像處理的工作，PS是一個非常實用的工具，在現在的網頁製作中發揮着重要的作用。

(一)PS在網頁佈局上的應用

對於網頁製作來説，頁面佈局在其中起到的是整體調整以及規劃的作用。這項工作的好壞與網頁的整體效果有着密切的聯繫。隨着用户對於網頁體驗要求的提升，整個網頁的佈局也逐漸的標準、規範起來。可以説，在網頁整體的設計中，圖像的排版和整體的佈局直接影響着整個網頁的和諧度。具體到PS軟件來説，我們首先可以運用這個軟件來對網頁的佈局進行調整，這樣做的目的是為了減少網頁製作完後再去對圖片進行修改，浪費精力。以實際情況為例:當設計者在接到一個網頁製作的訂單後，為了減少工作的難度，節省不必要的溝通成本，設計者可以首先把網頁設計的理念以及模板提供給客户，並把製作的方向向客户解釋清楚，然後再根據用户反饋的意見進行修改。這個時候，網頁設計者就可以利用PS這個軟件首先為客户製作出基本的佈局和模板，然後可以利用其保存的PSD文件在設計的過程中隨時調整佈局，最終根據客户的要求完成效果圖。

(二)網頁動畫上PS的應用

隨着社會的發展，有些用户會要求在網頁的製作過程中加上動畫的效果。例如在網頁部分加上企業自身的宣傳視頻，放在網頁上。但是現在的很多視頻大多缺乏完善性。這個時候PS就派上用場了，網頁製作者可以利用PS軟件來對視頻與網頁的兼容性進行處理。這在一些FLASH動畫中體現的尤為明顯。由於客户提供的圖片的規格大多都是不一樣的，例如尺寸、分辨率或者色彩方面都不是很統一，要想保證整個Flash動畫的播放的流暢性和和諧型性，網頁設計者需要將這些圖片在格式、色彩等方面進行處理，這樣才能保證Flash動畫播放的兼容性。一般的，經過ps處理後的圖片，在製作動畫短片的過程中，其難度會相對較低。

(三)ps功能中特效的應用

我們都知道用於網頁製作的軟件是Dreamweaver，一般將其稱為DW。對於這個網頁製作的軟件來説，其處理圖像的功能還不是特別強大，只能對圖像做一些最基本的技術處理，很難達到設計者的使用要求。在面對一些特殊要求的時候，還得使用ps這個軟件。尤其是在特效的製作方面，ps的處理功能更為強大。其不管是文字特效還是圖像特效，都可以輕鬆地完成。舉個最簡單的例子，現在很多網頁的head部分往往需要插入一些特殊的字體，以此來吸引用户的眼球，但是如果是運用DW這個軟件的話，其是無法實現這個效果的，這種情況下只能運用ps來對其進行處理，包括文本字體的顏色以及大小等，其在整體上也得符合網頁的佈局。當然，這個只是PS最基本的一些功能，其在特效上還有很多功能對用户進行滿足，例如常見的變化背景以及對網站的主題顏色進行定期更換等等。

四、關於PS應用的一些技巧

(一)圖像的截取以及大小的控制

在網頁設計的過程中，設計者往往不會將一張圖片完整的進行應用，很多時候只需要截取圖片的部分就可以滿足自身的設計需求。對於圖像的截取方法是多種多樣的，但是PS這個軟件使用起來更為便捷，截取的精準度也更高。ps不僅為使用者提供了多種形狀的截取，還可以根據使用者自身的需要隨意地對截取的範圍進行調整，使用起來非常的方便、快捷，其隨後保存的圖像格式也可以自行調整，操作起來非常簡便。

(二)圖像融合的處理

在網頁設計的過程中，很多時候涉及到圖片的融合或者需要將不同的照片進行合併，這種效果在PS這個軟件中也是很容易實現的。使用者只需要將需要合併的圖片拖拽到需要合併的圖像中，然後再對合成的圖片進行顏色和亮度進行調節，接着在拖進圖像的圖層中建立一個新的蒙版，然後在利用漸變這個工具將圖片結合處的黑白漸變的效果，圖片的合成就完成了，並且其處理出來的效果比一般的軟件都要好，而ps這個軟件也正是因為功能的強大，其在圖像處理的時候才得以大範圍的應用。

(三)網站logo的製作

一個好的網站做得如何，有一個引人注目的logo是必不可少的。一定意義上來講，一個好的logo是整個網站的標誌，不僅能體現出整個網站的含義，更能讓閲覽者加深印象，讓其感受到網站的設計理念。在ps軟件中，其製作logo的具體步驟是:首先在畫布上畫出大體的輪廓，然後用“轉換點的工具”對需要進行弧度調整的地方進行調整，接着再按下ctrl+enter鍵，對選擇的區域進行填充，這樣，一個logo便製作完成了。當然，這裏只是對ps這個軟件中最常用到的軟件進行了簡單的介紹，實際上這個軟件的功能是非常強大的，網頁設計者可以根據自身的需要來進行使用，現在市面上也有很多關於這個軟件的使用教材，設計者可以在使用的過程中邊實踐邊學習，以此來提升自身的處理圖像的水平。總的來説，對於網頁製作來説，圖像處理技術的提升對其影響還是非常大的。從整體上看，其不僅可以提升圖片的和諧度和美感，也可以在整體的構造上進行調整，以此來彰顯整個網站品質，提升網頁對客户的吸引力，進而提升網站的點擊率。其次，圖像處理技術還可以起到規範網頁製作的標準的作用，使其在規範上達到要求，拒絕由於其他因素對網頁進行的干擾因素，保障搜索質量，當用户通過搜索引擎電極網頁時，優質的圖像可以提高下載速度，提高網頁流暢性，不僅可以快速呈現給用户，而且還可吸引用户點擊，提高網頁的競爭排名。基於圖像處理技術的應用，提高網頁製作的效率，這將是在網頁設計開發的一個主流的方向。具體到photoshop來説，其是一個功能強大的圖像處理軟件，可以對各種格式的圖像文件進行非常精細與獨特的處理，不僅適用於廣告用圖、美術攝影作品的處理，也廣泛用於網頁圖像元素的處理，其在網頁製作中的應用必將會越來越廣泛。