免費資源指南，每日網路資訊與科技新知
提供網頁設計或與設計相關的免費資源，包括免費圖示、網頁模版、音樂音效等素材。
前幾天剛介紹完 AutoMask 自動辨識相片、將人物模糊馬賽克處理的線上工具，它是使用 AI 人工智慧技術自動化判斷出照片的人物部分，再加入遮罩避免使用者上傳至社群網站後被機器辨識出來，事實上現在機器學習可以做的事情也非常多，像是相片放大而不會失真模糊的 Smart Upscaler、Let’s Enhance，或是提供線上圖片去背的 remove.bg，對於音樂部分演算法還能做到去除人聲，例如從音樂音軌中取出伴奏或其他樂器聲音的 Moises.ai，以前覺得很困難、耗費時間的工作都能快速完成。
手勢是一種很容易讓人聚焦的方式，有時候一個動作就可以勝過很多文字，不過要注意的是手勢在不同國家、文化背景可能代表著截然不同的意思。記得很久以前曾經介紹過手勢圖示集，不過後來網站也已關閉，手指或手部素材不是那麼好找，當然如果你有一些繪畫設計能力要自己製作圖片並不算太難，若和我一樣無法自製，還是還是可以尋找網路上現成的素材加工後使用。
在設計網頁或是配置版面時經常會需要預先保留圖片位置，讓開發或示範時使畫面更接近最終樣貌，如果手邊的圖片還沒處理，我們可以透過佔位圖片（Placeholder）呈現出特定大小的圖片範圍。簡單來說，佔位圖片產生器利用網址直接調整、產生特定尺寸範例圖，省去必須自行裁切圖片的麻煩，因為是以網址形式載入圖片，即使沒有下載圖片依然能在網頁上顯示，我曾介紹過的 Unsplash It、Placekitten、Placemat 和 PlaceKeanu 都是類似應用。
如果你在製作專案或開發網站、應用程式需要用到圖示，網路上有非常多免費圖示可供下載選擇，通常只需要找到合適的設計風格，稍微研究一下授權方式就能使用，不需要自己重新開發一套圖示，特別是一些線條較為簡單、精簡的圖案設計很適合使用在各種情境，例如修改自 Font Awesome 的 Line Awesome、具完整自訂性的 Ikonate、手工打造的高品質圖示集 Zwicon 和 Feather Icons、Octicons 等等。
最近很流行的插畫素材是可以自訂各個部分，讓使用者快速製作符合自己需求的圖案，不用受限於原有圖案設計，前陣子介紹的 Stories by Freepik 還能加入動態效果，使靜態圖片變成動畫插圖；Icons8 旗下的 Vector Creator 可以自行挑選樣式，將需要的素材元件拖曳到畫面上，使其成為一張新的圖片。現在很多插畫庫都是直接提供使用者免費的向量圖或可編輯格式（像是 Sketch、Figma 或 XD），如果能在線上直接編輯產生圖片更方便。
上面這張圖看起來是不是很有質感呢？如果仔細看，會發現電腦螢幕出現的正是免費資源網路社群首頁，不過這可不是我自己擺設的佈景，而是運用合成方式將適當的畫面合成到圖庫素材，也被稱為「Mockups」，對於要展示一些畫面來說非常有用。若我在編寫文章時找不到適合的圖片，也會利用像是 Smartmockups 來產生更好看的擷圖畫面，你可能會發現有些圖片看起來相似度極高，別懷疑，你也可以自己動手做。
