提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
動畫由設計控制,降低整體APP包的大小
重新設計
舊版禮物的整體風格偏向于寫實風格,當前APP的風格方面更加傾向于色彩化,同時注重于年輕時尚,讓色彩具有流動感
讓動效回歸設計
在此之前所有的禮物的動效,幾乎都是設計師使用AE來進行模擬實現(xiàn)的方案,開發(fā)人員根據(jù)設計的原型行進對比開發(fā),偶爾會出現(xiàn)細節(jié)部分的來回調(diào)整(設計與開發(fā)不一致)同時減少整體的資源包大小,一個帶位圖的SVGA文件大概在20K左右
為了更好的解決這個問題,我們嘗試了YYUED SVGA & Airbnb Lottie
我們目前所使用的則是SVGA的方法(原因見網(wǎng)頁底部)
SVGA VS LOTTIE
兩個插件在安裝和輸出的難易程度沒有太多的差別,如果是帶位圖的輸出的話,SVGA從方便的程度上會比LOTTIE更簡單。
LOTTIE輸出的話,是一個.josn的文件,里面的img名稱需要重新調(diào)整,同時需要把位圖的資源文件也要提供給開發(fā)那邊。SVGA則是封裝好的,不需要單獨的準備一份img的資源文件。
SVGA目前不支持復雜的形狀圖層;AE自帶的漸變;以及一系列的效果(生成、描邊、擦除…)當前在GitHub上所說的Text可配文本也不支持
使用SVGA的優(yōu)點在于,文件大小比較小(對比序列幀動畫),同時動效在設計師的控制范圍之內(nèi)
禮物動畫改版的過程中感謝客戶端開發(fā)人員配合Gray,Olson等;同時感謝YYUED團隊的技術(shù)人員(彌貓深巷 ¢)的問題解答
下方鏈接直達對應的官網(wǎng)
svga官網(wǎng): http://svga.io/
Lottie官網(wǎng):https://airbnb.design/lottie/
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊