思維導圖 來整理思路

畫樣圖 Sketch 挺好用

做精細的圖用 Photoshop

設計web介面的話需要用到的是影象處理軟體photoshop以及網頁編輯軟體Dreamweaver

Adobe Photoshop，簡稱“PS”，是由Adobe Systems開發和發行的影象處理軟體。 Photoshop主要處理以畫素所構成的數字影象。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。ps有很多功能，在影象、圖形、文字、影片、出版等各方面都有涉及

Adobe Dreamweaver，簡稱“DW”，中文名稱 "夢想編織者"，最初為美國MACROMEDIA公司開發 ，2005年被Adobe公司收購。DW是集網頁製作和管理網站於一身的所見即所得網頁程式碼編輯器。利用對 HTML、CSS、JavaScript等內容的支援，設計師和程式設計師可以在幾乎任何地方快速製作和進行網站建設。 Adobe Dreamweaver使用所見即所得的介面，亦有HTML（標準通用標記語言下的一個應用）編輯的功能，藉助經過簡化的智慧編碼引擎，輕鬆地建立、編碼和管理動態網站。訪問程式碼提示，即可快速瞭解 HTML、CSS 和其他Web 標準。 使用視覺輔助功能減少錯誤並提高網站開發速度。