根據我的經驗,要尋找免費圖示的網站不少,但若要找會動的動態 GIF 圖示,相對來說就少很多,畢竟 GIF 圖示在開發難度上會更困難一些,大部分都要付費才能取得。最近在網路上發現一個 Animaticons 網站,提供了幾組美觀、可自訂化的動態 GIF 圖示讓使用者免費下載,若你想尋找有質感的動態圖示,可以到這網站來找找。
Animaticons 提供的素材很特別,不是一般 GIF 圖示,而是透明背景、可依照你網站實際需要來微調的圖示集。更明確解釋,這些圖示可自由更換顏色、停止自動播放、變更大小,或者設定成當滑鼠移動過去才開始動作。
不過 Animaticons 目前提供的圖示還不多,只有一套 Animaticons Essential,裡頭共有 20 個圖示,另外,若你想要更多選擇的話,可以付費 $5 美元來加購另外一組圖示素材,Pseric 覺得這價格非常實惠喔!
網站名稱:Animaticons
網站鏈結:https://animaticons.co/
使用教學
STEP 1
如同前面所述,Animaticons 目前僅提供兩套圖示(下載),分別為 Animaticons Essential 和另外一套付費版本 Animaticons Essential Plus,加起來共五十個圖示。
STEP 2
在 Animaticons Essential 圖示集頁面裡,可預覽這些圖示的實際動作情形,分別有兩種樣式,一種是全彩、另一種則是黑白線條設計。從上方說明得知尺寸為 512×512,採用透明背景圖,沒有專案數使用限制,但詳細的授權方式請參考 License 頁面說明。
接著點選右上角的「Free – Add to Cart」將這套圖示加入你的購物車。
STEP 3
在結帳頁面填入你的 Email、姓名後,按下「Purchase」按鈕。
最終即可取得 Animaticons 免費 Gif 圖示集的下載鏈結(在下方 Products 裡),下載後解壓縮,裡頭就有完整的 GIF 圖示可以使用囉!
至於更多設定、調整方法,例如要如何變更圖示的顏色、重複播放、靜態圖示,可以參考網站的 Tips & Tricks 說明,有非常詳細的圖文操作教學。