1.動效 軟件

Halo，今天為大家分享的是「動效格式」文章來源于設(shè)計師「三長老」對于UI動效輸出格式的設(shè)計研究作為用戶體驗領(lǐng)域不可缺少的一部分，動效隨處可見日常工作中，我們可能只用1-2種動效格式，對其他格式的了解有所欠缺。

2.動效軟件principle

這次介紹5種動效輸出格式和教程，包括PS輸出和AE輸出，建議收藏保存下來隨時查看，幫助大家更快更好地完成落地！

3.動效是用什么軟件做的

PNG序列幀方式PNG序列幀就是把12星座誰是校花女神排名一張一張的PNG圖片按照順序播放，跟GIF相比不會產(chǎn)生邊緣鋸齒的效果，也比GIF支持的色彩范圍大優(yōu)點：制作方便簡單，還原度高，顏色偏差損失基本沒有(PNG圖片壓縮可能會有顏色偏差)，動效效果還原度高(因為就是一張一張圖片播放的，像AE做的一些雨水，火焰都可以顯示出來，開發(fā)人員可調(diào)節(jié)播放速度)。

4.動效設(shè)計怎么做

缺點：需要加載全部圖片，文件占用內(nèi)存大，內(nèi)存一大就容易造成打開頁面的時候卡頓，大的文件用戶體驗感很差。PNG序列幀-PS輸出方式

5.動效模板

PNG序列幀-AE輸出方式

6.動效動畫

SVGA方式Svga背景：jianshu.com/p/dfa16d9d67cd官方網(wǎng)站：https://svg12星座誰是?；ㄅ衽琶?/a>a.io/index.html官方插件：https://svga.io/designer.html

7.動效設(shè)計軟件

官方文章：https://svga.io/article.html優(yōu)點：SVGA 是一種同時兼容 iOS / Android / Flutter / Web 多個平臺的動畫格式SVGA的轉(zhuǎn)換器和播放器都開源。

8.動效作品

使用設(shè)計師工具，可以輕松的將 Aep 或 Fla 格式的動畫文件導(dǎo)出成 SVGA 格式資源文件動畫設(shè)計師通過工具輸出 svga 動畫文件，提供給開發(fā)工程師在集成 svga player 之后直接使用動畫文件體積小，播放資源占用優(yōu)，動畫還原效果好，使用方法簡便，大大提12星座誰是校花女神排名高了工作效率。

9.動效視頻怎么做

缺點：有損壓縮，不支持圖層漸變和插件特效，有的平臺并不支持Svga。SVGA動效輸出流程

10.動效怎么做

SVGA動效輸出方式

Lottie方式Lottie是Airbnb開發(fā)的一款能夠為原生應(yīng)用添加動畫效果的開源工具Lottie目前提供了iOS,Android和ReactNative版本Lottie通過AE設(shè)計好的動畫效果，通過Bodymovin插件直接導(dǎo)出json文件，并允許開發(fā)人員直接調(diào)用它們。

Lottie庫使開發(fā)人員能夠?qū)崿F(xiàn)動畫效果，提升了工作效率，減少了碼代碼的時間優(yōu)點：前端可以方便地調(diào)用動畫和控制動畫，以減少前端碼代碼的時間json文件的小，性能表現(xiàn)也很好12星座誰是校花女神排名缺點：不支持漸變、粒子、陰影透視等效果，表達式也只支持一部分，圖層命名需要英文。

Lottie動效輸出流程

Lottie動效輸出方式

GIF方式一種無損壓縮的8位圖像文件大多用于網(wǎng)絡(luò)傳輸上，速度要比傳輸其他格式的圖像文件快，但不能用于存儲真彩的圖像文件優(yōu)點：兼容性好，可以多平臺支持缺點：GIF格式僅支持256種不同的顏色，文件占用空間大，會有色彩失真效果。

GIF-PS輸出方式

GIF-AE輸出方式

MP4方式常用的視頻格式，通常用在網(wǎng)站的展示背景還有宣傳的MG動畫什么的。優(yōu)點：兼容性非常好。缺點：適合背景展示或者其他展示方面，其他方面很少使用。MP4-AE輸出方式

交互動效輸出文檔動效參數(shù)文檔是一種把動效12星座誰是?；ㄅ衽琶?/a>參數(shù)量化的文檔，它是動效設(shè)計師和前端開發(fā)人員溝通的重要工具以前動效標(biāo)注文檔還要一個一個圖層標(biāo)注(位置，旋轉(zhuǎn)，透明圖，動畫曲線)現(xiàn)在直接用腳本直接就可以一鍵出來了

最后以上是5種常見的動效輸出格式和輸出教程，強烈建議收藏保存下來，已備隨時查看，也希望這些內(nèi)容能讓大家對動效格式有更多了解和使用～