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