三種常見網頁動畫製作工具介紹

Lottie

由 Airbnb 打造，能夠將 After Effects 的動畫轉換為網頁和行動裝置應用可用的 JSON 文件。 這個開源工具讓設計師無需深入程式碼，就能輕鬆實現高品質的動畫效果。支持各種視覺效果，如圖層和 Alpha 遮罩，都能自動適應不同裝置的螢幕尺寸 ，讓動畫表現始終如一。最棒的是，Lottie 完全免費使用！！ 只需付費購買 After Effects，就能開啟你的創意大門！此外，Lottie也支持多種平台，包括iOS、Android等，使得動畫的跨平台應用變得更加方便。對於設計師來說，Lottie不僅節省了時間，還提升了創作自由度，讓他們能夠專注於設計本身。

SVGator

SVGator是一款專為設計師打造的在線 SVG 動畫工具。它提供了一個直觀的拖曳式編輯器，設計師輕鬆就能建立複雜動畫，而且也跟Lottie一樣不需要編寫程式碼！介面非常容易上手，即使新手的你，釐清各個功能就能製作出很不錯的作品！另外，SVGator還 支援置入外部SVG檔案 ，所以你也可以在其他軟體中製作SVG動畫再匯入製作。雖然免費版有點限制且會有官方浮水印，在意的朋友請升級成進階版，絕對值得投資！

Rive

Rive 是一款互動動畫設計工具！ 強大之處在於能夠即時編輯和預覽動畫效果，從而提高工作效率。Rive還支援狀態列功能，像是按鈕有不同狀態（正常、hover、點擊）等，因此設計師可藉此狀態來設定條件跟互動效果。而Rive也支持多種平台，包括網頁、iOS和Android，免費版的話提供基本功能滿夠用，但一樣會有浮水印的問題，可是如果你是新手的話很足夠。不過輸出規格限制還是建議升級到Pro版喔！