我們在學習UI設(shè)計的過程中，需要掌握許多設(shè)計方面的知識，比如圖標設(shè)計、界面設(shè)計、動效設(shè)計、交互設(shè)計等。如果想要得心應手的設(shè)計，必須要能對應的設(shè)計工具。那么UI設(shè)計師需要掌握哪些設(shè)計軟件？

1.AdobePhotoshop–UI設(shè)計界面設(shè)計、圖標設(shè)計、圖片處理

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

功能特色：

強大的照片處理技術(shù)

強大的圖層功能，處理副本時可先保存原件

支持批量處理照片

兼容其他Adobe套件程序，如AE、AI等

提供了不同文件格式保存的選項

2.Adobeillustrator–UI界面設(shè)計、圖標設(shè)計、字體設(shè)計、插畫設(shè)計

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

功能特色：

強大易用的矢量繪圖功能

集成文字處理，上色等功能

3.AdobeAfterEffects–動效設(shè)計

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

功能特色：

強大的動效設(shè)計功能

支持與其他Adobe工具無縫協(xié)作

可配合插件導出動畫數(shù)據(jù)

豐富的素材和學習資源

4.Sketch–界面設(shè)計、圖標設(shè)計、原型設(shè)計

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

功能特色：

流暢出色的用戶體驗

簡單易用，學習門檻低

可配合大量實用的插件

5.AdobeXD–界面設(shè)計、圖標設(shè)計、原型設(shè)計

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

功能特色：

輕便易用

支持交互設(shè)計

國內(nèi)用戶可免費使用

6.Axure–原型設(shè)計

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

功能特色：

強大的交互設(shè)計

豐富的元件庫和模板資源