隨著技術(shù)的不斷發(fā)展，動效越來越多的被應(yīng)用于實際的項目中——為什么動效越來越受到青睞？它有哪些優(yōu)勢呢？
首先要說明一點的是，動效之所以越來越受青睞不是最近才流行的，而完完全全就是因為過去硬件設(shè)備承受不住啊~ 過去要是在手機里搞個動效，那你手機就等著卡出翔，要知道過去的內(nèi)存和cpu都是多么多么的low......而現(xiàn)在呢？動不動尼瑪就是4G內(nèi)存了，雙核？四核？還是八核cpu吧......
所以不搞點動畫出來實在對不起這些硬件啊，再說這個年代是個強調(diào)個性的年代，一成不變和乏味的設(shè)計是很難讓消費者買單的。
動效的優(yōu)勢？
1. 展示產(chǎn)品功能
動效設(shè)計可以展示產(chǎn)品的功能、界面、交互操作等細節(jié)，讓用戶更直觀的了解一款產(chǎn)品的核心特征、用途、使用方法等細節(jié)。
2. 更有利于品牌建設(shè)
比較恰當(dāng)?shù)睦踝尤缱罱鼉?yōu)酷更新了logo，還有本文的第一張圖展示的youtube的logo延展。
3. 利于展示交互原型（設(shè)計細節(jié)）
很多時候設(shè)計不能光靠嘴去解釋你的想法，靜態(tài)的設(shè)計圖設(shè)計出來后也不見得能讓觀者一目了然。因為很多時候交互形式和一些動效真的很難用嘴來形容，所以才會有高保真demo，這樣就節(jié)約了太多的溝通成本。
4. 大大的增加了親和力和趣味性
有時候加個動效，能立馬拉進與觀者的距離，要是再加些趣味性在里面，用”愛不釋手“這詞也毫不夸張。
動效設(shè)計軟件有哪些？
目前市面上確實蠻多的，建議學(xué)好一個，夠用就好——學(xué)多而不精其實就是浪費時間！
1. Adobe After Effects
AE這個軟件我想大家都知道，火得一塌糊涂，如果沒猜錯的話，它目前屬于設(shè)計師學(xué)動效的首選。
它的特點就是強大且牛逼，基本上要的功能都有。UI動效制作其實只是用到了這個軟件很小的一部分功能而已，要知道很多美國大片都是通過它來進行后期合成制作的，配合PS和AI等自家軟件來說，更是得心應(yīng)手。dribbble上炒雞多的大神都是用這個軟件在show哦，畢竟這個軟件做demo那是牛牪犇逼的~
但是有些效果程序猿不見得能夠幫你實現(xiàn)出來， 因為實際的項目產(chǎn)品受太多的制約，木有那么多程序猿會沒事給你做動效的！
2. Adobe Photoshop
可能很多人都認為ps只用來作圖和處理圖像的，并不知道ps可以做gif~然而當(dāng)AE沒有火起來的時候，我們這些老ui設(shè)計師們都是用ps做gif，用flash做demo（過去我們只需要做PC桌面的動效）。如果沒記錯的話，ps從cs6之后開始進一步加強了動效的模塊，現(xiàn)在的版本能夠?qū)崿F(xiàn)很多相對復(fù)雜的動效~
而筆者喜歡用ps來制作簡單的表情動畫，逐幀動畫用得居多，如下圖的表情~
3. Adobe Flash
Flash可以說是過去的王者，也是由于時代的發(fā)展原因，現(xiàn)在基本被淘汰了，這里不多做解釋，具體可以百度——據(jù)說特別耗費cpu和占用內(nèi)存，軟件里面有都爆卡~不淘汰才怪，現(xiàn)在很多很low的網(wǎng)頁游戲還在用這種技術(shù)~
4. Pixate
這個軟件被大牛Google收購了，然而被收購一年后，Pixate Studio宣布于10月31號被停止更新了~凄凄慘慘戚戚。
Pixate是圖層類交互原型軟件，優(yōu)點是可交互，共享性強，和Sketch結(jié)合相對高，同時對Google Material Design的支持比較好，有許多MD相關(guān)預(yù)設(shè)；缺點是沒有時間線，層級管理不是很明確，圖層一多就會非常的繁雜。
5. Origami
這個軟件可以用一句話來形容——超強大的高難度原型工具，要是沒點代碼知識做壓驚~~建議遠處觀望就好~
6. Hype 3
hype 3也算是火了一小段時間的，號稱無代碼動效神器，像AE一樣使用時間軸就做可互動的動畫。PC、手機、pad端都可以直接訪問（以web的形式），也可以導(dǎo)出視頻或者GIF。3.0版還有物理特性和彈性曲線，可以發(fā)揮更強大的動畫效果。對中國人來講，它原生支持中文這一點也非常棒！配合sketch效果也是杠杠的！
7. Flinto
界面跟Sketch很像，如果會用sketch那么上手很快。它能夠快速實現(xiàn)各種滾動、轉(zhuǎn)場、點擊反饋效果，手機和電腦端的預(yù)覽都非常的流暢，貌似現(xiàn)在用的人不少~
8. Principle
這個軟件的和上面的flinto有點類似，界面和sketch類似，同時配合sketch也是非常方便。它主要是做2個頁面間過渡專場特效，元素切換，細節(jié)動效的工具。優(yōu)點很明顯，效率高，質(zhì)感好，缺點就是不能做整套原型。
9. CINEMA 4D
說到C4D或者大家第一反應(yīng)是它是三維軟件啊~沒錯！但是它做起動效來也是帥破天際的~~下面是網(wǎng)絡(luò)上用C4d做的一些demo。
10. keynote
keynote相當(dāng)于windows的powerpoint，是個幻燈片軟件。但是！或許你并不知道，據(jù)說蘋果的交互設(shè)計師都是用keynote做交互演示的......只要能夠熟練掌握這個軟件，目前app里的絕大多數(shù)動效都是可以做出來的~但是相對復(fù)雜一點的動效實現(xiàn)起來就有點不夠.......但是已經(jīng)很屌了好吧~~筆者經(jīng)常為了省事直接都是用它做個簡單demo給程序猿看的，快捷方便啊~要知道時間就是金錢?。?/p>
下面兩個圖就是用它實現(xiàn)噠~
好啦~由于筆者也并不是全部了解目前市面上的動效軟件，按照自己的理解基本上一些相對主流的動效制作軟件就是上面這些，如有漏或者不對的地方還請指正~
-
聯(lián)系客服
