Unicorn icons:超過 100 個精緻動畫圖示,提升操作介面的互動性
Unicorn icons 收錄 100 多個有趣的動畫圖示,設計簡單、看起來很生動活潑,具有自訂顏色、線條寬度、背景顏色和比例等功能,無論在開發網路服務、軟體、應用程式都能導入使用,改善使用者的操作介面體驗,讓使用上更具有互動性,這些圖示也適用於淺色和深色模式。
從首頁得知 Unicorn icons 圖示集的設計方式,最初是先繪製草稿、將圖片轉換為向量圖,最後再加入動畫效果,網站提供 JSON 和 SVG 兩種格式免費下載!透過可自訂性的編輯功能最多可建立六種不同的樣式,包括單色、雙色、單色圓背景、雙色圓背景、單色方形背景和雙色方形背景。
Unicorn icons 提供的所有圖示都免費供個人和商業使用,在使用時必須標示出處來源。
網站名稱:Unicorn icons
網站鏈結:https://unicornicons.com/
使用教學
開啟 Unicorn icons 網站後點選「Get all icons」會看到所有圖示,目前一共有 100 多個,沒有分類或是標籤,將滑鼠游標移動到圖片上就會自動播放動畫效果。
點選圖示後會看到更大的預覽圖,右側有自訂功能,可以調整圖示類型、背景色、顏色、線條粗細和圖示大小,還會有 JSON、SVG 格式下載按鈕。
透過自訂功能調整圖示顯示的樣式,選擇後會有即時預覽,還能直接調整背景和圖示顏色。
最後點選「Download JSON」或是「Download SVG」就能將圖示下載為 JSON、SVG 格式,要注意使用時必須標示出處來源,依照說明,加入一個超連結連回 Unicorn icons 即可,網站也有提供快速複製功能,素材可使用於個人和商業用途。
值得一試的三個理由:
- 超過 100 種有趣的動畫圖示,具有自訂顏色、線條寬度、背景顏色等功能
- 提升使用者的操作介面體驗,讓網路服務、軟體或應用程式更具互動性
- 所有圖示都免費供個人和商業使用,在使用時必須標示出處來源