如果要開發(fā)應用或制作網(wǎng)站，我們通常會尋找適合的免費圖標，如此一來就能減少開發(fā)成本，也能更快制作出符合期待的界面，像之前介紹過的 illustrio 不僅可以直接套用，而且也具備一定程度的可修改性，對于開發(fā)者來說是不可多得的資源。

本文要介紹的「useAnimations」是一個免費動態(tài)圖標集，使用Lottie框架和After Effects制作而成，可以立即套用到你的應用程式或網(wǎng)站中。這個圖標集是從 Feather Icons 修改而來，加入各種動態(tài)效果讓它更適合使用于界面設計上，如果有興趣的話可以直接在網(wǎng)站上預覽效果或取得相關資源。

useAnimations 網(wǎng)站收錄圖標包括警告、通知、導航、動作、內(nèi)容、切換、媒體、載入中、社群網(wǎng)站和其他圖案等各種類型，有些圖標是點擊后才會有動態(tài)效果，有些是將游標移動到圖案上就會看到動態(tài)顯示，共通點是只要下載原始檔就能使用，亦可用于個人或商業(yè)用途。

值得一試的三個理由：

• 免費動態(tài)圖標集，可使用于個人或商業(yè)用途
• 從Feather Icons 修改而來，加入動態(tài)效果更有吸引力
• 下載.svg 和.json 格式亦有實際范本可以參考

useAnimations

網(wǎng)站鏈接：https://useanimations.com/

使用教學

開啟useAnimations 往下拖曳就能找到免費動態(tài)圖標列表，依照說明，這些圖標是從Feather Icons 修改而來，每周更新。

useAnimations圖標依照不同類型排列，上面也會有呈現(xiàn)動態(tài)效果的方式，有些是將鼠標移動上去就會出現(xiàn)，有些則要點選才會出現(xiàn)效果，每個游標都會有一個「Download」按鈕可下載相關資源。

圖標提供.svg向量圖和.json格式，通過一串程序就能在適當時機建立出動畫的動態(tài)效果。