設(shè)計(jì)軟件只是UI設(shè)計(jì)的第一階段,新手可以從軟件入手,到后面的設(shè)計(jì)理論,規(guī)范,交互這些設(shè)計(jì)思維學(xué)起。學(xué)習(xí)UI設(shè)計(jì),首先要明白UI設(shè)計(jì)師需要做的工作,大致介紹就是界面、圖標(biāo)、動(dòng)效、交互、切圖、標(biāo)注等,這些內(nèi)容都需要用到不同的軟件。在這里主要列舉UI設(shè)計(jì)常用的四款軟件:PS,AI,AE、ARP、XD、另外還有一些輔助軟件偶爾也會(huì)用到,詳情羅列在下圖!
(圖片來自網(wǎng)絡(luò))
一、Adobe Photoshop
Adobe Photoshop,簡(jiǎn)稱“PS”,是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。 Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具,可以有效地進(jìn)行圖片編輯工作。ps有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及。PS可以用來從事,平面設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì),UI設(shè)計(jì)等多種設(shè)計(jì)工作。
(圖片來自網(wǎng)絡(luò))
二、Adobe illustrator
Adobe illustrator是一種應(yīng)用于出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫的軟件,作為一款非常好的圖片處理工具,Adobe Illustrator廣泛應(yīng)用于印刷出版、海報(bào)書籍排版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁(yè)面的制作等,也可以為線稿提供較高的精度和控制,適合生產(chǎn)任何小型設(shè)計(jì)到大型的復(fù)雜項(xiàng)目。在UI設(shè)計(jì)軟件中AI的使用率也是非常之高,主要可以用來繪制圖標(biāo),界面等設(shè)計(jì),插畫等。
(圖片來自網(wǎng)絡(luò))
三、Adobe After Effects
Adobe After Effects簡(jiǎn)稱“AE”是Adobe公司推出的一款圖形視頻處理軟件,適用于從事設(shè)計(jì)和視頻特技的機(jī)構(gòu),包括電視臺(tái)、動(dòng)畫制作公司、個(gè)人后期制作工作室以及多媒體工作室。屬于層類型后期軟件。在UI設(shè)計(jì)軟件中,它主要是用來做動(dòng)效設(shè)計(jì),交互效果的軟件。
(圖片來自網(wǎng)絡(luò))
四、Axure RP
Axure RP是美國(guó)Axure Software Solution公司旗艦產(chǎn)品,是一個(gè)專業(yè)的快速原型設(shè)計(jì)工具,讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計(jì)功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔。作為專業(yè)的原型設(shè)計(jì)工具,它能快速、高效的創(chuàng)建原型,同時(shí)支持多人協(xié)作設(shè)計(jì)和版本控制管理 。
(圖片來自網(wǎng)絡(luò))
五、Sketch
這里重點(diǎn)介紹一下Sketch,它是個(gè)很好的界面設(shè)計(jì)工具,很方便,完全就是為扁平化界面而生的。這在做做流行的扁平化界面設(shè)計(jì)方面確實(shí)方便,比ps效率會(huì)高,現(xiàn)在很多UI設(shè)計(jì)師都喜歡用,但是我們做設(shè)計(jì),肯定會(huì)接觸到各種東西,你可能要畫個(gè)擬物圖標(biāo),做個(gè)宣傳海報(bào),做個(gè)網(wǎng)站bannr,做個(gè)酷炫的字體效果,那就還是得乖乖打開ps,在圖像處理方面目前地球上沒有什么軟件能超過ps。
(圖片來自網(wǎng)絡(luò))
六、Experience Design CC
Adobe XD官方版全稱Adobe Experience Design CC,是Adobe旗下專業(yè)的交互原型設(shè)計(jì)工具。Adobe XD官方版跨平臺(tái)支持Win10 與 macOS,并且所有用戶均可免費(fèi)下載使用。Adobe XD CC 2018可快速進(jìn)行APP設(shè)計(jì)、網(wǎng)站設(shè)計(jì),UX/UI 產(chǎn)品設(shè)計(jì),是設(shè)計(jì)師、產(chǎn)品經(jīng)理和開發(fā)者們必備的設(shè)計(jì)工具
(圖片來自網(wǎng)絡(luò))
七、Adobe Dreamweaver
簡(jiǎn)稱“DW”,中文名稱 "夢(mèng)想編織者",DW是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)代碼編輯器。利用對(duì) HTML、CSS、JavaScript等內(nèi)容的支持,設(shè)計(jì)師和程序員可以在幾乎任何地方快速制作和進(jìn)行網(wǎng)站建設(shè)。
(圖片來自網(wǎng)絡(luò))
八、Cinema 4D
UI設(shè)計(jì)師的附加軟件,最近幾年非常流行的建模軟件,建模渲染效果特別好!因而,成為了設(shè)計(jì)創(chuàng)意工作者的效率生產(chǎn)工具?,F(xiàn)在,無論是影視后期、還是工業(yè)設(shè)計(jì)、或平面設(shè)計(jì)行業(yè),C4D軟件都得到了廣泛的運(yùn)用。用來做一些平面軟件達(dá)不到的3D效果,視覺效果,能做很多的概念設(shè)計(jì),這個(gè)軟件,能讓你的設(shè)計(jì)表現(xiàn)力更豐富更有趣。
(圖片來自網(wǎng)絡(luò))
九、藍(lán)湖
藍(lán)湖,產(chǎn)品設(shè)計(jì)協(xié)作平臺(tái)&原型制作工具。中文版、全免費(fèi),支持Mac、Web、iOS。 支持從Sketch一鍵分享、在線討論、自動(dòng)為設(shè)計(jì)圖生成標(biāo)注,而且只需簡(jiǎn)單幾步就能將設(shè)計(jì)圖變成一個(gè)可以點(diǎn)擊的演示原型,支持分享給同事,讓他也可以在手機(jī)中查看設(shè)計(jì)效果。藍(lán)湖已經(jīng)成為新一代產(chǎn)品ui設(shè)計(jì)的工作方式。
(圖片來自網(wǎng)絡(luò))
十、墨刀
一款在線原型設(shè)計(jì)與協(xié)同工具,借助墨刀,產(chǎn)品經(jīng)理、設(shè)計(jì)師、開發(fā)、銷售、運(yùn)營(yíng)及創(chuàng)業(yè)者等用戶群體,能夠搭建為產(chǎn)品原型,演示項(xiàng)目效果。墨刀同時(shí)也是協(xié)作平臺(tái),項(xiàng)目成員可以協(xié)作編輯、審閱 ,不管是產(chǎn)品想法展示,還是向客戶收集產(chǎn)品反饋,向投資人進(jìn)行Demo展示,或是在團(tuán)隊(duì)內(nèi)部協(xié)作溝通、項(xiàng)目管理 。
在這個(gè)網(wǎng)絡(luò)非常發(fā)達(dá)的年代。能夠提供給我們的ui設(shè)計(jì)軟件有很多。我們要想學(xué)會(huì)一樣?xùn)|西并不難,需要做的就是自己的努力與鉆研。所以,想要學(xué)習(xí)ui設(shè)計(jì)的朋友們快動(dòng)手操作起來吧。