您現在的位置:首頁 ? 新聞動態 ? 行業動態 行業動態
所有的動效設計幾乎都是這14個軟件做出來的(附C4D教程)
發布日期:2017-08-04

隨著UI設計的不斷發展,UI動效越來越多的被應用于實際的生活中。手機、iPad、電腦、網頁等各設備都在大范圍應用,那么問題就來了,為什么UI動效越來越被廣泛應用?它有哪些優勢呢?有哪些軟件是可以設計UI動效的? 

想學習動效設計?別以為只有復雜的AE 可以做。給各位小伙伴推薦的這14個軟件都可以做出酷炫的動效設計,功能上各有優勢,但效果絲毫不輸AE喲(內附大量教程)。

一、14UI動效設計軟件

看到這里可能你最想要知道的肯定哪些軟件可以做動效?

目前行業里的UI動效軟件確實挺多的,但是99%的都只支持Mac,只有1%支持windows,沒有Mac確實是一個硬傷,建議學好一個,夠用就好。學多而不精其實就是浪費時間!

1. Adobe After Effects

系統支持:Windows Mac

AE這個軟件我想大家都該知道,火得一塌糊涂,它目前屬于設計師學動效的首選。

它的特點就是強大且牛逼。基本上要的功能都有,UI動效制作其實只是用到了這個軟件很小的一部分功能而已,要知道很多美國大片都是通過它來進行后期合成制作的, 配合PSAI等自家軟件,更是得心應手,Dribbble Behance上很多的大神都是用這個軟件在show

但是有些效果工程師不見得能夠幫你實現出來, 因為實際的項目產品受太多的制約。

2. Adobe Photoshop

系統支持:Windows Mac

可能很多人都認為PS 只用來作圖和處理圖像的,并不知道PS 可以做gif,然而當AE沒有火起來的時候,我們這些老UI 設計師們都是用PS Gif,用Flash Demo(過去我們只需要做PC桌面的動效)。如果我沒記錯的話,PSCS 6之后開始進一步加強了動效的模塊,現在的版本能夠實現很多相對復雜的動效。

3. Adobe Flash

系統支持:Windows Mac

Flash可以說是過去的王者,也是由于時代的發展原因,現在基本被淘汰了,這里不多做解釋,具體可以百度。

Adobe開發出取代Flash的軟件叫做:Adobe Animate CC Adobe為了適應h5css3設計的趨勢,在flash的基礎上添加了h5動畫的新功能和新屬性,是flash的升級版。

4. Pixate

系統支持:Windows Mac

這個軟件被大牛Google 收購了,然而它Google收購一年后:Pixate Studio宣布卻于1031號被停止更新了(真是windows用戶的一大損失)。簡單說下它的優缺點:

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

5. Origami

系統支持:Mac

交互動畫原型設計工具

Facebook出品,必屬精品。

Origami Studio出世以來,就廣受交互設計師青睞。這正是在于Origami Studio采用的Facebook的開源項目組件。

類似可視化編程的模式展示,所有操作幾乎只需要拖動連接即可,極大提高了工作的效率,操作起來也十分方便快速,因此也被設計師成為動效神器

要是沒點代碼知識做壓驚,建議遠處觀望就好。

6. Hype 3

系統支持:Mac

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

7. Flinto

系統支持:Mac

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

8.Principle

系統支持:Mac

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

9.CINEMA 4D

系統支持:Windows Mac

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

C4D 教程:《純干貨:C4D完全自學寶典》

10. keynote

系統支持:Windows

keynote相當于windowspowerpoint,是個幻燈片軟件。但是!或許你并不知道,據說蘋果的交互設計師都是用keynote做交互演示的。只要能夠熟練掌握這個軟件,目前App里的絕大多數動效都是可以做出來的,但是相對復雜一點的動效實現起來就有點不夠。

為了省事直接都是用它做個簡單demo給程序猿看的。快捷方便,要知道時間就是金錢啊!

11. proto.io

系統支持:Mac

Proto.io是一個專用的手機原型開發平臺——可以構建和部署全交互式的移動程序的原型,并且可以模擬出相似的成品。它可以運行在大多數的瀏覽器中,并提供了3個重要的接口:dashboard、編輯器以及播放器。

dashboard可以用來管理項目。編輯器是構建原型的環境,由一組設計和開發原型的工具組成,另外還可以構建交互。播放器用來觀看原型,并與原型進行交互,并提供了相關工具來標注和保留反饋信息。你可以直接在真實的移動設備上對原型進行測試。并且可以使用iOSAndroid上的瀏覽器以全屏模式運行原型。

12. Atomic.io

系統支持:Mac

無論是在簡單的交互上,或是貫穿在整個產品的研發中,Atomic 都可以幫助你快速創建切實的原型。

13. Framer

系統支持:Mac

Framer是一個設計可交互動效的軟件,可快速導入PhotoshopSketch中的圖像并模擬圖層分層,支持手勢,可在手機或平板中預覽。

Framer是一個開源項目,一個基于JavaScript的原型工具,專為設計師打造。現在的應用更注重交互設計,它可以讓你效率更高。

14. protopie——windows用戶設計師的福利

系統支持:Windows Mac

Protopie(菠蘿頭派)是一款交互原型設計工具,支持Macwindows雙平臺(我們都知道99%的動效設計軟件都只支持Macwindows平臺目前只有2款,pixateprotopie無疑是win用戶設計師的福利,但pixate被谷歌收購后2-3年再也沒更新了),與principleorgamiAE等相比,它更加輕量級,集成的功能更吸引人,可以調用iphone系統的陀螺儀、麥克風、羅盤、3D Touch 多種智能傳感器等等,這絕對是windows用戶設計師的福利

官方網站 http://www.protopie.cn 里面已經提供簡單的介紹和教程,在這里不進行贅述,在之后更新的文章中會通過我自己的使用和體驗對其中的各個小功能進行嘗試和介紹。

對于UI/UE設計師來說:

ProtoPie 上使用時不需要編寫代碼,通過后者可視化的設計即可完成相應功能的增減。比如,在一款軟件設計時,設計師無需記住具體的數據, 通過時間軸拖動相應版塊就能完成操作。在完成軟件設計后,設計師可以將其導出到 ProtoPie 的應用中供開發者直接查看。

對于移動開發者和APP產品經理來說:

可以直接在設計師版的應用中看到設計師的功能設計、交互邏輯等,還會獲得一份由 ProtoPie 提供的具體參數數據,并按照這份數據進行開發。如此一來不僅減少了設計師和開發者的溝通成本,也為設計師探索新的交互設計提供了平臺。

二、UI動效的優勢

1. 展示產品功能

動效設計可以展示產品的功能、界面、交互操作等細節,讓用戶更直觀的了解一款產品的核心特征、用途、使用方法等細節。

2. 更有利于品牌建設

比較恰當的例子如最近優酷更新了Logo

3. 利于展示交互原型(設計細節)

很多時候設計不能光靠嘴去解釋你的想法,靜態的設計圖設計出來后也不見得能讓觀者一目了然。因為很多時候交互形式和一些動效真的很難用嘴來形容,所以才會有高保真Demo,這樣就節約了很多溝通成本。

4. 增加親和力和趣味性

有時候加個動效,能立馬拉進與觀者的距離,要是再加些趣味性在里面,用愛不釋手這詞也毫不夸張。

三、總結

以上這些都是做交互動效原型的工具:AE,Principle、Keynote,Flash(已經退出了歷史舞臺),Hype3,Flinto,Proto.io,Pixate,Origami,Framer,protopie,Atomic.io ,粗略的給大家介紹了一下,如果你想學習動效設計,在具體了解這些軟件的情況下,選擇其中一個適合自己的就好。

 

 

  • 1.公司登記注冊于2003年1月27日
    2.公司2006年起成為清遠市政府定點協議供貨商,電子采購供貨商
    3.公司2007年被清遠市相關政府部門評為安防行業狀元
    4.公司2007年起成為長城電腦清遠如意服務站(SP368)
    5.公司2007年承建清遠市橫河路口電子警察工程,開創清遠電子警察先河。
  • 6.公司2007年起成為IBM合作伙伴、公司2010年底成為金蝶軟件清遠金牌代理(伙伴編號:30030013)
    7.公司組團隊參加南方都市報組織的創富評選,獲廣東80強。公司申請多項軟件著作權、專利權
    8.2016年起公司成為粵東西北地區為數不多的雙軟企業,確立“讓軟件驅動世界,讓智能改變生活!"企業理想
  • 投資合作咨詢熱線電話:0763-3391888 3323588
  • 做一個負責任的百年企業! 天行健,君子以自強不息;地勢坤,君子以厚德載物;
    為用戶創造價值! 讓軟件驅動世界; 讓智能改變生活; 超越顧客期望,幫助顧客成功;
    對客戶負責,對員工負責,對企業命運負責!幫助支持公司的客戶成功;幫助忠誠于公司的員工成功!
  • 聯系電話:0763-3391888 3323588 3318977
    服務熱線:18023314222 QQ:529623964
  • 工作QQ:2501204690 商務QQ: 602045550
    投資及業務投訴QQ: 529623964
    微信:小米哥 微信號:qysed3391888
    騰訊微博:桑達網絡-基石與起點
  • E-MAIL:222#QYSED.CN ok3391888#163.com (請用@替換#)
在線客服
  • 系統集成咨詢
    點擊這里給我發消息
  • 網站\微信\軟件咨詢
    點擊這里給我發消息
  • 售后服務
    點擊這里給我發消息
  • 投資合作
    點擊這里給我發消息
澳门赌场图片