現在很多企業公司或品牌都會將自己開發的設計素材開放出來,像是圖示集、字型或是網頁框架等等,使這些項目可以被更多人使用,或是在開源的情況下創造出更多可能性,當然一方面也能提高被看到的機會。之前介紹過「IBM Plex:IBM 設計免費字型下載,三種字體類型及風格指南」就是其中一個例子,或是 GitHub 釋出的開放原始碼免費圖示 Octicons 也是非常好用的素材庫,如果需要圖示可以直接在網路上搜尋。
圖示搜尋
PixelTrue 提供 150 張免費向量插圖、動畫圖下載,MIT 授權可商業用
macOS Big Sur 風格免費圖示下載,超過 1500 個可替換的 icns 圖案
如果你還有印象,之前我寫過一篇「Discipline 採用 macOS Big Sur 風格設計 100+ 常見應用程式圖案」文章介紹,因為在 macOS Big Sur(版本 11.0)更新後會有全新設計的使用者介面,包括半透明介面和新的圖示設計風格,號稱是 Mac 有史以來最大更新,一升級後會明顯感受到畫面變得很不一樣。當然新的系統圖示部分已經全數換新,但有些第三方應用程式或軟體仍維持原有圖示,如果把這些新舊圖示放在 Dock 或是啟動台(Launchpad)會出現不太協調的感覺,因為 Big Sur 使用方形圓角圖示,舊版則是使用圓形圖示。
Radix Icons 小型 SVG 免費圖示集,Figma、Sketch 格式下載
還記得上次介紹的 System UIcons 專為系統和產品開發設計的免費圖示嗎?這類尺寸較小、精緻且適用於介面設計的圖案相當深得我心,在很多情境下可能都派得上用場,如果你覺得之前推薦的圖示集不太夠用,或者剛好缺少你需要的圖示,可以試著搜尋其他替代方案。小型圖示集選項很多,通常是開放原始碼(Open Source)且包含多種常見常用圖片格式,接下來要介紹的免費圖示包含相當豐富的圖案,需要的朋友可以研究一下。
System UIcons 專為系統和產品開發設計免費圖示集,可自由使用無限制
Icons8 推出 Animated icons 2.0 動畫圖示集,數百種動態效果可商用
Icons8 最早是一家製作免費圖示的公司,後來也開始提供各種類型素材,像是免費向量圖插圖下載 Icons8 Illustrations、免費自製圖庫 Moose Photos,還有免費音樂素材庫 Fugue 等等,如果想要自行設計插圖,也能利用 Vector Creator 編輯工具挑選各種素材元素、樣式在線上編輯器進行組合。Icons8 除了包山包海各種設計相關資源都有,更重要的是授權方式清楚,在免費使用的情況下只要標示來源、連回原始網頁就沒什麼問題。
Basicons 用於產品設計和介面開發免費圖示集,186 個基本線條圖案下載
iconmonstr 超過 4000 個免費圖示 SVG、EPS、PSD 和 PNG 格式下載
如果你在製作專案或開發網站、應用程式需要用到圖示,網路上有非常多免費圖示可供下載選擇,通常只需要找到合適的設計風格,稍微研究一下授權方式就能使用,不需要自己重新開發一套圖示,特別是一些線條較為簡單、精簡的圖案設計很適合使用在各種情境,例如修改自 Font Awesome 的 Line Awesome、具完整自訂性的 Ikonate、手工打造的高品質圖示集 Zwicon 和 Feather Icons、Octicons 等等。
Fluent Icons 免費下載 965 個漂亮專業的流暢設計風格圖示
Line Awesome 超過 4000 個免費線稿圖示,修改自知名 Font Awesome
如果說到最知名的免費圖示字型(Icons Font),我想大家一定聽過 Font Awesome,這套圖示最初發佈於 2012 年,現今則由 1,544 個圖案組成,主要分為免費、開放原始碼和付費 Pro 圖示兩大類型,在使用 Font Scripts 網站中佔有 20% 市佔率,可以想見我們看到的很多圖案可能都是來自它。若要使用這套圖示,除了直接從官方網站或 GitHub 下載整套圖示集,亦可透過開放式內容傳遞網路提供的鏈結載入相關圖案。