useAnimations 微動態圖標免費下載,讓你的網站、App 更活潑!

在設計網頁或是 App 時,都會希望介面除了看起來舒適外,也能帶給使用者更多有趣的互動回饋,所以有些設計者或開發人員就會在功能按鈕的設計上加入一點巧思,當使用者將滑鼠滑過或是點擊時,讓圖標可以出現一些微動態設計來提升整體的使用感受。

這類型的動態圖標看起來也許很簡單,但要親身下海設計對某些人來說可能還是有一定難度的,,

「useAnimations」就提供了現成的 SVG 格式動態圖標,讓大家可以免費下載使用,個人或商業用途都沒問題,只要加註來源網址即可。

目前的分類包含警報、通知、菜單、行動、切換、媒體、載入中……等,在網站上可直接預覽動態效果,除了循環類型的圖標會自動播放效果外,點擊時或是滑鼠滑過時才會產生的動態效果則需在網頁裡實際操作才能顯示,找到不錯的圖標可直接點擊下載,不需註冊或登入帳號,非常方便。

現有的圖標數量雖然不是非常的多,但不時都會有新的圖標上架,有興趣的朋友可透過 email 獲得相關的通知哦!

網站畫面:

開啟網站後直接點擊「Explore animations」,就會自動跳到動態圖標分類列表。

每一個分類都有數個圖標可以下載使用,依圖標的動態類型基本上分為三類,在圖標上方都會有相關說明,除了「LOOP」會自動重覆播放動畫外,「HOVER ME」代表是需要用滑鼠滑過來觸發動畫,「CLICK ME」則是需用滑鼠點擊。點擊「DOWNLOAD」即可將檔案下載回來使用。

如果希望可以接收到更新通知的話,可在下載後的網頁畫面中登錄自己的 email 就能在有新圖標上架時收到通知囉!

最後更新:11-29, 2022 上午 11:19

TAG:
相關資訊

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *