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

1. Adobe Photoshop - UI設(shè)計界面設(shè)計、圖標(biāo)設(shè)計、圖片處理

每次推薦UI設(shè)計工具時，首先一定會提到 Adobe Photoshop 。PS 是 Adobe 家族的頂梁柱，也是UI設(shè)計師的入門必備設(shè)計工具之一。強(qiáng)大的圖片編輯和處理功能，可以幫助UI設(shè)計師完成精細(xì)的圖片處理和界面設(shè)計，調(diào)整圖像大小和分辨率也不會丟失圖像質(zhì)量。配合摹客等插件，可以將 PS 中設(shè)計完成的靜態(tài)頁面轉(zhuǎn)化為可交互的高保真原型。

功能特色：

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

2. Adobe illustrator - UI界面設(shè)計、圖標(biāo)設(shè)計、字體設(shè)計、插畫設(shè)計

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

功能特色：

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

3. Adobe After Effects - 動效設(shè)計

Adobe After Effects 也是 Adobe 家族的一員，主要用于圖形和視頻處理。隨著動效設(shè)計在UI界面設(shè)計中的廣泛應(yīng)用，作為UI設(shè)計師，AE 當(dāng)然也是必須了解的設(shè)計工具之一。無論驚艷的轉(zhuǎn)場效果，還創(chuàng)意十足的動作設(shè)計，AE 都能搞定。配合PS等界面設(shè)計工具，可以輕松完成極具沖擊力的UI界面設(shè)計。

功能特色：

• 強(qiáng)大的動效設(shè)計功能
• 支持與其他Adobe工具無縫協(xié)作
• 可配合插件導(dǎo)出動畫數(shù)據(jù)
• 豐富的素材和學(xué)習(xí)資源

4. Sketch - 界面設(shè)計、圖標(biāo)設(shè)計、原型設(shè)計

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

功能特色：

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

5. Adobe XD - 界面設(shè)計、圖標(biāo)設(shè)計、原型設(shè)計

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

功能特色：

• 輕便易用
• 支持交互設(shè)計
• 國內(nèi)用戶可免費(fèi)使用

6. Figma - 界面設(shè)計、實時協(xié)作

在之前的文章中，我們?yōu)榇蠹医榻B過 Figma這款工具。作為一款新晉設(shè)計神器，F(xiàn)igma 最近可賺足了話題量。相比于一些曇花一現(xiàn)的設(shè)計協(xié)作工具，F(xiàn)igma具有很高的易用性，支持矢量繪圖、版本管理等，功能強(qiáng)大，操作流暢，不僅可以幫助設(shè)計師完成界面設(shè)計，還支持實時協(xié)作，適合中小體量的設(shè)計團(tuán)隊使用。如果你會使用Sketch，那么Figma對你來說幾乎沒有學(xué)習(xí)門檻。

功能特色：

• 流暢的操作體驗
• 超強(qiáng)的全局組件
• 支持實時協(xié)作
• 支持版本管理

7. 摹客 - 全流程設(shè)計協(xié)作

摹客是國內(nèi)最早考慮到將碎片化設(shè)計工具整合到一起的全流程協(xié)作設(shè)計平臺。摹客的功能覆蓋了在線設(shè)計、設(shè)計稿和原型稿交付、文檔撰寫和管理、在線評審、標(biāo)注切圖、規(guī)范管理等產(chǎn)品設(shè)計各環(huán)節(jié)需使用到的功能，可以靈活適應(yīng)不同體量團(tuán)隊的工作模式。對于UI設(shè)計師來說，既可以把它看做是web端的簡化版Sketch，在線完成高保真原型設(shè)計，也可以把它當(dāng)成國產(chǎn) Figma ，滿足團(tuán)隊實時協(xié)作需求。

功能特色：

• 產(chǎn)品設(shè)計協(xié)作全流程覆蓋
• 強(qiáng)大的高保真設(shè)計功能
• 強(qiáng)大智能的標(biāo)注切圖功能
• 支持交付PS/Sketch/XD/Axure設(shè)計稿
• 基于web，無需安裝
• 支持100人以下團(tuán)隊免費(fèi)使用

8. Axure - 原型設(shè)計

Axure 是在互聯(lián)網(wǎng)產(chǎn)品設(shè)計行業(yè)內(nèi)被廣泛使用的原型設(shè)計工具之一。使用 Axure ，可以輕松創(chuàng)建網(wǎng)頁和移動端項目原型。作為老牌設(shè)計工具，Axure具備非常強(qiáng)大的交互功能和豐富的可編輯元件，如果想要打造最接近真實效果的可交互原型，那么Axure是一個不錯的選擇。不過相較于摹客等輕量化設(shè)計工具來說，Axure前期的學(xué)習(xí)成本較高，需要花費(fèi)一定的時間去學(xué)習(xí)。

功能特色：

• 強(qiáng)大的交互設(shè)計
• 豐富的元件庫和模板資源

9. Dreamweaver - 網(wǎng)站建設(shè)

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

功能特色：

• 制作效率高
• 全面的CSS支持增強(qiáng)功能
• 提供豐富的學(xué)習(xí)資源

10. C4D - 三維設(shè)計

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

功能特色：

• 強(qiáng)大的渲染能力
• 強(qiáng)大的視覺表現(xiàn)力
• 學(xué)習(xí)門檻相對較低

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