UI動效設計幾乎都是這10個軟體做出來的！

關注、置頂PS軟體！

第一時間獲取最新乾貨！

1. Adobe After Effects

AE這個軟體我想大家都知道，火得一塌糊塗，如果沒猜錯的話，它目前屬於設計師學動效的首選。

它的特點就是強大且牛逼，基本上要用的功能都有。UI動效製作其實只是用到了這個軟體很小的一部分功能而已，要知道很多美國大片都是通過它來進行後期合成製作的，配合PS和AI等自家軟體來說，更是得心應手。

2. Adobe Photoshop

可能很多人都認為ps只用來作圖和處理圖像的，並不知道ps可以做gif~然而當AE沒有火起來的時候，我們這些老ui設計師們都是用ps做gif，用flash做demo（過去我們只需要做PC桌面的動效）。如果沒記錯的話，ps從cs6之後開始進一步加強了動效的模塊，現在的版本能夠實現很多相對複雜的動效~

而筆者喜歡用ps來製作簡單的表情動畫，逐幀動畫用得居多，如下圖的表情~

Flash可以說是過去的王者，也是由於時代的發展原因，現在基本被淘汰了，這裡不多做解釋，具體可以百度——據說特別耗費cpu和佔用內存，軟體裡面有都爆卡！不淘汰才怪！現在很多很low的網頁遊戲還在用這種技術。

4. Pixate

這個軟體被大牛Google收購了，然而被收購一年後，Pixate Studio宣布被停止更新了~凄凄慘慘戚戚。

Pixate是圖層類交互原型軟體，優點是可交互，共享性強，和Sketch結合相對高，同時對Google Material Design的支持比較好，有許多MD相關預設；缺點是沒有時間線，層級管理不是很明確，圖層一多就會非常的繁雜。

5. Origami

這個軟體可以用一句話來形容——超強大的高難度原型工具，要是沒點代碼知識做壓驚，建議遠處觀望就好。

6. Hype 3

hype 3也算是火了一小段時間的，號稱無代碼動效神器，像AE一樣使用時間軸就做可互動的動畫。PC、手機、pad端都可以直接訪問（以web的形式），也可以導出視頻或者GIF。3.0版還有物理特性和彈性曲線，可以發揮更強大的動畫效果。對中國人來講，它原生支持中文這一點也非常棒！配合sketch效果也是杠杠的！

7. Flinto

界面跟Sketch很像，如果會用sketch那麼上手很快。它能夠快速實現各種滾動、轉場、點擊反饋效果，手機和電腦端的預覽都非常的流暢，貌似現在用的人不少。

8. Principle

這個軟體的和上面的flinto有點類似，界面和sketch類似，同時配合sketch也是非常方便。它主要是做2個頁面間過渡專場特效，元素切換，細節動效的工具。優點很明顯，效率高，質感好，缺點就是不能做整套原型。

9. CINEMA 4D

說到C4D或者大家第一反應是它是三維軟體啊~沒錯！但是它做起動效來也是帥破天際的~~下面是網路上用C4d做的一些demo。

10. keynote

keynote相當於windows的powerpoint，是個幻燈片軟體。但是！或許你並不知道，據說蘋果的交互設計師都是用keynote做交互演示的......只要能夠熟練掌握這個軟體，目前app里的絕大多數動效都是可以做出來的~但是相對複雜一點的動效實現起來就有點不夠.......但是已經很屌了好吧~~筆者經常為了省事直接都是用它做個簡單demo給程序猿看的，快捷方便啊~要知道時間就是金錢啊！

下面兩個圖就是用它實現噠~

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！