如果要開發應用程式或製作網站，我們通常會尋找適合的免費圖示，如此一來就能減少開發成本，也能更快製作出符合期待的介面，像是 Ikonate、Potlab Icons、Unicons 和 illustrio 都可以直接套用到使用者操作介面的圖示集，而且也具備一定程度的可自訂性，對於開發者來說是不可多得的資源。
介面開發
Line Awesome 超過 4000 個免費線稿圖示，修改自知名 Font Awesome
如果說到最知名的免費圖示字型（Icons Font），我想大家一定聽過 Font Awesome，這套圖示最初發佈於 2012 年，現今則由 1,544 個圖案組成，主要分為免費、開放原始碼和付費 Pro 圖示兩大類型，在使用 Font Scripts 網站中佔有 20% 市佔率，可以想見我們看到的很多圖案可能都是來自它。若要使用這套圖示，除了直接從官方網站或 GitHub 下載整套圖示集，亦可透過開放式內容傳遞網路提供的鏈結載入相關圖案。
DrawKit 為設計師和新創團隊提供 PNG、SVG 兩大格式免費插圖下載
去年介紹過 unDraw 可商用扁平化免費圖示下載，是一個適合使用在網站、簡報或應用程式開發的圖片素材，後來陸續推薦了 Illustration Gallery 和 Glaze 兩個風格非常相近的免費圖庫，提供 PNG 和 SVG 兩種常見格式為主，不過 unDraw 和 Illustration Gallery 可以線上直接修改、即時預覽素材主要顏色更能搭配使用者設計，達到非常一致性的風格，畫面看起來也更舒服。
Glaze 免費插圖素材庫，各類型 PNG 格式下載可用於產品或簡報製作
有時候製作報告、產品說明或投影片簡報時會用到插圖，你都去那些地方下載呢？雖然網路上有不少免費圖庫，但大多以攝影照片為主，要尋找插圖得找對網站，例如我之前介紹過的 unDraw 就收錄不少可商業用途的扁平化圖示下載，還提供向量圖格式，更棒的是可以線上直接調整主要顏色；另一網站 Illustration Gallery 和前者有點像，也算是 unDraw 替代方案，提供可使用於部落格或社群網站的各式插圖素材。
Checklist Design 網頁開發者必備參考手冊，助於學習更好的設計方式
One Click Test 測試介面設計可否讓使用者快速找到需要的功能或資訊
Ikonate 具完整自訂性免費圖示下載，SVG 向量格式可設定邊框樣式
雖然網路上有無數免費圖示可以下載使用，卻很少有「量身打造」的選擇，只能盡量找出最符合自己需求的圖示圖案，有些圖示集仍有完整自訂選項，例如 Omg-img 用一段程式碼快速插入圖示，可自訂顏色、大小或樣式，大部分的圖示則會提供一些預設大小讓使用者選擇，例如 Iconshock 收錄超過 200 萬個免費圖示下載，或是 ICOOON MONO 圖示內建七種不同的尺寸大小。
Mockdown 線上將軟體介面、網頁或應用程式擷圖轉為 Mockup 視覺稿
如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」，中文稱為模型或原型，若翻譯成「視覺稿」可能比較容易理解，Mockup 通常在「Wireframe」（線框圖）之後，為了讓整體畫面更貼近最終成果，會將一開始的草稿線條圖加入更多視覺元素，例如將排版、圖形和配色呈現出來，也就能夠得出最後設計稿，而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。