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

 

{#Eric}

ABOUT

CADIIS凱士網頁設計公司,專為中小企業設計、規劃、建置網站,
提供網站建置前後設計規劃諮詢服務。

整體
規劃
從產業策略洞悉到網頁設計
專精RWD網頁技術及SEO架構
簡約
設計
堅持化繁為簡的設計理念
讓網頁用戶專注您的產品服務
彈性
管理
透過全站式網站管理系統
讓您隨時調整網站架構與內容
維護
諮詢
不論是網站維護諮詢或網站行銷
我們是您長期的網路策略夥伴

REVIEWS

  • 從網站規劃到完成,發現凱士數位細心及專業度都很足夠,如果有下一次機會,我們還是會再給凱士數位施作。

    康普材料, 2017
  • Eric是個非常有經驗的專案經理,了解客戶的需求,並能快速釐清卡關障礙並迅速排除、總是從專業角度分析及建議怎麼做會比較好、和客戶一起腦力激盪,如期如質將網站建置專案完成,並提供相當有用的SEO建議及訣竅。結案後的諮詢及微調修改,凱士的專業團隊也總是非常及時給予支援,維護與管理的服務也同樣令人放心!

    HEF, 2017
  • 作為材料界的國際化公司,誌陽需要的不只是內容完整,還需要情境來提供目標客戶知的權益!正由於這個堅持我們找上了CADIIS幫我們完成這些規劃。在互動的過程中可以看出他們的用心,除了提供以往經驗讓我更容易感受外,對於我們不斷提出高門檻的技術問題也能以最快的時間完成使命,如果你沒法感受我的心情,不妨進到我們網站去感受吧!www.allightec.com 好東西就是要跟好朋友分享。

    誌陽科技, 2017
網頁設計獲獎
台灣廣告主協會與動腦雜誌聯合主辦「台灣50家最佳設計公司」票選活動,CADIIS榮獲入選「傑出多媒體設計公司」。
 

 

有任何網頁設計問題?

跟我們說說您的網站構想,或是目前面臨的網站規劃問題

我們將與您聯絡、共同討論解決方案。

 

網頁設計洽詢