之前跟大家介紹過 bodymovin 這個可以把 After Effect 的動畫轉出來給網頁用的外掛,而他們官方也有提供使用者分享各自製作的動畫的網站,可以到上面找找有沒有喜歡的動畫效果。
designstripe 是一個免費的線上插圖繪製工具,即使不會繪圖軟體也可以使用,免費方案可以下載 png 或 jpg 圖片,也可以付費下載向量格式的圖片。
SVG.js 提供了比較簡潔的方法讓我們可以方便地在頁面上使用 SVG 及製作動畫。
bbburst 是一個線上 SVG 圖片產生器,只要點選圖片就能隨機產生下一組圖片。
IFN 是一個日本人製作的免費圖示資源,可選擇 png 或 SVG 格式下載。
SVG Viewer 是一個可以線上檢視還有最佳化 SVG 的工具,亦可轉檔出 SVG 或 React 格式。
Crypto Logos 是一個收錄許多高畫質加密貨幣 logo 的網站,看了這網站才發現加密貨幣的種類還真多。
Squircley 是一個線上 SVG 圖片產生器,可製作方形、圓形或圓角的方形,只要透過簡單的設定就能輸出圖形。
Svg Wave 一個製作波浪形狀的線上產生器,可輸出 SVG 或 png 格式。
Radix Icons 是一個收錄小型免費 icon 的網站,可選擇 SVG, Sketch 與 Figma 等格式下載。
System UIcons 是一套專門為系統及產品開發設計的免費 icon,可選擇直接下載 SVG 檔案或使用 SVG code 嵌入網站。
Basicons 是一組線條類型的免費 icon 圖示,可以選擇下載 SVG 或複製 SVG 的 code 回去使用。
Icons8 Illustrations 是一個收錄了大量插畫的網站,提供 SVG 與 PNG 格式讓人免費下載。
iconmonstr 提供了超過 4000 個免費圖示,可以選擇 SVG、PNG、EPS等格式下載。
Blush 是一個提供線上調整、預覽的插畫產生器服務,製作完後可下載較低解析度的圖片,或是選擇付費升級下載高解析度或 SVG 檔。
Storyset 是一個可自訂樣式及動畫的免費插畫集,點選有興趣的插畫,就可以設定想要顯示的元素、顏色及動畫,設定好就可以直接下載免費使用。
Open Peeps 是一個手繪風格的人物插畫圖庫,可以依據設定人物的特徵產生出獨特的角色圖,決定後再下載即可,下載前可選擇要贊助創作者或是直接下載,都可以商用。
Line Awesome 是一個收錄線條風格的 icon 圖集,名字會類似 Font Awesome 是因為是以該圖示為基礎來繪製 icon 的,目前已有數千個圖示可以使用。