用KITE做交互動畫是怎樣的體驗?

恩,沒錯。我自問自答吧。寫這篇文章之前我在項目上運用了kite,被坑慘了。寫的目的也是讓對kite關注的同學有個階段性的認識。

交互動畫最難的是最後的落地實現,這個問題很多設計師都是知道的。如果你最求dribbble上的炫酷,那基本最後能實現並運用的的可能性為0。交互動畫最大的矛盾點在於需要滿足炫酷的同事符合用戶體驗且能找到一個耐的下性子陪你一起玩的開發。

然而kite的出現感覺就是神一樣的工具存在,滿足了設計師簡單實現炫酷動畫的需求也滿足了開發簡單調用現成代碼就實現動畫的需求。那麼到底是有這麼NB嘛?

kite一開始傳播的時候我就去簡單試玩了下,發現非常不穩定,還有很多bug。所以並沒深入的玩下去。這段時間項目上需求要製作一些互動式動畫我就想到了kite。打開kite的一瞬間我發現他們的產品迭代還是蠻快的,幾周時間就迭代了新版本。我想應該之前的bug解決的差不多了,至少完成一些簡單的動畫沒問題了。能滿足日常的需求了!

抽了根煙回來~~~恩,好吧,我先打住吐槽。說說他的性能。

kite整體體驗下來我覺得有點像是AE和princple、sktech的綜合體。從界面結構上就是融合了這兩個軟體的特徵。上面工具欄,這個4個軟體一樣。左邊圖層,和AE很像。右邊參數屬性條件,和sktech有點像。下面一個時間軸,時間軸的運用和princple很像。哦,對了,其實和xcode的界面設計的頁面也很像。右邊各種亂七八糟的參數調節看似複雜但是作為英語小白的我看懂了40%就能做簡單的動畫了。

參數的調節能比較精確,這個我比較習慣也很喜歡。比起AE來說這個更直觀些。不像AE很多時候需要百分比。製作動畫的原理和princple很像,都是自己設置好一個簡單動畫,然後給予這個動畫運動的方式。分別是正常、關鍵幀動畫、彈性動畫。當然在這個基礎上還能自己調節曲線實現你定製的運動效果。在時間軸上表現的是一段氣泡,非常容易找!非常好拉伸調節速度!比起AE的小點點這個簡直拯救近視眼!

恩,因為之前有princple的使用經驗加上谷歌翻譯iPhone版本的鏡頭取景實時翻譯的功能,我確實能在短時間類實現一個交互動畫的製作。且順暢程度也能保證一定的質量。對於設計師來說確實很友好。

但是!

製作一半的時候隱藏圖層的小眼睛不給我點是幾個意思?小眼睛時而有,時而消失是搞什麼鬼?做好了動畫突然在開始加點其他動畫,修改了一小點。然後感覺棒棒的,導出預覽的時候你發現丟幀了!實時預覽的時候好好的,導出預覽就丟幀?關鍵是特么的這個軟體導出就是幫你錄製下屏幕!所以導出預覽丟幀就代表白做了!導出不能設置尺寸這些參數我就不管了,畢竟最後是程序代碼實現,我只需要原始數據沒問題就行。但是特么你總不能讓我給別人演示的時候安利別人裝個kite打開你的源文件實時預覽吧?哦,哈有就是閃退。閃退!閃退!閃退!這可能是地球上閃退卡死最頻繁的動畫軟體了。哦,對了。還有神奇的地方在於你修改了數據最後發現動畫沒什麼改變,這種太忽悠人了。

欺騙了我的感情,傷害了我的心!

總結:這或許是未來製作互動式動畫最好的軟體。但是當前為了你不花1W多再買台新mac,勸你還是不要用在項目上吧。princple也有這個階段,但是當時我能忍,比較能完成一些日常簡單的。kite團隊拿這樣的產品賣99刀,老毛子的錢真好賺!

推薦閱讀:

智庫燈塔、像素范兒、章魚哪個好?
請問這種有弧度比較圓滑的轉彎線是怎麼畫出來的?
「設計熱點」- UI 設計趨勢 #2: 偏離中心對齊

TAG:用户界面设计 | 设计软件 | 交互动效 |