隨著UI設(shè)計的不斷發(fā)展，UI動畫效果在現(xiàn)實生活中的應(yīng)用也越來越多。手機、iPad、電腦、網(wǎng)頁等設(shè)備的應(yīng)用范圍很廣，那么問題來了，為什么UI動畫效果的應(yīng)用越來越廣泛呢？它的優(yōu)點是什么？哪個軟件可以設(shè)計UI動畫？
想學運動設(shè)計？不要以為只有復雜的AE才能做到。今天，優(yōu)妹推薦給朋友的14個軟件可以做出很酷的動效設(shè)計，在功能上各有千秋，但效果也不遜色于AE（內(nèi)含大量教程）。
一、14個UI動畫設(shè)計軟件
看到這里，你可能想知道哪個軟件可以動畫了？
目前業(yè)界的UI動態(tài)效果軟件相當多，但99%只支持mac，只有1%支持，沒有mac確實是個缺陷， U姐建議好好學一學，夠了。學得太多而沒有做好其實是在浪費時間！
1. Adob??e 之后
系統(tǒng)支持：，mac
AE的軟件我想大家應(yīng)該都知道火是亂七八糟的。如果U姐猜對了，它是目前設(shè)計師學習動效的首選。
它的特點是強大而傲慢?；旧希哂兴斜匦璧墓δ?。UI動畫制作其實只用到了這個軟件函數(shù)的一小部分。要知道很多美國大片都用它來后期合成制作，有PS和AI等等。我自己的軟件就更得心應(yīng)手了，很多大神都用這個軟件來展示。
但是有些效果工程師可能無法幫你實現(xiàn)，因為實際的項目產(chǎn)品受到太多的限制。
2. Adob??e
系統(tǒng)支持：mac
很多人可能認為PS只是用來畫圖和處理圖片的，并不知道PS可以制作gif。但是在AE沒有流行的時候，我們這些老UI設(shè)計師用PS做Gif，用Flash做Gif。Demo（過去我們只需要做PC桌面的動畫）。如果我沒記錯的話，PS從CS 6開始就進一步加強了動態(tài)效果模塊，現(xiàn)在的版本可以實現(xiàn)很多比較復雜的動態(tài)效果。
3. Adob??e Flash
系統(tǒng)支持：mac
Flash過去可以說是王者，但也因為時代的發(fā)展，現(xiàn)在基本被淘汰了。這里就不解釋了，可以百度一下。
Adobe開發(fā)了軟件來替代Flash，稱為：Adobe CC。為了適應(yīng)h5和css3設(shè)計的趨勢，Adobe在flash的基礎(chǔ)上增加了h5動畫的新功能和新屬性，是flash的升級版。
4.
系統(tǒng)支持：，mac
這個軟件被大牛收購了，但是在被收購一年后：10月31日宣布停止更新（對用戶來說真是一大損失）。簡述其優(yōu)缺點：
是層類交互原型軟件。優(yōu)點：交互性強，共享性強，集成度比較高，在支持較好的同時，還有很多MD相關(guān)的預設(shè)。缺點是沒有時間線，層級管理不是很清楚，層數(shù)多了會很復雜。
5.
系統(tǒng)支持：mac
交互式動畫原型制作工具
出品，一定是精品。
自誕生之日起，就受到交互設(shè)計師的廣泛青睞。這正是使用的開源項目組件。
類似于可視化編程的模式展示，幾乎所有的操作都只需要拖拽連接，大大提高了工作效率，操作起來也非常方便快捷，因此也被網(wǎng)友稱為“動作神器”。設(shè)計師。
如果你沒有任何代碼知識可以震驚，建議遠距離觀看。
6. 炒作 3
系統(tǒng)支持：mac
Hype 3 也流行了很短的一段時間。它被稱為無代碼動畫神器。它使用時間軸來制作像 AE 一樣的交互式動畫。PC、手機、Pads都可以直接訪問（網(wǎng)頁形式），也可以導出視頻或GIF。3.版本 0 還具有物理屬性和彈性曲線，以獲得更強大的動畫效果。對于中文來說，原生支持中文也很棒！協(xié)同效應(yīng)也很大。
7.
系統(tǒng)支持：mac
界面很相似，如果會用的話，可以快速上手。可以快速實現(xiàn)各種滾動、過渡、點擊反饋效果。手機端和電腦端預覽都很流暢?，F(xiàn)在好像很多人都在用。下圖是演示：
8.
系統(tǒng)支持：mac
這個軟件和上面的有點像，界面也差不多，配合起來也很方便。主要是兩頁過渡特效、元素切換、細節(jié)動態(tài)效果的工具。優(yōu)點很明顯，效率高，質(zhì)感好，缺點是不能制作一整套原型。
9. 4D
系統(tǒng)支持：mac
說到C4D還是大家的第一反應(yīng)就是3D軟件啊，對！但是，在啟動效果方面，它也很帥。下面是網(wǎng)上一些用C4d做的demo。
C4D 教程：
10.
系統(tǒng)支持：mac
等效，幻燈片軟件。但！也許你不知道adobe做動效的軟件，據(jù)說蘋果的交互設(shè)計師都是用來做交互演示的。只要能熟練掌握這個軟件，目前app中的大部分動效都可以做出來，但是相對復雜的動效還不夠。
U姐為了省事，經(jīng)常用它做一個簡單的demo給程序員看?？旖莘奖?，你要知道時間就是金錢！
由于U姐對目前的動畫效果軟件還不是很了解，根據(jù)她自己的理解，比較主流的動畫制作軟件就是以上，如有錯誤和疏漏，限于篇幅，敬請見諒， PS做一個動態(tài)效果的簡單演示，推遲到下一篇。
11. proto.io
系統(tǒng)支持：mac
Proto.io 是一個專用的移動原型平臺——可以構(gòu)建和部署完全交互的移動應(yīng)用原型，并且可以模擬類似的成品。它可以在大多數(shù)瀏覽器中運行，并提供 3 個重要的接口：編輯器和播放器。
可用于管理項目。編輯器是一個原型設(shè)計環(huán)境，除了構(gòu)建交互之外，還包含一組用于設(shè)計和開發(fā)原型的工具。播放器用于查看原型并與之交互，并提供工具來標記和保留反饋。您可以直接在真實的移動設(shè)備上測試原型。原型可以使用 iOS 或 .
12..io
系統(tǒng)支持：mac
無論是簡單的交互，還是貫穿整個產(chǎn)品的開發(fā)，都能幫助您快速創(chuàng)建實用的原型。
13.
系統(tǒng)支持：mac
是一款互動動畫設(shè)計軟件，可以快速導入圖片，模擬圖層分層，支持手勢，可以在手機或平板上預覽。
是一個開源項目，一個基于 的設(shè)計者原型工具。今天的應(yīng)用程序更專注于交互設(shè)計，這可以讓你更有效率。
14.——用戶設(shè)計師的好處
系統(tǒng)支持：mac
（ Head Pie）是一款支持mac和雙平臺的交互原型制作工具（我們都知道99%的動效設(shè)計軟件只支持mac，平臺目前只有2個，而且無疑是win用戶設(shè)計師的福利，但被谷歌收購后2-3年沒有更新），相比、、、AE等更輕量級，集成功能更有吸引力. 調(diào)用系統(tǒng)的陀螺儀、麥克風、指南針、3D Touch、各種智能傳感器等，絕對是用戶設(shè)計師的福利。
官網(wǎng)已經(jīng)提供了簡單的介紹和教程，這里不再贅述。以后更新的文章中，我會通過自己的使用和體驗，嘗試和介紹每一個小功能。
對于 UI/UE 設(shè)計師：
使用時無需編寫代碼，通過后者的可視化設(shè)計即可完成相應(yīng)功能的增減。比如設(shè)計一個軟件時，設(shè)計者不需要記住具體的數(shù)據(jù)，通過時間軸拖動相應(yīng)的部分即可完成操作。完成軟件設(shè)計后，設(shè)計師可以將其導出到app中供開發(fā)者直接查看。
對于移動開發(fā)者和應(yīng)用產(chǎn)品經(jīng)理：
您可以在“設(shè)計師版”應(yīng)用程序中直接看到設(shè)計師的功能設(shè)計、交互邏輯等，您還將獲得一份提供的具體參數(shù)數(shù)據(jù)，并根據(jù)該數(shù)據(jù)進行開發(fā)。這不僅降低了設(shè)計師和開發(fā)者之間的溝通成本adobe做動效的軟件，也為設(shè)計師提供了一個探索新交互設(shè)計的平臺。
二、UI動畫的優(yōu)點
1. 展示產(chǎn)品功能
動效設(shè)計可以展示產(chǎn)品的功能、界面、交互操作等細節(jié)，讓用戶更直觀地了解產(chǎn)品的核心特性、用途和用途。
2. 更有利于品牌建設(shè)
一個更合適的例子是最近的優(yōu)酷標志更新：
3. 適合展示交互式原型（設(shè)計細節(jié)）
很多情況下，設(shè)計不能單靠嘴來解釋，靜態(tài)的設(shè)計圖可能讓觀者一目了然。因為很多時候交互形式和一些動態(tài)效果真的很難用語言來描述，所以有一個高保真Demo，節(jié)省了很多溝通成本。
4. 增加親和力和樂趣
有時加入動態(tài)效果可以瞬間拉近觀者與觀者之間的距離。如果給它增添一些樂趣，“愛不釋手”這個詞一點也不為過。
三、總結(jié)
上面U姐說的都是制作交互動畫原型的工具：AE、、、Flash（已退出歷史舞臺）、Hype3、、Proto.io、、、、、.io，我給大家粗略介紹一下，如果你想學習動效設(shè)計，可以選擇其中一個適合你的軟件，有什么問題可以給我留言，我們下期再見。
（PS：下一篇是《一個APP從0到1的設(shè)計：設(shè)計規(guī)范》）