[網頁軟體] 網頁設計有哪些常用的繪圖軟體?各有哪些差異?

2011-08-07

Fireworks、Photoshop、Illustrator比較表

軟體FireworksPhotoshopIllustrator
主要用途 網頁設計 影像處理
照片去背
向量繪圖
平面印刷
主要繪圖格式 點陣圖、向量圖 點陣圖 向量圖
軟體操作 圖層、物件 圖層導向 物件導向
存檔格式 PNG檔 PSD檔 AI檔
比例概念 pixel pixel 公分
網頁切版 支援 支援 -
動態gif 支援 - -
主要使用對象 網頁設計師 攝影師
平面設計師
網頁設計師
平面設計師

 

Fireworks網頁排版設計軟體

Fireworks早在Macromedia時期(被Adobe買下之前)就與Flash、Dreamweaver號稱「網頁三劍客」,許多專業的網頁設計公司都是使用Fireworks進行網頁視覺設計。Fireworks最早設計出來就是為了網頁設計,因此在軟體規格各方面都是為了網頁用途所設計,例如預設圖檔解析度為72dpi,圖檔輸出也是以網頁圖檔為主(jpg、gif、png),甚至預設圖檔副檔名就是png檔,保留圖層、物件等相關資訊,還可以直接利用影格(frame)的概念,直接製作「動態gif檔」。Fireworks同時支援點陣圖、向量圖的編輯,也同時支援圖層、物件兩種軟體操作模式,在使用上十分方便。然而也因為同時扮演Photoshop + Illustrator的角色,在點陣圖的處理,並沒有Photoshop細緻,在向量工具上也沒有Illustrator強。因此在網頁設計實務上,多是以Fireworks為主,以Photoshop支援影像處理的部份,以Illustrator支援造形繪圖的部份。

延伸閱讀:The Power of Adobe Fireworks: What Can You Achieve With It?

 

網頁設計 Fireworks

Photoshop網頁影像處理軟體

Photoshop最早被設計出來是做為數位影像暗房,主要是用來調整照片的色彩、明暗、色彩飽和度。隨著軟體的更新,功能越來越強大,也支援網頁「切版」等相關功能。但Photoshop在本質上還是影像處理軟體,圖層導向的操作不利於排版設計作業。

 

網頁設計 Photoshop

Illustrator平面設計向量繪圖軟體

Illustrator是向量繪圖軟體,物件導向的操作很適合平面設計排版,因此廣泛使用在平面設計上,如:插圖繪製、型錄、文宣印刷品。在網頁設計中,Illustrator被使用在向量圖的繪製上,以補足Fireworks向量功能及效能上的不足,例:將點陣圖trace成為向量圖、向量圖形漸變。

 

網頁設計 illustrator