如果說到最知名的免費圖示字型(Icons Font),我想大家一定聽過 Font Awesome,這套圖示最初發佈於 2012 年,現今則由 1,544 個圖案組成,主要分為免費、開放原始碼和付費 Pro 圖示兩大類型,在使用 Font Scripts 網站中佔有 20% 市佔率,可以想見我們看到的很多圖案可能都是來自它。若要使用這套圖示,除了直接從官方網站或 GitHub 下載整套圖示集,亦可透過開放式內容傳遞網路提供的鏈結載入相關圖案。
素材模板
Bg-Patterns 日本免費網頁背景素材,提供常見格式及向量圖下載
如果要找尋一些很細膩、有質感的網頁素材,日本網站是個很好的去處,像是之前介紹過的 FLAT ICON DESIGN 收錄許多扁平化設計圖示,還有 FREE LINE DESIGN 提供各種分隔線素材,相片的話可以找找東京デート、Model.foto、photoAC、BIZUTART 和 PAKUTASO 等等,應該都會有不少收穫。有些網站其實很適合使用這一類素材,放上後的裝飾效果更能提升頁面整體質感。
illlustrations 開放原始碼免費插圖素材下載,提供四種常見格式可商用
網路上有不少免費的素材模版可供使用者下載使用,但其實付費項目也不少,有些可以透過很實惠的價格購買,若不擅長製圖的開發者也不用擔心沒有可用的素材圖案,像是之前推薦的 unDraw 就收錄許多可商業用途的扁平化圖示,還有調性很像的 Illustration Gallery、Glaze 等等都有提供常見圖片格式,也能線上更換主要配色;Vector Creator 則開放素材讓使用者自行組合運用,可自製任何你想要的插圖。
DrawKit 為設計師和新創團隊提供 PNG、SVG 兩大格式免費插圖下載
去年介紹過 unDraw 可商用扁平化免費圖示下載,是一個適合使用在網站、簡報或應用程式開發的圖片素材,後來陸續推薦了 Illustration Gallery 和 Glaze 兩個風格非常相近的免費圖庫,提供 PNG 和 SVG 兩種常見格式為主,不過 unDraw 和 Illustration Gallery 可以線上直接修改、即時預覽素材主要顏色更能搭配使用者設計,達到非常一致性的風格,畫面看起來也更舒服。
Open Doodles 免費手繪插圖下載,CC0 授權連同原始檔一併釋出
網路上有不少免費插圖開放讓使用者自由下載,絕大部分只會提供常見的 PNG 或 SVG 格式,很少有原始圖檔下載,不過有設計師認為應該將這些知識和全世界共享,取之於網路就要回饋於網路,特別是在公開分享的過程中能邀請其他人合作,互相學習成長,最終獲得多贏,在開始本文的主角「Open Doodles」前,我們就先來了解網站背後的故事吧!