useAnimations 免費動態圖示下載,可用於應用程式或網站介面開發

最後更新於 2020 年 07 月 07 日

如果要開發應用程式或製作網站,我們通常會尋找適合的免費圖示,如此一來就能減少開發成本,也能更快製作出符合期待的介面,像是 IkonatePotlab IconsUniconsillustrio 都可以直接套用到使用者操作介面的圖示集,而且也具備一定程度的可自訂性,對於開發者來說是不可多得的資源。

本文要介紹的useAnimations」是一個免費動態圖示集,使用 Lottie 框架和 After Effects 製作而成,可以立即套用到你的應用程式或網站中。這個圖示集是從 Feather Icons 修改而來,加入各種動態效果讓它更適合使用於介面設計上,如果有興趣的話可以直接在網站上預覽效果或取得相關檔案。

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

useAnimations
https://useanimations.com/

使用教學

STEP 1

開啟 useAnimations 往下拖曳就能找到免費動態圖示列表,依照說明,這些圖示是從 Feather Icons 修改而來,每週更新。

STEP 2

useAnimations 圖示依照不同類型排列,上面也會有呈現動態效果的方式,有些是將滑鼠游標移動上去就會出現,有些則要點選才會出現效果,每個游標都會有一個「Download」按鈕可下載相關檔案。

STEP 3

圖示提供 .svg 向量圖和 .json 格式,透過一串程式碼就能在適當時機建立出動畫的動態效果。如果不知道如何使用可參考網站 Showcases in practice 頁面,就會有一些實際應用的 useAnimations 範例和程式碼。

值得一試的三個理由:

  1. 免費動態圖示集,可使用於個人或商業用途
  2. 從 Feather Icons 修改而來,加入動態效果更有吸引力
  3. 下載 .svg 和 .json 格式亦有實際範本可以參考

 

相關的文章

iconmonstr 超過 4000 個免費圖示 SVG、EPS、PSD 和 PNG 格式下載

如果你在製作專案或開發網站、應用程式需要用到圖示,網路上有非常多免費圖示可供下載選擇,通常只需要找到合適的設計風格,稍微研究一下授權方式就能使用,不需要自己重新開發一套圖示,特別是一些線條較為簡單、精簡的圖案設計很適合使用在各種情境,例如修改自 Font Awesome 的 Line Awesome、具完整自訂性的 Ikonate、手工打造的高品質圖示集 Zwicon 和 Feather Icons、Octicons 等等。

Gradientify Icons 免費 SVG 漸層圖片集,可自訂顏色打包 500 種圖案

前段時間很流行漸層色,像是在一些背景、文字或配色組合都會看到,利用 CSS3 語法可以快速寫出來,或是透過 Gradient Backgrounds、CoolHue 和 Blend 類似的網頁漸層背景產生器,不過如果是應用在圖示圖案上就比較少一點,想起以前推薦過的 unDraw、Illustration Gallery 就是可以自訂圖案主要顏色的圖示集,也在商業網站看過實際使用,質感和效果非常不錯。若你想要類似圖案但又帶上漸層色,可參考接下來要介紹的免費圖示集。

Fluent Icons 免費下載 965 個漂亮專業的流暢設計風格圖示

在一些大公司推動的產品開發都會有「設計語言」(Design Language),簡單來說就是將設計的表達方式、偏好或風格系統化,寫成明確規範,讓設計師和開發人員間能夠溝通運用,另一方面也可重複使用設計元件,避免重複開發,將時間投入在真正重要的事物本質上。更重要的是讓產品在不同平台的設計風格維持一致性,以提升產品的識別度、強化品牌形象。

Taiwan Icon Font 屬於台灣的免費圖示,收錄台北101、珍珠奶茶等圖案

愛台灣可以有很多表現方式,例如拍照上傳社群網站讓世界看到台灣的美,走訪各鄉鎮看看台灣大街小巷,雖然大家都很熱衷出國自助旅遊,但其實台灣也有不少很美麗、很有特色的地方,可惜假日出去總是人擠人,不在台灣還是會想念台灣美食。對於亞洲鄰近國家觀光客來說,他們也非常喜歡台灣,不少日本人很愛到台灣旅遊,都能拍出讓我覺得很不像台灣的相片。

Line Awesome 超過 4000 個免費線稿圖示,修改自知名 Font Awesome

如果說到最知名的免費圖示字型(Icons Font),我想大家一定聽過 Font Awesome,這套圖示最初發佈於 2012 年,現今則由 1,544 個圖案組成,主要分為免費、開放原始碼和付費 Pro 圖示兩大類型,在使用 Font Scripts 網站中佔有 20% 市佔率,可以想見我們看到的很多圖案可能都是來自它。若要使用這套圖示,除了直接從官方網站或 GitHub 下載整套圖示集,亦可透過開放式內容傳遞網路提供的鏈結載入相關圖案。

回應