前端設計主要的工作無非就是按照效果圖使用前端的代碼來做出符合要求的靜態頁面，使用的軟件大致如下（不同人是使用的可能不同）：
1、以Photoshop為代表的圖片處理技術。
網頁設計的第壹步是按照客戶的需求來設計網站效果圖，這個工作是由美工來完成的，現在網頁設計嚴格的來說不包括美工的工作，即美工只負責設計效果圖網頁的設計師只負責嚴格按照效果圖將效果圖的樣式以網頁的形式做出來，那可能有人會問為什麽網頁設計師還需要ps呢？那是因為網頁設計師也就是前端設計師需要將美工制作的效果圖（壹般是psd格式的）使用ps的切片功能將其中用的到的圖片裁切出來放到網頁上去用，此時就要使用photoshop來完成這個工作，所以作為網頁設計師或者前端設計師會壹些基本的Photoshop知識還是很有必要的。
2、前端代碼編輯器如dreamweave、hubuilder等，建議初學者使用記事本等文本編輯器。
我們知道現在的網頁設計都是純手寫代碼基本沒有使用可視化編輯的了，原因是可視化編輯的網頁有很多弊端如代碼冗余、後期改版難以控制和維護、網頁的執行效率和性能不高等。此時解決的辦法就是純手寫htm、css、js等代碼來做我們的網頁，但是我們在實際開發過程中又有些問題，學習的網頁的初期我們可以使用記事本或者有些簡單的文本編輯工具來寫代碼，但是在實際開發過程中我們需要借助有些好的編輯器來提高我們的效率， 此時就需要使用功能強大的編輯器，提供代碼高亮、代碼提示等功能來提高開發的速度，常見的前端代碼編輯器有dreamweave、hubuilder、sublime等等，這個根據個人的習慣和工作的環境進行選擇即可。但是建議初學者使用記事本等文本編輯器，這樣能讓我們記住壹些關鍵詞，有利於學習。
3、壹些更高級的前端工具和軟件我們也需要學習。
在實際的開發過程中，以上的工具並不能完全滿足我們的需要，尤其是開發壹些大型的項目的時候，我們需要使用和借助更多的工具來幫助我們進行開發，這裏簡要說壹些。例如當我們進行團隊合作的時候，我們可能還會使用壹些版本控制工具來進行團隊合作，如svn、github等，在進行項目管理的時候我們可能還需要壹些前端的包管理工具如grunt、webpack等。這些工具都是壹個專業前端工程師應該學些的。
總結：簡單的介紹了壹些網頁設計中需要使用的軟件和工具，可能不是很全面，但是可以給大家作為壹個參考。