5款優(yōu)秀的交互動效設(shè)計軟件推薦,讓你用到爽

當(dāng)我們在看到一些漂亮的APP動效設(shè)計的時候,大家就會問,這些動效到底是用哪些動效設(shè)計軟件制作的 呢?

今天學(xué)堂君給大家整理出了10款優(yōu)秀的動效設(shè)計軟件。你看哪些你聽過或者用過呢?

 

第一款動效設(shè)計軟件:?Adobe After Effects

AE這個軟件我想大家都知道,火得一塌糊涂,如果沒猜錯的話,它目前屬于設(shè)計師學(xué)動效的首選。目前市場上出現(xiàn)了很多AE培訓(xùn)的課程。也特別的多。報名人數(shù)也很多。

Adobe-After-Effects-動效設(shè)計軟件

它的特點(diǎn)就是強(qiáng)大且牛逼,基本上要的功能都有。UI動效制作其實只是用到了這個軟件很小的一部分功能而已,要知道很多美國大片都是通過它來進(jìn)行后期合成制作的,配合PS和AI等自家軟件來說,更是得心應(yīng)手。dribbble上炒雞多的大神都是用這個軟件在show哦,畢竟這個軟件做demo那是牛牪犇逼的~

APP UI動效為什么那么受歡迎3

但是有些效果程序猿不見得能夠幫你實現(xiàn)出來, 因為實際的項目產(chǎn)品受太多的制約,木有那么多程序猿會沒事給你做動效的!

動效設(shè)計創(chuàng)新欣賞

 

第二款動效設(shè)計制作軟件:?Adobe Photoshop

看到它,我想各位設(shè)計師小伙伴們不陌生,可以用ps來制作一些gif逐幀動畫。

比如很多牛逼的設(shè)計大師就喜歡用ps來制作簡單的表情動畫,逐幀動畫用得居多,如下圖的表情~

0 (1) 00 (2) 0 (3)

 

 

第三款動效設(shè)計制作軟件:principle

之前25學(xué)堂分享了一篇Mac平臺交互動效設(shè)計神器—Principle演示

這是需要跟sketch配合使用才能發(fā)揮出最大動效設(shè)計魅力的。

它主要是做2個頁面間過渡專場特效,元素切換,細(xì)節(jié)動效的工具。優(yōu)點(diǎn)很明顯,效率高,質(zhì)感好,缺點(diǎn)就是不能做整套原型。

這類有一篇詳細(xì)的介紹:http://www.zcool.com.cn/article/ZNDE0NDM2.html

有興趣的小伙伴可以看下principle的動畫演示視頻:

 

第四款動效設(shè)計制作軟件:Hype 3

hype 3也算是火了一小段時間的,號稱無代碼動效神器,像AE一樣使用時間軸就做可互動的動畫。PC、手機(jī)、pad端都可以直接訪問(以web的形式),也可以導(dǎo)出視頻或者GIF。3.0版還有物理特性和彈性曲線,可以發(fā)揮更強(qiáng)大的動畫效果。

對中國人來講,它原生支持中文這一點(diǎn)也非常棒!配合sketch效果也是杠杠的!

我們先來看看Hype 3制作的一些動效設(shè)計作品:

Hype 3

 

在這里,學(xué)堂君跟大家分享一個Hype3 教程 切換跟隨效果視頻

Hype3 也是最近比較火的一個工具,無論是設(shè)計師還是H5前端工程師,都又在學(xué)習(xí)該軟件。

 

第五款動效設(shè)計軟件:keynote

keynote相當(dāng)于windows的powerpoint,是個幻燈片軟件。也是一款跟SKETCH軟件絕配的交互動效軟件,

但是!但是!但是!或許你并不知道,據(jù)說蘋果的交互設(shè)計師都是用keynote做交互演示的......只要能夠熟練掌握這個軟件,目前app里的絕大多數(shù)動效都是可以做出來的~但是相對復(fù)雜一點(diǎn)的動效實現(xiàn)起來就有點(diǎn)不夠.......但是已經(jīng)很屌了好吧~~筆者經(jīng)常為了省事直接都是用它做個簡單demo給程序猿看的,快捷方便啊~要知道時間就是金錢??!

keynote-如何做交互動畫

Keynote的主要優(yōu)點(diǎn)體現(xiàn)在:

1. 它真的很快。在拿到相關(guān)視覺切圖資源的情況下,一個基本動效的制作可以在15分鐘內(nèi)搞定。即使動效需要調(diào)整也很容易,可以很方便的進(jìn)行創(chuàng)意表達(dá)和設(shè)計溝通。

2. 它很容易上手。Keynote是絕大多數(shù)用戶體驗設(shè)計師必備的工具,你不需要花時間來熟悉它。在扁平化大行其道的今天,更適合使用Keynote作為productivity工具。

3.?它不需要編程。即使不懂代碼,也可以做出以假亂真的動效。

當(dāng)然,Keynote也有其不足之處,比如:

1. 預(yù)覽原型有些麻煩,你無法像AE那樣逐幀調(diào)整每個細(xì)節(jié)。

2. 不支持分層,當(dāng)元素較多時不容易管理。

3. 分享不太方便,需要將影響錄制下來并轉(zhuǎn)成gif圖片,相對繁瑣。

keynote官網(wǎng):http://www.keynote.com/

 

以上就是25學(xué)堂的小編跟大家推薦的最常用的五款優(yōu)秀的交互動效設(shè)計軟件。目前設(shè)計網(wǎng)分享的那些app動效作品,也基本都是用這幾個動效設(shè)計軟件來制作完成的。

如果你想要讓你的APP界面動起來,不妨也可以自學(xué)這些軟件哦~

每天更新,
全站高品質(zhì)素材免費(fèi)下載!