我們在學習UI設計的過程中,需要掌握許多設計方面的知識,比如圖標設計、界面設計、動效設計、交互設計等。如果想要得心應手的設計,必須要能對應的設計工具。那么UI設計師需要掌握哪些設計軟件?
1.AdobePhotoshop–UI設計界面設計、圖標設計、圖片處理
每次推薦UI設計工具時,首先一定會提到AdobePhotoshop。PS是Adobe家族的頂梁柱,也是UI設計師的入門必備設計工具之一。強大的圖片編輯和處理功能,可以幫助UI設計師完成精細的圖片處理和界面設計,調整圖像大小和分辨率也不會丟失圖像質量。配合摹客等插件,可以將PS中設計完成的靜態(tài)頁面轉化為可交互的高保真原型。
功能特色:
強大的照片處理技術
強大的圖層功能,處理副本時可先保存原件
支持批量處理照片
兼容其他Adobe套件程序,如AE、AI等
提供了不同文件格式保存的選項
2.Adobeillustrator–UI界面設計、圖標設計、字體設計、插畫設計
如果需要處理圖片,PS是首 選,但如果要制作圖標,那么就需要用到矢量繪圖軟件AI。AI提供了豐富的像素描繪功能以及順暢靈活的矢量繪圖功能,配合文字處理和上色等功能,不僅可以輕松搞定圖標設計,也可以完成精美的插畫設計,讓UI設計作品錦上添花。
功能特色:
強大易用的矢量繪圖功能
集成文字處理,上色等功能
3.AdobeAfterEffects–動效設計
AdobeAfterEffects也是Adobe家族的一員,主要用于圖形和視頻處理。隨著動效設計在UI界面設計中的廣泛應用,作為UI設計師,AE當然也是必須了解的設計工具之一。無論驚艷的轉場效果,還創(chuàng)意十足的動作設計,AE都能搞定。配合PS等界面設計工具,可以輕松完成極具沖擊力的UI界面設計。
功能特色:
強大的動效設計功能
支持與其他Adobe工具無縫協(xié)作
可配合插件導出動畫數據
豐富的素材和學習資源
4.Sketch–界面設計、圖標設計、原型設計
Sketch是近幾年崛起的一款強大的設計工具,可以幫助UI設計師快速完成界面設計,僅支持Mac系統(tǒng)。在Sketch中,可批量命名圖層、智能標注頁面、填充圖片和文字等,也可以為靜態(tài)的設計添加簡單的頁面交互。此外,Sketch擁有非常豐富的插件市場,可以彌補軟件功能的不足,也可以滿足不同人群的設計需求。
功能特色:
流暢出色的用戶體驗
簡單易用,學習門檻低
可配合大量實用的插件
5.AdobeXD–界面設計、圖標設計、原型設計
AdobeXD和Sketch的功能比較相似,也支持打開Sketch文件,彌補了Windows用戶無法使用Sketch的遺憾。相較于前面介紹的幾款工具來說,XD具有更加輕便易用的特點。UI設計師可以使用XD快速完成原型制作和界面設計,還可以快速設置頁面交互。
功能特色:
輕便易用
支持交互設計
國內用戶可免費使用
6.Axure–原型設計
Axure是在互聯(lián)網產品設計行業(yè)內被廣泛使用的原型設計工具之一。使用Axure,可以輕松創(chuàng)建網頁和移動端項目原型。作為老牌設計工具,Axure具備非常強大的交互功能和豐富的可編輯元件,如果想要打造最接近真實效果的可交互原型,那么Axure是一個不錯的選擇。不過相較于摹客等輕量化設計工具來說,Axure前期的學習成本較高,需要花費一定的時間去學習。
功能特色:
強大的交互設計
豐富的元件庫和模板資源