網頁設計軟件的選取，主要還是看你的使用場景，是靜態的，還是動態的，是單個頁面/活動頁的網頁設計，還是整個網站的網頁設計，所用軟件/工具當然是不一樣的。
下面小編根據不同的使用場景，不同的使用方法，來推薦不同的網頁設計工具，幫助各位小伙伴快速選取智能的設計工具。
靜態單頁面設計
對于靜態的單頁面設計，沒有動效，沒有交互，實現起來也相對比較簡單。請看各路神仙的神操作及設計利器。
方法一：
工具：手機美顏/美圖秀秀/PS
直接選擇一個現成的模板，替換了圖片、文字，然后就上線了，高級一些的用PS處理下圖片，更有直接盜圖的。
當然了作圖軟件推薦PS，不會的選用其他圖片處理軟件，可跳過此段。
是最流行的圖像編輯器之一，UI設計師入門的必備界面設計工具。相信不是設計行業的小伙伴，也略知一二。
PS作為UI界面設計神器，也是必備的網頁設計軟件，有著強大的圖片編輯和處理功能，想要什么的圖形都可以用PS來實現，可用于攝影的后期制作，可給圖像添加各種濾鏡，調整亮度，對比度等，生成高分辨的圖形。
PS：如果要制作圖標，需要用到矢量繪圖軟件AI來制作，這樣放大才不會失真。
方法二
工具：PS+上線了
直接用響應式的網頁設計軟件，比如像是上線了這樣簡單的響應式建站工具，你只需要選擇喜歡的模板，然后稍微調整下不同模塊的布局（順序）就可以做出一個很漂亮的網站。
模板化建站就會千篇一律嗎？在上線了，你可以看到無數的人在十分鐘之內就搭建出了一個獨特的網站，并且完全不需要學習代碼。
智能標注、一鍵切圖、交互原型，摹客iDoc一次搞定
立即體驗
動態網頁設計
如今動態網頁設計在網頁設計中的應用已經越來越廣泛，而且國內許多公司開始重視動態網頁設計。動效在UI設計中的應用其實比我們想象中的還要強大，好的動效設計可以給用戶提供一個良好的視覺感受，從而加強與用戶之間的交互體驗。
動效設計，需要頁面交互，組件交互，甚至動畫的制作，相對復雜，要用到的網頁設計軟件也會多一些。
網頁設計軟件常用搭配：原型設計工具+動畫制作工具+協作工具
1. 網頁設計軟件——原型設計： // / 1）
但只支持Mac，其他系統請繞道。
是一款強大的界面設計工具，專為UI設計師打造的軟件，可讓你的界面設計變得更簡單，更高效。如果你是一個UX或者UI設計師，那么你一定知道這個強大的UI界面設計軟件。
如果你想轉行做UI設計師，那么你一定不能錯過這個好用的設計工具。
2）
國產軟件，這個工具是我在看到的推薦。提供豐富的交互設計和頁面切換功能， 設計師簡單點擊或拖拽即可實現交互動畫的添加，操作簡單動態網頁制作方法，就是界面是手繪風格。
動態網頁設計教程：/blog/post/1116
3）
是一款基于網頁的在線原型設計和協作工具。 設計師上傳已設計好的頁面，為其添加熱區，完成多樣的原型交互動畫。
但是，由于此款在線原型工具并不支持界面或UI部件的直接制作或編輯，設計師更多的將其作為原型演示工具，而非原型制作工具。
2. 動效制作工具推薦 AE-強大的動效視覺處理軟件
AE是Adobe After 的簡稱，是Adobe公司推出的一款關于圖形和視頻處理的界面設計工具。
AE這款界面設計工具可以幫助UI設計師對圖像視頻進行任何特效處理，是一個靈活的基于層的2D和3D后期合成軟件。
AE包含了上百種特效及預置動畫效果，可與，，等軟件無縫結合，創建無與倫比的視覺效果。
推薦幾個動畫庫：
①. .CSS
.CSS是一個國外的CSS3動畫庫，它的動畫庫有多達60種動畫效果，幾乎包含了所有常見的動畫效果。借助這個動畫庫動態網頁制作方法，設計師可以輕松、快速制作出CSS3動畫效果。
②. MAGIC
Magic 動畫是一個獨特的CSS3動畫特效包，設計師可以在自己的網站項目中自由地使用，只需簡單的在頁面引入 CSS樣式: magic.css 或者壓縮版本magic.min.css 就可以了。
③. .JS
.js是一款功能非常強大的可視化CSS3動畫代碼生成js庫插件。可以在可視化的條件下編輯CSS3的各種動畫效果。此外，.js還可以單獨使用，通過js代碼來完成各種CSS3動畫效果。
3. 協同軟件 ① -強大的協作
專為UI設計師與開發工程師量身打造的協作型界面設計工具。作為一名UI設計師，你需要把你的設計傳達給開發團隊，而的設計是為了實現這一目標。
②iDoc
iDoc操作很簡單，設計師直接從/XD/PS上傳制作的設計稿，前端工程師可以直接在面板右側會直觀的看到每個元素的大小，顏色，邊距，甚至可以直接導出樣式代碼。
另外，UI設計師還可以直接在UI界面上給開發人員添加注釋，標記，備注等。填補了產品、開發與設計之間的溝通障礙，為設計師和開發人員節省了大量寶貴的時間。
你不知道的神操作模式
產品根據目標用戶設置好原型，交由美工配色優化后，交由產品開發。產品和美工共用，精簡版的人員配置：產品+美工+前端。
如果上述人員配置和操作已經讓你吃驚的話，接下來請屏氣凝神。
縮減用人成本后就是：前端+美工共用，前端畫原型，美工配色，前端開發，如下圖：
神配置就是一個工程師，一個人全搞定，你見過么？
小結：
以上不同配置，不同網頁設計軟件，各位小伙伴按需索取。在智能的時代設計智能的產品，我們當然不能用石器時代的工具，雖然有些夸張，但是我們的時間更寶貴，不是么，更好的搭配，更高的效率。