這幾年有不少背景圖案製作工具,都可以在線上預覽、客制化圖形細節,最終產生 CSS 和 SVG 格式,甚至在不用下載任何檔案的情況下直接複製程式碼,加入網頁就會獲得非常好的效果,兼具品質和效能,也不會拖慢網頁速度。例如之前我厭過的 Hero Patterns 快速產生重複圖案 CSS 背景;CSS Background Patterns 也能製作各種純色彩背景圖,如果需要背景圖也能試試看接下來要介紹的服務。
素材
Wunderstock 千萬張 CC 授權相片免費下載,內建人工智慧搜尋圖片編輯器
網路上有非常多的免費圖庫網站,不過大多數都存在一個問題:雖然圖片數量很多,但從搜尋或分類篩選功能還是很難找到適合的圖片,後來有一些導入 AI 和演算法技術,直接從結果頁面把品質較差或圖庫感太強的圖片去掉,像是 Everypixel、PickPik 都能確保使用者獲得更好的相片素材,如果你希望找到的相片維持一定質感,不想耗費太多時間去除有誤差或是不可能拿來使用的結果,類似服務就能多加利用。
Cool Backgrounds 免費背景製作工具,內建五種效果可自訂顏色
根據 Cool Backgrounds 開發者研究,在發佈網頁或文章前最困難的步驟之一是找到合適背景圖片,好的圖片不僅能凸顯整篇內容質感,也可獲得更多使用者注意。我之前推薦不少免費背景產生器,依照使用者需求快速製作出很活潑、色彩鮮豔的背景,例如 Svg Wave 產生波浪狀背景圖案(在很多網站都能看到);Hero Patterns 製作好看的重複平鋪式背景,而且只要將 CSS 語法帶入就能套用。
Incompetech Music 免費 MP3 原創音樂素材下載,標示來源出處就能使用
製作電影、串流影片、遊戲、活動影片、播客或廣播節目、廣告等等都會用到音樂,網路上可找到的音樂素材很多,大多數都可在標示來源的情況下自由使用,有些甚至連標示都非必要,而且可用於商業用途,例如我個人很推薦 Mixkit Free Sound Effects 收錄相當多的音效素材;或是 Mixkit Music 提供較長的 MP3 音樂素材,另一個不能錯過的 Fugue 是 Icons8 網站音樂庫也非常完整,使用者只需要以一個鏈結交換就能免費使用。
Uppbeat 提供影片創作者免費音樂素材,每月 10 次下載需標示出處
UseMySound 原創音樂素材 Mp3 免費下載,可自由使用需標示出處來源
如果在製作影片、廣告、遊戲或廣播節目時會用到背景音樂,可能需要特別小心謹慎,各種素材像是圖片、音樂或影片都有其使用規範或限制,除了付費購買外,若是免費下載就必須遵守授權規定。舉例來說,標示來源出處或建立鏈結連回到原網頁就是其中一項,有些會依照付費價格不同而給予不同的權限,之前推薦過 Mixkit Music、Icons8 Fugue 或 FreeSFX 都能找到不少免費 Mp3 音樂素材,在搜尋音樂時可以優先考慮這幾個網站。
Everypixel Patterns 協助設計師製作無接縫圖案,運用演算法產生圖庫
最早介紹 Everypixel 這家公司的產品是「Everypixel 整合 50 個頂尖免費圖庫搜尋引擎,使用演算法過濾不適合圖片還能比價」,簡單來說,很多免費圖庫的相片品質參差不齊,有些甚至還有濃濃的「圖庫感」,Everypixel 就是透過機器學習和類神經網路技術,讓程式自動幫我們篩選掉一些一看就不會想使用的相片;後來還推出另一個「Everypixel Aesthetics Tool」由使用者上傳相片,交給機器幫你判斷這張相片究竟夠不夠吸引人。
IconPark 字節跳動官方免費圖示庫,1400 個 SVG、PNG 圖片格式下載
現在很多企業公司或品牌都會將自己開發的設計素材開放出來,像是圖示集、字型或是網頁框架等等,使這些項目可以被更多人使用,或是在開源的情況下創造出更多可能性,當然一方面也能提高被看到的機會。之前介紹過「IBM Plex:IBM 設計免費字型下載,三種字體類型及風格指南」就是其中一個例子,或是 GitHub 釋出的開放原始碼免費圖示 Octicons 也是非常好用的素材庫,如果需要圖示可以直接在網路上搜尋。