我們在學習UI設計的過程中，需要掌握許多設計方面的知識，比如圖標設計、界面設計、動效設計、交互設計等。如果想要得心應手的設計，必須要能對應的設計工具。那麼UI設計師需要掌握哪些設計軟體？這已經是一個老生常談的問題了。在之前的一些文章中，我們也為大家推薦過一些軟體，比如Flinto Lite、Origami等。但隨著互聯網的不斷發展，設計軟體也不斷更迭，輕便易用的工具替代了複雜繁瑣的工具，碎片化工具開始向多功能平台發展。因此，設計師需要掌握的工具，和從前已經大不一樣。今天，小摹就來為大家分享，2020年的設計師，需要掌握哪些設計軟體。

1. Adobe Photoshop – UI設計界面設計、圖標設計、圖片處理

每次推薦UI設計工具時，首先一定會提到 Adobe Photoshop 。PS 是 Adobe 家族的頂樑柱，也是UI設計師的入門必備設計工具之一。強大的圖片編輯和處理功能，可以幫助UI設計師完成精細的圖片處理和界面設計，調整圖像大小和解析度也不會丟失圖像質量。配合摹客等插件，可以將 PS 中設計完成的靜態頁面轉化為可交互的高保真原型。

功能特色：

• 強大的照片處理技術
• 強大的圖層功能，處理副本時可先保存原件
• 支持批量處理照片
• 兼容其他Adobe套件程序，如AE、AI等
• 提供了不同文件格式保存的選項

2. Adobe illustrator – UI界面設計、圖標設計、字體設計、插畫設計

如果需要處理圖片，PS是首選，但如果要製作圖標，那麼就需要用到矢量繪圖軟體 AI 。AI 提供了豐富的像素描繪功能以及順暢靈活的矢量繪圖功能，配合文字處理和上色等功能，不僅可以輕鬆搞定圖標設計，也可以完成精美的插畫設計，讓UI設計作品錦上添花。

功能特色：

• 強大易用的矢量繪圖功能
• 集成文字處理，上色等功能

3. Adobe After Effects – 動效設計

Adobe After Effects 也是 Adobe 家族的一員，主要用於圖形和視頻處理。隨著動效設計在UI界面設計中的廣泛應用，作為UI設計師，AE 當然也是必須了解的設計工具之一。無論驚艷的轉場效果，還創意十足的動作設計，AE 都能搞定。配合PS等界面設計工具，可以輕鬆完成極具衝擊力的UI界面設計。

功能特色：

• 強大的動效設計功能
• 支持與其他Adobe工具無縫協作
• 可配合插件導齣動畫數據
• 豐富的素材和學習資源

4. Sketch – 界面設計、圖標設計、原型設計

Sketch 是近幾年崛起的一款強大的設計工具，可以幫助UI設計師快速完成界面設計，僅支持Mac系統。在Sketch中，可批量命名圖層、智能標註頁面、填充圖片和文字等，也可以為靜態的設計添加簡單的頁面交互。此外，Sketch擁有非常豐富的插件市場，可以彌補軟體功能的不足，也可以滿足不同人群的設計需求。

功能特色：

• 流暢出色的用戶體驗
• 簡單易用，學習門檻低
• 可配合大量實用的插件

5. Adobe XD – 界面設計、圖標設計、原型設計

Adobe XD 和 Sketch 的功能比較相似，也支持打開 Sketch 文件，彌補了 Windows 用戶無法使用 Sketch 的遺憾。相較於前面介紹的幾款工具來說，XD 具有更加輕便易用的特點。UI設計師可以使用 XD 快速完成原型製作和界面設計，還可以快速設置頁面交互。

功能特色：

• 輕便易用
• 支持交互設計
• 國內用戶可免費使用

6. Figma – 界面設計、實時協作

在之前的文章中，我們為大家介紹過 Figma這款工具。作為一款新晉設計神器，Figma 最近可賺足了話題量。相比於一些曇花一現的設計協作工具，Figma具有很高的易用性，支持矢量繪圖、版本管理等，功能強大，操作流暢，不僅可以幫助設計師完成界面設計，還支持實時協作，適合中小體量的設計團隊使用。如果你會使用Sketch，那麼Figma對你來說幾乎沒有學習門檻。

功能特色：

• 流暢的操作體驗
• 超強的全局組件
• 支持實時協作
• 支持版本管理

7. 摹客 – 全流程設計協作

摹客是國內最早考慮到將碎片化設計工具整合到一起的全流程協作設計平台。摹客的功能覆蓋了在線設計、設計稿和原型稿交付、文檔撰寫和管理、在線評審、標註切圖、規範管理等產品設計各環節需使用到的功能，可以靈活適應不同體量團隊的工作模式。對於UI設計師來說，既可以把它看做是web端的簡化版Sketch，在線完成高保真原型設計，也可以把它當成國產 Figma ，滿足團隊實時協作需求。

功能特色：

• 產品設計協作全流程覆蓋
• 強大的高保真設計功能
• 強大智能的標註切圖功能
• 支持交付PS/Sketch/XD/Axure設計稿
• 基於web，無需安裝
• 支持100人以下團隊免費使用

8. Axure – 原型設計

Axure 是在互聯網產品設計行業內被廣泛使用的原型設計工具之一。使用 Axure ，可以輕鬆創建網頁和移動端項目原型。作為老牌設計工具，Axure具備非常強大的交互功能和豐富的可編輯元件，如果想要打造最接近真實效果的可交互原型，那麼Axure是一個不錯的選擇。不過相較於摹客等輕量化設計工具來說，Axure前期的學習成本較高，需要花費一定的時間去學習。

功能特色：

• 強大的交互設計
• 豐富的元件庫和模板資源

9. Dreamweaver – 網站建設

最後介紹的兩款工具，可以作為UI設計師的加分項。第一款是網頁代碼編輯器 Dreamweaver 。之前在分享UI設計師求職攻略時，我們提到，根據目前互聯網大廠的招聘需求可以看出，大廠設計師正在往全棧設計師發展，因此對於想要完成進階的UI設計師來說，不僅需要掌握界面設計工具，還需要學習和了解前端的布局和設計，才能更好地配合開發工程師們完成產品研發工作。

功能特色：

• 製作效率高
• 全面的CSS支持增強功能
• 提供豐富的學習資源

10. C4D – 三維設計

另一款加分工具是三維設計軟體 C4D ，相較於 Maya 和 3D Max 等工具，C4D 更加簡單易上手。除了在廣告、電影、工業設計等行業廣泛應用以外，近年來，在電商平台設計方面，C4D 也逐漸開始嶄露頭角，如果你想要緊跟電商平台設計的潮流趨勢，那麼 C4D 一定是你必須了解的設計軟體之一。

功能特色：

• 強大的渲染能力
• 強大的視覺表現力
• 學習門檻相對較低

設計軟體的誕生，是為了幫助設計師更好地完成工作，設計軟體的競爭和更迭，最後受益的也一定是設計師。作為設計師的我們，也必須時刻保持學習的激情，才能不斷豐富自己的能力，提升自身的行業競爭力。