網(wǎng)頁(yè)設計下的圖像設計軟件應用的論文
［摘要］文章對圖像處理技術(shù)進(jìn)行了簡(jiǎn)單的描述，并對圖像的格式進(jìn)行簡(jiǎn)單的介紹。并在這個(gè)基礎上以Photo-shop軟件為例，介紹了其在圖形處理過(guò)程中的運用，以供參考。
［關(guān)鍵詞］網(wǎng)頁(yè)設計;圖像設計軟件;應用
新世紀，電子科學(xué)技術(shù)發(fā)展迅猛，相應的計算機領(lǐng)域的圖像處理技術(shù)也有了進(jìn)一步的發(fā)展。社會(huì )文化的發(fā)展導致人們對于網(wǎng)頁(yè)質(zhì)量的要求也水漲船高，而圖像處理技術(shù)的發(fā)展更促進(jìn)了網(wǎng)頁(yè)設計的行業(yè)的發(fā)展。在現在網(wǎng)頁(yè)設計中，需要處理各種各樣的圖像，也需要對各種各樣的圖像進(jìn)行處理，以此來(lái)滿(mǎn)足網(wǎng)頁(yè)設計的各種需求�？梢哉f(shuō)，對于網(wǎng)頁(yè)制作來(lái)說(shuō)，現代化的圖像處理技術(shù)對于其提升效率有著(zhù)重要作用。
一、關(guān)于圖像處理技術(shù)的簡(jiǎn)述
互聯(lián)網(wǎng)的飛速發(fā)展，人們對于網(wǎng)頁(yè)設計的要求也越來(lái)越高。對圖像進(jìn)行處理，不僅能提升網(wǎng)頁(yè)制作的工作效率，也可以提升整個(gè)網(wǎng)頁(yè)的美感，提升網(wǎng)站的訪(fǎng)問(wèn)量，此外，高質(zhì)量的圖像處理技術(shù)，對于提升整個(gè)網(wǎng)站的品質(zhì)也有著(zhù)重要作用�？梢哉f(shuō)，圖像處理技術(shù)的發(fā)展，在一定程度上對網(wǎng)頁(yè)設計和開(kāi)發(fā)提供了很大的便利性。然而，社會(huì )在發(fā)展，市場(chǎng)競爭也日益加劇，相應的瀏覽者對網(wǎng)頁(yè)設計的要求也隨之提高。在網(wǎng)頁(yè)設計中，圖像具有其獨特的優(yōu)勢和特點(diǎn)，不僅能完整、充分地展現客觀(guān)事物，還能全面體現設計者的設計觀(guān)念及意圖。對于網(wǎng)頁(yè)設計的工作者來(lái)說(shuō)，在網(wǎng)頁(yè)制作的過(guò)程中運用圖像處理技術(shù)已經(jīng)成其工作中的一部分。其可以利用一系列的圖像處理軟件完成對圖像的編輯和優(yōu)化，達到自己的需求。具體的來(lái)說(shuō)，圖像處理包含了包括對其進(jìn)行層次、顏色以及樣式的編輯和修改等等。根據現在的實(shí)際情況來(lái)看，在網(wǎng)頁(yè)制作的過(guò)程中，其主要運用的處理軟件是Photoshop、coreldraw以及火狐。這幾個(gè)軟件運用的頻率比較高，支持各種圖像的處理。由于社會(huì )的發(fā)展和人們對于文化以及審美需求的提高，現在人們對于網(wǎng)頁(yè)留言的體驗要求也越來(lái)越高。從目前的情況來(lái)看，用戶(hù)更傾向于瀏覽一些圖文并茂的網(wǎng)頁(yè)，單純的文本介紹很難抓住用戶(hù)的要求。為了滿(mǎn)足用戶(hù)的需求，圖像處理技術(shù)便應運而生。圖像處理技術(shù)在網(wǎng)頁(yè)設計中的應用，創(chuàng )新了網(wǎng)頁(yè)設計的途徑，同時(shí)也推進(jìn)了網(wǎng)頁(yè)設計及制作的發(fā)展進(jìn)程。自上個(gè)世紀末開(kāi)始，社會(huì )的網(wǎng)絡(luò )化就開(kāi)始了突飛猛進(jìn)的發(fā)展。而計算機圖像處理技術(shù)憑借其自身的技術(shù)性和專(zhuān)業(yè)性，更得到了很大程度的發(fā)展。對于圖像處理技術(shù)來(lái)說(shuō)，其實(shí)質(zhì)就是通過(guò)計算機的媒介，以相關(guān)的軟件為載體，并且運用相關(guān)的技術(shù)，在原有的圖像的基礎之上再次進(jìn)行二次加工，已達到使用者需求的一種圖像處理方式。從我國的發(fā)展來(lái)看，圖像處理技術(shù)最早是應用在航天事業(yè)上的，通過(guò)相關(guān)軟件的處理，航天人員將航天器拍攝到的圖像進(jìn)行特殊的處理，并在這個(gè)基礎上轉化為數字圖像，以滿(mǎn)足航天部門(mén)的使用要求�；谟嬎銠C技術(shù)的迅速發(fā)展，此種圖像處理技術(shù)的應用也逐漸深入到網(wǎng)頁(yè)設計中。
二、網(wǎng)頁(yè)設計中的圖像
當前，網(wǎng)頁(yè)設計的一個(gè)主流的方向就是將技術(shù)與藝術(shù)相結合。網(wǎng)頁(yè)設計過(guò)程中對圖像進(jìn)行處理已成為現階段網(wǎng)頁(yè)制作者一個(gè)重要的環(huán)節。具體的來(lái)說(shuō)，網(wǎng)頁(yè)設計中遇到的圖像主要包括以下幾種類(lèi)型:
(一)GIF
這種格式的圖片最大的優(yōu)點(diǎn)就是可以對其進(jìn)行無(wú)損的壓縮處理，而且這種格式的圖像顏色上限特別大，最多可以達到兩百多種顏色。此外，這種格式的圖像還具備支持動(dòng)態(tài)畫(huà)面，適用范圍廣的優(yōu)點(diǎn)。其在卡通動(dòng)漫的設計以及美術(shù)素描方面都可以實(shí)現應用，可以說(shuō)，從目前的情況來(lái)看，這種格式的圖像是最適合的格式，只要對其稍加處理就可以直接進(jìn)行應用。
(二)JPEG格式的圖片
這種格式的圖片中文全稱(chēng)為聯(lián)合靜態(tài)圖形專(zhuān)家組，這種格式的圖片由于是有損壓縮，其壓縮比往往比較高，最大的好處就是可以節省大量的硬盤(pán)空間。對于一般的普通用戶(hù)來(lái)說(shuō)，這樣的.有損壓縮是不影響其使用的，但是對一些對畫(huà)面要求比較高的用戶(hù)來(lái)說(shuō)則達不到其要求。而且這種格式的圖片不支持透明效果的功能，在動(dòng)態(tài)的圖像中也不能使用，應用的范圍相對較小。所以，對于這種格式的圖像來(lái)說(shuō)，其一般很少在數據中直接使用，一般都是要經(jīng)過(guò)ps等軟件處理后才使用。
(三)PNG格式
翻譯成中文網(wǎng)絡(luò )圖形�？梢哉f(shuō)，這種格式的圖形是隨著(zhù)網(wǎng)頁(yè)技術(shù)的發(fā)展而出現的一種新的圖像格式。從其格式來(lái)看，PNG格式的圖像具備上述兩種格式的優(yōu)點(diǎn)，同時(shí)還具有一些自身的優(yōu)點(diǎn)，在正常情況下，這種格式的圖片彩色可以達到一千多萬(wàn)種。而且其還具有可壓縮的算法，可以直接在數據傳輸中進(jìn)行應用。因此，隨著(zhù)網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)的發(fā)展，這種格式的圖片將是設計師在制作網(wǎng)頁(yè)中最青睞的格式，企業(yè)將會(huì )成為網(wǎng)頁(yè)制作過(guò)程中主流的一種圖像格式。
三、圖像處理技術(shù)在網(wǎng)頁(yè)設計中的應用———以PS為例
對于網(wǎng)頁(yè)設計者來(lái)說(shuō)，尤其是涉及到圖像處理的工作，PS是一個(gè)非常實(shí)用的工具，在現在的網(wǎng)頁(yè)制作中發(fā)揮著(zhù)重要的作用。
(一)PS在網(wǎng)頁(yè)布局上的應用
對于網(wǎng)頁(yè)制作來(lái)說(shuō)，頁(yè)面布局在其中起到的是整體調整以及規劃的作用。這項工作的好壞與網(wǎng)頁(yè)的整體效果有著(zhù)密切的聯(lián)系。隨著(zhù)用戶(hù)對于網(wǎng)頁(yè)體驗要求的提升，整個(gè)網(wǎng)頁(yè)的布局也逐漸的標準、規范起來(lái)�？梢哉f(shuō)，在網(wǎng)頁(yè)整體的設計中，圖像的排版和整體的布局直接影響著(zhù)整個(gè)網(wǎng)頁(yè)的和諧度。具體到PS軟件來(lái)說(shuō)，我們首先可以運用這個(gè)軟件來(lái)對網(wǎng)頁(yè)的布局進(jìn)行調整，這樣做的目的是為了減少網(wǎng)頁(yè)制作完后再去對圖片進(jìn)行修改，浪費精力。以實(shí)際情況為例:當設計者在接到一個(gè)網(wǎng)頁(yè)制作的訂單后，為了減少工作的難度，節省不必要的溝通成本，設計者可以首先把網(wǎng)頁(yè)設計的理念以及模板提供給客戶(hù)，并把制作的方向向客戶(hù)解釋清楚，然后再根據用戶(hù)反饋的意見(jiàn)進(jìn)行修改。這個(gè)時(shí)候，網(wǎng)頁(yè)設計者就可以利用PS這個(gè)軟件首先為客戶(hù)制作出基本的布局和模板，然后可以利用其保存的PSD文件在設計的過(guò)程中隨時(shí)調整布局，最終根據客戶(hù)的要求完成效果圖。
(二)網(wǎng)頁(yè)動(dòng)畫(huà)上PS的應用
隨著(zhù)社會(huì )的發(fā)展，有些用戶(hù)會(huì )要求在網(wǎng)頁(yè)的制作過(guò)程中加上動(dòng)畫(huà)的效果。例如在網(wǎng)頁(yè)部分加上企業(yè)自身的宣傳視頻，放在網(wǎng)頁(yè)上。但是現在的很多視頻大多缺乏完善性。這個(gè)時(shí)候PS就派上用場(chǎng)了，網(wǎng)頁(yè)制作者可以利用PS軟件來(lái)對視頻與網(wǎng)頁(yè)的兼容性進(jìn)行處理。這在一些FLASH動(dòng)畫(huà)中體現的尤為明顯。由于客戶(hù)提供的圖片的規格大多都是不一樣的，例如尺寸、分辨率或者色彩方面都不是很統一，要想保證整個(gè)Flash動(dòng)畫(huà)的播放的流暢性和和諧型性，網(wǎng)頁(yè)設計者需要將這些圖片在格式、色彩等方面進(jìn)行處理，這樣才能保證Flash動(dòng)畫(huà)播放的兼容性。一般的，經(jīng)過(guò)ps處理后的圖片，在制作動(dòng)畫(huà)短片的過(guò)程中，其難度會(huì )相對較低。
(三)ps功能中特效的應用
我們都知道用于網(wǎng)頁(yè)制作的軟件是Dreamweaver，一般將其稱(chēng)為DW。對于這個(gè)網(wǎng)頁(yè)制作的軟件來(lái)說(shuō)，其處理圖像的功能還不是特別強大，只能對圖像做一些最基本的技術(shù)處理，很難達到設計者的使用要求。在面對一些特殊要求的時(shí)候，還得使用ps這個(gè)軟件。尤其是在特效的制作方面，ps的處理功能更為強大。其不管是文字特效還是圖像特效，都可以輕松地完成。舉個(gè)最簡(jiǎn)單的例子，現在很多網(wǎng)頁(yè)的head部分往往需要插入一些特殊的字體，以此來(lái)吸引用戶(hù)的眼球，但是如果是運用DW這個(gè)軟件的話(huà)，其是無(wú)法實(shí)現這個(gè)效果的，這種情況下只能運用ps來(lái)對其進(jìn)行處理，包括文本字體的顏色以及大小等，其在整體上也得符合網(wǎng)頁(yè)的布局。當然，這個(gè)只是PS最基本的一些功能，其在特效上還有很多功能對用戶(hù)進(jìn)行滿(mǎn)足，例如常見(jiàn)的變化背景以及對網(wǎng)站的主題顏色進(jìn)行定期更換等等。
四、關(guān)于PS應用的一些技巧
(一)圖像的截取以及大小的控制
在網(wǎng)頁(yè)設計的過(guò)程中，設計者往往不會(huì )將一張圖片完整的進(jìn)行應用，很多時(shí)候只需要截取圖片的部分就可以滿(mǎn)足自身的設計需求。對于圖像的截取方法是多種多樣的，但是PS這個(gè)軟件使用起來(lái)更為便捷，截取的精準度也更高。ps不僅為使用者提供了多種形狀的截取，還可以根據使用者自身的需要隨意地對截取的范圍進(jìn)行調整，使用起來(lái)非常的方便、快捷，其隨后保存的圖像格式也可以自行調整，操作起來(lái)非常簡(jiǎn)便。
(二)圖像融合的處理
在網(wǎng)頁(yè)設計的過(guò)程中，很多時(shí)候涉及到圖片的融合或者需要將不同的照片進(jìn)行合并，這種效果在PS這個(gè)軟件中也是很容易實(shí)現的。使用者只需要將需要合并的圖片拖拽到需要合并的圖像中，然后再對合成的圖片進(jìn)行顏色和亮度進(jìn)行調節，接著(zhù)在拖進(jìn)圖像的圖層中建立一個(gè)新的蒙版，然后在利用漸變這個(gè)工具將圖片結合處的黑白漸變的效果，圖片的合成就完成了，并且其處理出來(lái)的效果比一般的軟件都要好，而ps這個(gè)軟件也正是因為功能的強大，其在圖像處理的時(shí)候才得以大范圍的應用。
(三)網(wǎng)站logo的制作
一個(gè)好的網(wǎng)站做得如何，有一個(gè)引人注目的logo是必不可少的。一定意義上來(lái)講，一個(gè)好的logo是整個(gè)網(wǎng)站的標志，不僅能體現出整個(gè)網(wǎng)站的含義，更能讓閱覽者加深印象，讓其感受到網(wǎng)站的設計理念。在ps軟件中，其制作logo的具體步驟是:首先在畫(huà)布上畫(huà)出大體的輪廓，然后用“轉換點(diǎn)的工具”對需要進(jìn)行弧度調整的地方進(jìn)行調整，接著(zhù)再按下ctrl+enter鍵，對選擇的區域進(jìn)行填充，這樣，一個(gè)logo便制作完成了。當然，這里只是對ps這個(gè)軟件中最常用到的軟件進(jìn)行了簡(jiǎn)單的介紹，實(shí)際上這個(gè)軟件的功能是非常強大的，網(wǎng)頁(yè)設計者可以根據自身的需要來(lái)進(jìn)行使用，現在市面上也有很多關(guān)于這個(gè)軟件的使用教材，設計者可以在使用的過(guò)程中邊實(shí)踐邊學(xué)習，以此來(lái)提升自身的處理圖像的水平�？偟膩�(lái)說(shuō)，對于網(wǎng)頁(yè)制作來(lái)說(shuō)，圖像處理技術(shù)的提升對其影響還是非常大的。從整體上看，其不僅可以提升圖片的和諧度和美感，也可以在整體的構造上進(jìn)行調整，以此來(lái)彰顯整個(gè)網(wǎng)站品質(zhì)，提升網(wǎng)頁(yè)對客戶(hù)的吸引力，進(jìn)而提升網(wǎng)站的點(diǎn)擊率。其次，圖像處理技術(shù)還可以起到規范網(wǎng)頁(yè)制作的標準的作用，使其在規范上達到要求，拒絕由于其他因素對網(wǎng)頁(yè)進(jìn)行的干擾因素，保障搜索質(zhì)量，當用戶(hù)通過(guò)搜索引擎電極網(wǎng)頁(yè)時(shí)，優(yōu)質(zhì)的圖像可以提高下載速度，提高網(wǎng)頁(yè)流暢性，不僅可以快速呈現給用戶(hù)，而且還可吸引用戶(hù)點(diǎn)擊，提高網(wǎng)頁(yè)的競爭排名�；趫D像處理技術(shù)的應用，提高網(wǎng)頁(yè)制作的效率，這將是在網(wǎng)頁(yè)設計開(kāi)發(fā)的一個(gè)主流的方向。具體到photoshop來(lái)說(shuō)，其是一個(gè)功能強大的圖像處理軟件，可以對各種格式的圖像文件進(jìn)行非常精細與獨特的處理，不僅適用于廣告用圖、美術(shù)攝影作品的處理，也廣泛用于網(wǎng)頁(yè)圖像元素的處理，其在網(wǎng)頁(yè)制作中的應用必將會(huì )越來(lái)越廣泛。
【網(wǎng)頁(yè)設計下的圖像設計軟件應用的論文】相關(guān)文章：
MOOC教學(xué)下的網(wǎng)頁(yè)設計與制作論文09-06
簡(jiǎn)約主義視角下的網(wǎng)頁(yè)設計論文11-16
網(wǎng)頁(yè)設計論文02-24
高職院校網(wǎng)頁(yè)設計論文11-14
平面規劃網(wǎng)頁(yè)設計論文11-12
版式設計下招貼設計論文11-21