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