獁良來啦，動效製做更簡單

​

​

獁良是神馬

獁良來了！動效所以更簡單！它積累了目前通用的動效素材，讓不會動效的童鞋們也能基於動效庫和素材庫快速生成一個通用動效創意，你只須要簡單編輯下圖片、顏色或者文字便可；同時平臺集成了以lottie爲表明的動效技術，讓曾經使人苦惱的包大小和性能問題一併解決。

​

獁良用在哪

獁良支持全平臺iOS,Android,H5,小程序。不管是營銷展位、活動頁面、空狀態仍是產品icon。獁良編輯器對接投放平臺，一站式完成動效創意製做和投放

​

豐富的動效素材及模版讓你發揮更隨心

​

​

​

獁良怎麼用

方式一：基於模版直接製做（適用於設計師進行動態banner製做）

1.選擇模版

2.從動畫倉庫選擇動畫進行當前動畫的替換

3.經過替換圖片或修改顏色來自定義動畫

4.自定義模板文字內容

5.選擇模板背景圖片

6.完成編輯選擇是否帶背景（banner模版默認帶背景）

7.導出成功下載json

​

方式二：自定義畫布製做（適用於設計師進行模板覆蓋不到的動效應用場景）

​

獁良來了!動效更簡單

體驗感覺

綜合體驗了一下獁良，相對於鹿班人工智能隨意擼圖。猛良實際上是一款基於人工的動效模板網站。全部的動態效果都是設計師提早作好的。基於 Lottie 的特性，將可編輯的屬性進行模塊化。

說到這裏有些設計師可能有疑問了，Lottie 到底是什麼？在優設已經有相關文章介紹的比較全面了，這裏就不贅述了，閱讀連接：www.uisdc.com/tag/lottie/。

簡言之 Lottie 就是一個快速將 AE 中設計的動效快速調出，而且開發能夠直接調用的動效庫。

Lottie 的原理是將矢量圖形和動態效果經過代碼實現，複雜的圖形導出圖片資源。最終生成 json 文件+圖片資源。獁良所作的就是，將 json 裏的顏色屬性提取出來，用戶能夠從外部修改。一樣只須要替換圖片資源，就可讓用戶本身設計的圖形根據 json 寫好的運動方式來展現。若是你把一隻移動的豬替換成貓了，那麼你看到的效果就是一隻移動的貓。

而它的文字編輯功能，我以爲就比較神奇了。由於 Lottie 貌似不能從外部修改字體，應該是阿里本身寫的。若是有知道的同窗也歡迎解惑。由於咱們在實際工做中常常遇到這樣的問題，就是若是動效包含文本了，須要適配國際化，就無法從外部修改語言。若是能解決這個問題，將會減小不少麻煩。

從現有的素材來看，其主要應用場景仍是電商和運營方面。相信將來會增長更多的素材和應用場景。但願之後可以開放出讓設計師能夠將本身作的動效分享出來供你們使用，或者提供優質付費內容也是不錯的選擇。

就我的的工做經驗來看，Lottie 仍是有豐富的應用場景的。好比能夠作動態圖標、動態閃屏頁、表情貼紙、直播禮物、空白頁、動態banner……

其實 Lottie 官方社區也有不少的動效資源，都是來自全世界的設計師上傳的，你們能夠去下載參考，若是要商用，可能須要聯繫做者。

​

附上連接：lottiefiles.com/popular

本文資料，不少都是來自語雀的分享。再次感謝相關人員的辛勤付出。你們能夠在此處查看獁良的完整介紹：www.yuque.com/dapolloali/…。

再次附上官網：design.alipay.com/emotion

由於獁良是基於 Lottie 的工具，因此有相關基礎的設計師很容易上手。還不瞭解的同窗也能夠在各大設計網站搜索到。