Loaders 為開發者提供免費動態載入圖示 React、HTML、CSS 程式碼

Loaders 為開發者提供免費動態載入圖示 React、HTML、CSS 程式碼

如果在開發網站、應用程式或軟體專案時需要讀取中的動態圖示,UI Ball 有個名為「Loaders」網站收錄 24 種類型獨特、可自訂且輕量化的載入動態圖,Loaders 也是一個 React.js 套件資料庫,打開網站就能在線上直接預覽這些很眼熟的動畫圖,對於要取用拿去開發專案來說非常有用,也不用上網到處尋找動態圖,Loaders 所有動態圖示都有提供對應的 React、HTML 和 CSS 原始碼。

Unscreen 線上影片去背工具,全自動去除背景支援 GIF 動態圖

Unscreen 線上影片去背工具,全自動去除背景支援 GIF 動態圖

我曾經介紹過不少去除背景工具,無論是網路服務或是下載才能使用的軟體都是侷限於圖片去背部分,圖片要處理背景可能相對簡單,如果去背的對象換成影片,難度就會提高不少,因此才有「色鍵」或色彩嵌空技術,拍攝時使用綠幕(Greenscreen)或藍幕做為背景,可以更有效進行影片去背,將原有背景替換成其他背景呈現,這也是在電影或遊戲製作經常被使用的技術。

OneClickClip 免費高品質 GIF 動態圖下載,有效抓住讀者注意力

OneClickClip 免費高品質 GIF 動態圖下載,有效抓住讀者注意力

記得早期的網頁設計很常用到 .GIF 動態圖片,或許是當年頻寬不大,要在網頁裡製造動態效果只能透過動態圖,但一直到這幾年社群網站逐漸成為主流,GIF 格式依然是全球資訊網應用最廣泛的網路傳輸圖片格式之一,現在還是很常看到動態圖片的蹤跡,或是很流行將一小段影片轉為 GIF 圖片,例如 Imgur 之前推出的 Video to GIF 能在貼上影片網址後產生 GIF 圖片,或是 FreeGifMaker 可以把 YouTube 轉為 GIF 的線上工具。

Potlab Icons 動畫 SVG 圖示免費下載,只要程式碼就能動起來

Potlab Icons 動畫 SVG 圖示免費下載,只要程式碼就能動起來

網路上有不少設計師將自行創作的免費圖示釋出,提通給需要的使用者下載使用,我也陸陸續續介紹過許多圖示集,有些甚至是開放原始碼專案,還能下載後編輯修改,對於要開發網路服務或應用程式來說確實相當省時省力。如果你在開發介面時會用到一些圖示圖案,可以先上網搜尋有無合適素材,確認授權方式後就能放心使用。

Animaticons 免費下載漂亮、可個人化動畫 GIF 圖示集

Animaticons 免費下載漂亮、可個人化動畫 GIF 圖示集

根據我的經驗,要尋找免費圖示的網站不少,但若要找會動的動態 GIF 圖示,相對來說就少很多,畢竟 GIF 圖示在開發難度上會更困難一些,大部分都要付費才能取得。最近在網路上發現一個 Animaticons 網站,提供了幾組美觀、可自訂化的動態 GIF 圖示讓使用者免費下載,若你想尋找有質感的動態圖示,可以到這網站來找找。

Animation Central – 免費的GIF動畫圖示網站。

animation_central.gif

Animation Central 網站提供許多 GIF 動畫圖示,猶記得以前網頁製作剛起步時,許多網站都流行放可愛逗趣的 GIF 圖,有時候整個頁面閃亮亮的,但也有一種很與眾不同的感覺。