當大家在看網頁時,一定會發現很多網站都設計的美不勝收,不但有引人注意的FLASH動畫,網站頁面視覺設計也都不同以往的更具美感,包括頁面內容的圖片都是經過專業的處理。姑且不論大家都知的FLASH動畫吸引人之處,要談的是網頁設計的進展,網頁設計發展至今,除了互動功能更多更有趣外,畫面版型視覺設計更是注重,一個網站的成功就內容而言個人認為有三個,就是完善互動功能、豐富網站內容以及完美設計的視覺要素。在網站完美視覺要素的需求下,網頁設計師是最近幾年量增工作機會的職務,也因此很多人轉戰這領域;在學校方面也因應此趨勢,視覺傳達、多媒體設計科系紛紛成立。
關於製作網頁,單就軟體來說,學習起來並不難,很快速方便的就能踏出建置網站、製作網頁的第一步,只要收集一些文字、圖片,剪剪貼貼就可以作出網站囉!這是最初軟體發明的精神,所以小到小學生,大到家裡爺爺奶奶都會作網頁,製作網頁已經是今日網路發達時代的全民運動,所以一般人也都自然認為作網頁很間單,但是這都只限於個人休閒興趣階段,要真正成為專業、職業的網頁設計師,那就差遠了。
如前所述,要真正成為專業、職業的網頁設計師,必要朝設計製作出包含完善互動功能、豐富網站內容以及完美設計的視覺要素的目標,尤其是完美設計的視覺要素更是網頁設計師的任務,就目前最新的軟體工具應用狀況,整理如下:
多媒體網站設計軟體整合
[PHOTOSHOP]
Photoshop版本發展至CS2其與網頁視覺設計的應用功能已達成熟,已經如同與傳統平面設計的關係一樣密不可分,網頁視覺設計或是網頁上的影像,皆須直接在Photoshop CS2中設計、合成、處理,也就是網頁視覺設計的前製作業。如此重要的前製作業,所需要的技巧與創意發揮,是直接影影響到最後網站與網頁的視覺成效的;因此,如何做好網頁視覺設計的前製作業,以及發揮網頁設計創意的技巧是重點。
IMAGEREADY
與Photoshop CS2一起安裝的ImageReady CS2,是與photoshop相輔相成的,ImageReady CS2保持多數photoshop功能,只要你會Photoshop自然對ImageReady 不陌生。Adobe公司有計畫的開發ImageReady CS2,目的是為了讓網頁視覺設計與HTML網頁程式格式更貼近,在Photoshop中設計完的網頁版面、元件後,切換至ImageReady,在 ImageReady中可直接製作網頁HTML格式與相關效果,包括直接轉存為標準HTML格式、GIF動畫、Rollover按鈕、ImageMap連結、影像切割、影像最佳化等,將平面視覺設計轉換為網頁格式,最後至網頁整合編輯軟體(Dreamweaver)中整合成網頁,因此ImageReady CS2是視覺設計與網頁編輯的中間橋樑。
DREAMWEAVER
由Macromedia公司所強力開發的網頁編輯軟體,讓網頁視覺設計如同編排軟體般的拖拉編排,以打破HTML與視覺設計的隔閡。在DreamWeaver 8中可以整合所有網頁上所需要的物件元素,有效率的完成網頁設計製作,包括網頁圖文編排、連結互動設定、網頁版面設計、多媒體互動設定等,所以想做出獨具特色的多媒體網頁,當然首要藉由DreamWeaver 8來圓夢。
ILLUSTRATOR
身為向量繪圖的佼佼者,Adobe公司在Illustrator CS2中亦加入直接轉存為網頁HTML檔案格式功能,直接輸入至DreamWeaver中整合應用。Illustrator 所繪製的向量圖,適合製作網頁按鈕與一些運算線條圖樣、特效文字,檔案小及縮放自如不失真是向量軟體的特色,繪製出的向量圖亦可再轉換為點陣圖直接置入 Photoshop中處理應用、影像合成。此外Illustrator CS2亦可儲存為Flash的SWF格式,直接以向量格式置入Flash中編輯動畫,補足繪圖能力有限的Flash,使Flash動畫角色更精緻。所以為了讓你的網頁設計能力加強,Illustrator亦是值得你學習的繪圖工具。
FLASH
網頁上最受歡迎的動畫軟體,所製作出來的向量動畫,保有向量圖檔案小、可隨意放大縮小的特色外,Flash動畫炫麗的影音多媒體效果更是讓人映象深刻,Flash動畫已是網頁上動畫的標準,所以在熟悉靜態網頁視覺設計與製作後,可更上一層樓的學習Flash動畫製作,讓你的網頁更富多變化。
只要好好掌握軟體工具與靈活應用,絕對可以在職場上佔有一席之地!