Unicorn icons:超過 100 個精緻動畫圖示,提升操作介面的互動性

Unicorn icons:超過 100 個精緻動畫圖示,提升操作介面的互動性

Unicorn icons 收錄 100 多個有趣的動畫圖示,設計簡單、看起來很生動活潑,具有自訂顏色、線條寬度、背景顏色和比例等功能,無論在開發網路服務、軟體、應用程式都能導入使用,改善使用者的操作介面體驗,讓使用上更具有互動性,這些圖示也適用於淺色和深色模式。

從首頁得知 Unicorn icons 圖示集的設計方式,最初是先繪製草稿、將圖片轉換為向量圖,最後再加入動畫效果,網站提供 JSON 和 SVG 兩種格式免費下載!透過可自訂性的編輯功能最多可建立六種不同的樣式,包括單色、雙色、單色圓背景、雙色圓背景、單色方形背景和雙色方形背景。

Unicorn icons 提供的所有圖示都免費供個人和商業使用,在使用時必須標示出處來源。

網站名稱:Unicorn icons
網站鏈結:https://unicornicons.com/

使用教學

開啟 Unicorn icons 網站後點選「Get all icons」會看到所有圖示,目前一共有 100 多個,沒有分類或是標籤,將滑鼠游標移動到圖片上就會自動播放動畫效果。

Unicorn icons

點選圖示後會看到更大的預覽圖,右側有自訂功能,可以調整圖示類型、背景色、顏色、線條粗細和圖示大小,還會有 JSON、SVG 格式下載按鈕。

Unicorn icons

透過自訂功能調整圖示顯示的樣式,選擇後會有即時預覽,還能直接調整背景和圖示顏色。

Unicorn icons

最後點選「Download JSON」或是「Download SVG」就能將圖示下載為 JSON、SVG 格式,要注意使用時必須標示出處來源,依照說明,加入一個超連結連回 Unicorn icons 即可,網站也有提供快速複製功能,素材可使用於個人和商業用途。

Unicorn icons

值得一試的三個理由:

  1. 超過 100 種有趣的動畫圖示,具有自訂顏色、線條寬度、背景顏色等功能
  2. 提升使用者的操作介面體驗,讓網路服務、軟體或應用程式更具互動性
  3. 所有圖示都免費供個人和商業使用,在使用時必須標示出處來源
Pseric

Pseric

學生時代成立網站以來堅持每日更新,在挖掘資料的過程中慢慢找出自己經營網站的方法,最開心的是有一群一起長大的讀者。

文章: 6516