2009年2月22日 星期日

網頁設計軟體列表分析

筆者將網頁設計軟體的屬性與學習方向,以表格的方式條列出來,希望有助於有志於學習此方面的朋友觀看與理解....

簡單來講,最好在網站設計領域裡能如下表學完一直列會比較有幫助(例如會網頁編輯設計軟體、又會點陣式影像處理軟體、又會點陣式動畫軟體…),而如果能橫向發展(例如同時會三種網頁編輯設計軟體),則是遇到問題時能夠思考用哪一套軟體去設計比較便捷,可以較為快速解決問題(其實同類型軟體大部分原理與發展都類似,學第二套同類軟體時多半可以較快上手),以一般網頁視覺美術設計的需求,多半要會Dreamweaver(偏網頁設計功能)、Photoshop(不過網頁用圖其實用Fireworks就夠了)、Flash,若有需要繪製較複雜的向量圖才會用到Illustrator,筆者自己個人喜好比較特殊,習慣用Expression Web2、Ulead PhotoImpactX3、SWiSH、CorelDRAW為主,其他的軟體搭配為輔,而微軟的Silverlight動畫目前尚未成為主流可以先不用去學。

Adobe解決方案Microsoft解決方案其他解決方案
網頁編輯設計軟體(HTML、XHTML、CSS、SCRIPT)Dreamweaver、GoLive(已淡出市場)Expression Web、SharePoint Designer、FrontPage(已淡出市場)…Namo WebEditor、NetObjects Fusion(已淡出市場)…
點陣式影像處理軟體Photoshop、FireworksExpression DesignUlead PhotoImpact、Corel Paint Shop Pro、Corel PHOTO-PAINT…
點陣式動畫軟體(GIF動畫)Photoshop、FireworksMicrosoft GIF AnimatorUlead GIF Animator、Ulead COOL 3D…
向量式繪圖軟體Illustrator、FreeHand(已淡出市場)Expression DesignCorelDRAW…
向量式動畫軟體Flash(Swf動畫)、LiveMotion(已淡出市場)Expression Blend(Silverlight動畫)SWiSH(Swf動畫)…
網站程式設計軟體DreamweaverExpression Web、Visual Studio .NET、Visual InterDev(已淡出市場)UltraEdit…

備註一:上表指的是偏網站建置,如果要平面設計則要比較偏重Photoshop(可以處理CMYK)、Illustrator或CorelDRAW及InDesign或QuarkXPress以及Adobe Acrobat,還有印刷實務方面。

備註二:上表沒有列出音效方面的編輯軟體,例如Goldwave、Sound Forge,也沒有列出多媒體編輯軟體,例如Adobe After Effects、Microsoft Expression Encoder。

備註三:網站程式設計程式設計其實還分有許多語法以及功能規格,例如Ajax、ASP、ASP.NET、PHP、JSP、ColdFusion…,向量式動畫軟體內也可以撰寫程式(例如ActionScript),細節不再本篇討論範圍內。

各種軟體的操作筆者一直覺得只是一個工具的運用(設計的本質主要賣的還是您的創意與美學素養),只要先選定要用的軟體(軟體各有其優缺點,並沒有絕對是哪套最好,只要自己使用習慣順手就好),這方面的書可以自己去書局翻閱,找幾本您自己覺得比較看得懂與合您學習口味的作者即可(例如有些人習慣用指令式功能教學,有些人習慣用範例帶入指令式的教學)。


0 意見:

張貼留言

若對於本篇文章有任何批評指教或鼓勵建議,歡迎您留言讓我知道...