隨著UI設(shè)計(jì)的不斷發(fā)展，UI動(dòng)效越來越多地應(yīng)用于現(xiàn)實(shí)生活中。手機(jī)，iPad、計(jì)算機(jī)、網(wǎng)頁(yè)和其他設(shè)備被廣泛使用，所以問題來了，為什么UI動(dòng)態(tài)效果越來越被廣泛使用？它的優(yōu)點(diǎn)是什么？哪些軟件可以設(shè)計(jì)UI動(dòng)態(tài)效果？

想學(xué)動(dòng)態(tài)設(shè)計(jì)嗎？不要以為只有復(fù)雜的AE才能做到。今天嚴(yán)格推薦給你的11個(gè)軟件可以做一個(gè)很酷的動(dòng)態(tài)設(shè)計(jì)，每個(gè)軟件在功能上都有自己的優(yōu)勢(shì)，但效果并不比AE差（有很多教程）。

看到這里，也許你最想知道哪些軟件可以做動(dòng)效？

目前業(yè)內(nèi)UI動(dòng)效軟件相當(dāng)多，但99%只支持Mac，只有1%支持windows。沒有Mac真的是一個(gè)嚴(yán)重的傷害。

即時(shí)設(shè)計(jì)

系統(tǒng)支持：Windows、Mac

復(fù)制到瀏覽器立即體驗(yàn)：https://ad.js.design/special/ui/?source=bz&plan=ysbz1101

即時(shí)設(shè)計(jì)是一款免費(fèi)的在線 UI 設(shè)計(jì)工具，無系統(tǒng)限制，瀏覽器打開即可使用，更有豐富的在線素材、云端字體、交互動(dòng)畫等功能滿足多種需求，輕松應(yīng)付移動(dòng)端、Web端、可視化大屏等設(shè)計(jì)場(chǎng)景，還可和產(chǎn)品、開發(fā)輕松協(xié)作，實(shí)時(shí)在線評(píng)審、交付切圖、查看代碼標(biāo)注，大幅提高團(tuán)隊(duì)工作效率。

豐富的交互事件配合智能動(dòng)畫，讓設(shè)計(jì)師能夠非?？焖俚貙?shí)現(xiàn)各種超棒的交互動(dòng)效，模擬真實(shí)效果~

不管是用來測(cè)試自己的 idea，還是用來給客戶演示，讓開發(fā)了解實(shí)現(xiàn)效果，一份可交互的高保真設(shè)計(jì)稿都比語(yǔ)言和想象來的更加直觀有力！

復(fù)制到瀏覽器立即體驗(yàn)：https://ad.js.design/special/ui/?source=bz&plan=ysbz1101

AdobeAfterEffects

系統(tǒng)支持：Windows、Mac

AE這個(gè)軟件我想大家都應(yīng)該知道，火得一塌糊涂，如果U姐沒猜錯(cuò)的話，它目前是設(shè)計(jì)師學(xué)習(xí)動(dòng)效的首選。

它的特點(diǎn)是強(qiáng)大和強(qiáng)大?；旧嫌兴行枰墓δ埽琔I動(dòng)態(tài)效果制作實(shí)際上只是該軟件功能的一小部分，知道許多美國(guó)大片是通過它進(jìn)行后期合成制作的，與PS和人工智能等自己的軟件，更方便，Dribbble、Behance上很多大神都用這個(gè)軟件在show。

但有些效果工程師可能無法幫助你實(shí)現(xiàn)，因?yàn)閷?shí)際的項(xiàng)目產(chǎn)品受到太多的限制。

AdobePhotoshop

系統(tǒng)支持：WindowsMac

很多人可能認(rèn)為PS只用于繪圖和處理圖像，但他們不知道PS可以制作gif。然而，當(dāng)AE不流行時(shí)，我們的老UI設(shè)計(jì)師用PS制作gif，用Flash制作demo（過去我們只需要制作PC桌面的動(dòng)態(tài)效果）。如果我沒記錯(cuò)的話，PS從CS6開始進(jìn)一步加強(qiáng)了動(dòng)態(tài)效果模塊，現(xiàn)在的版本可以實(shí)現(xiàn)許多相對(duì)復(fù)雜的動(dòng)態(tài)效果。

AdobeFlash

系統(tǒng)支持：WindowsMac

Flash可以說是過去的王者，也是因?yàn)闀r(shí)代的發(fā)展，現(xiàn)在基本上被淘汰了，這里就不多解釋了，具體可以百度了。

Adobe開發(fā)的取代Flash的軟件叫做：AdobeAnimateCC，為了適應(yīng)h5和css3設(shè)計(jì)的趨勢(shì)，Adobe在flash的基礎(chǔ)上增加了h5動(dòng)畫的新功能和新屬性，是flash的升級(jí)版。

Pixate

系統(tǒng)支持：Windows、Mac

該軟件被大牛谷歌收購(gòu)，但谷歌收購(gòu)一年后，PixateStudio宣布于10月31日停止更新(這對(duì)windows用戶來說是一個(gè)巨大的損失)。簡(jiǎn)單說一下它的優(yōu)缺點(diǎn):

Pixate是圖層交互原型軟件。優(yōu)點(diǎn):可交互性強(qiáng)，共享性強(qiáng)，與Sketch結(jié)合相對(duì)較高。同時(shí)，它更好地支持Googlematerialdesign，并且有許多與MD相關(guān)的預(yù)設(shè)。Pixate的缺點(diǎn)是沒有時(shí)間線，層次管理不是很清楚，層次會(huì)很復(fù)雜。

Origami

系統(tǒng)支持：Mac

交互式動(dòng)畫原型設(shè)計(jì)工具

Facebook生產(chǎn)，必須屬于精品。

Origamistudio自誕生以來，就受到交互設(shè)計(jì)師的廣泛青睞。這正是Origamistudio使用的Facebook開源項(xiàng)目組件。

類似于可視化編程模式顯示，幾乎所有操作都只需要拖動(dòng)連接，大大提高了工作效率，操作非常方便快捷，因此也被設(shè)計(jì)師成為“動(dòng)態(tài)神器”。

如果沒有代碼知識(shí)做壓驚，建議遠(yuǎn)處觀望。

Hype3

系統(tǒng)支持：Mac

Hype3也火了一小段時(shí)間，被稱為無代碼動(dòng)效神器，像AE一樣使用時(shí)間軸制作互動(dòng)動(dòng)畫。PC、手機(jī)和Pad端可以直接訪問(以web的形式)，也可以導(dǎo)出視頻或GIF。3.0版還具有物理特性和彈性曲線，可以發(fā)揮更強(qiáng)的動(dòng)畫效果。對(duì)于中國(guó)人來說，它本地支持中文也是很棒的！sketch效果也很棒。

Flinto

系統(tǒng)支持：Mac

界面與Sketch非常相似。如果你能使用Sketch，你可以很快開始。它可以快速實(shí)現(xiàn)各種滾動(dòng)、過渡和點(diǎn)擊反饋效果。手機(jī)和電腦的預(yù)覽非常流暢。看來現(xiàn)在用的人很多，下圖是demo：

Principle

系統(tǒng)支持：Mac

該軟件與上面的flinto有點(diǎn)相似，界面與sketch相似，與sketch相匹配也非常方便。主要用于兩頁(yè)之間過渡特效、元素切換和細(xì)節(jié)動(dòng)態(tài)效果的工具。優(yōu)點(diǎn)明顯，效率高，質(zhì)地好，缺點(diǎn)是不能做一整套原型。

CINEMA4D

系統(tǒng)支持：WindowsMac

說到C4D，或者每個(gè)人的第一反應(yīng)都是它是一個(gè)三維軟件，是的！但它的動(dòng)態(tài)效果也很英俊，以下是一些C4D在互聯(lián)網(wǎng)上制作的演示。

proto.io

系統(tǒng)支持：Mac

Proto.io是一個(gè)特殊的手機(jī)原型開發(fā)平臺(tái)——可以構(gòu)建和部署全交互式移動(dòng)程序的原型，并可以模擬類似的成品。它可以在大多數(shù)瀏覽器中運(yùn)行，并提供三個(gè)重要的界面：dashboard、編輯器和播放器。

dashboard可以用來管理項(xiàng)目。編輯器是一個(gè)構(gòu)建原型的環(huán)境，由一組設(shè)計(jì)和開發(fā)原型的工具組成，也可以構(gòu)建交互。播放器用于觀看原型，與原型交互，并提供相關(guān)工具來標(biāo)記和保留反饋信息。您可以直接在真實(shí)的移動(dòng)設(shè)備上測(cè)試原型。并且可以使用iOS或Android上的瀏覽器以全屏模式運(yùn)行原型。

protopie

Protopie(菠蘿頭派)是一種交互式原型設(shè)計(jì)工具，支持Mac和windows雙平臺(tái)(我們都知道99%的動(dòng)效設(shè)計(jì)軟件只支持Mac，windows平臺(tái)目前只有兩個(gè)，pixate和protopie無疑是win用戶設(shè)計(jì)師的福利，但pixate被谷歌收購(gòu)后2-3年再也沒有更新過)、orgami、與AE相比，AE更輕，集成功能更吸引人?？梢哉{(diào)用陀螺儀、麥克風(fēng)、羅盤、3DTouch、各種智能傳感器等。iphone系統(tǒng)，這絕對(duì)是windows用戶設(shè)計(jì)師的福利。