Lorem Picsum 線上測試圖產生器,快速插入特定長度、寬度 CC0 圖片

Lorem Picsum 線上測試圖產生器,快速插入特定長度、寬度 CC0 圖片

在開發網頁或設計版型可能會需要放入圖片進行測試,除非你原本就有自行準備測試圖片,否則就需要使用佔位圖片(Placeholder),簡單來說,佔位圖就是依照使用者所需的長度寬度快速產生圖片,以填充特定的圖片空位,好處是不用手動裁切圖片,大多數的佔位圖片產生器都是透過圖片網址來指定要顯示的大小,有些還能加上特效、選擇不同類型的範例圖片,我覺得可以在圖片中顯示長寬尺寸對於要辨識來說也很有用。

WordPress Openverse 免費圖庫搜尋,前身 CC Search 可搜五億張圖片

WordPress Openverse 免費圖庫搜尋,前身 CC Search 可搜五億張圖片

前幾天剛介紹完「Automattic 推出 WordPress Photos 免費圖庫相片 CC0 授權可商用」後,隨即又帶來一個好消息!Creative Commons 宣布幾位 CC Search 主要成員加入 WordPress 團隊,直接讓免費圖庫搜尋引擎 CC Search 出現在 WordPress.org 網站,而且還改善原有的搜尋功能,加入十種介面語言翻譯、更多的圖庫來源,去年底開始原有的 Creative Commons 官方搜尋頁面已重新導向新的 WordPress Openverse,未來還會加入音訊和影片搜尋功能。

Placy 線上佔位圖產生器,製作特定尺寸範例圖三種格式下載

Placy 線上佔位圖產生器,製作特定尺寸範例圖三種格式下載

在開發網站、測試網頁模版設計時經常會需要用到佔位圖(Placeholder),這是什麼呢?簡單來說就是範例圖片,用於填充一些可能要預留、之後顯示圖片的位置,既然是佔位圖片就要符合幾個要件,像是快速設定要產生特定尺寸大小、可以快速取用(甚至不用下載圖片、直接給使用者圖片鏈結),或是在圖片上方會清楚標示出這張佔位圖的尺寸,對於開發來說就會更方便更省時間。

Lorem.space 免費測試圖片產生器,提供電影海報、音樂封面可自訂尺寸

Lorem.space 免費測試圖片產生器,提供電影海報、音樂封面可自訂尺寸

Lorem ipsum 就是所謂的測試文章,也是一篇常用於排版設計的拉丁文文章,中文稱為亂數假文或隨機假文,後來經常在各種測試功能看到這個名詞,例如之前介紹過「Doodle Ipsum 產生插圖測試圖片,可選擇樣式和指定尺寸」就是用來產生特定插圖風格、尺寸大小的測試圖片,或是在另一篇「12 個你應該知道的中英文假字、文章產生器」有收錄一些可做為測試排版或 CSS 樣式的文字內容,對開發者來說非常實用。

Doodle Ipsum 產生插圖測試圖片,可選擇樣式和指定尺寸

Doodle Ipsum

Lorem ipsum(簡稱為 Lipsum)是指一篇用於測試文章排版或字型效果的拉丁文文章,我曾在之前寫過的「12 個你應該知道的中英文假字、文章產生器」提到,如果你要測試字體或排版效果可使用範例文章,通常會用來填充版面,有助於預覽實際顯示的效果。你可能會問:既然有測試用文字那有沒有測試用的圖片呢?佔位圖片(Placeholder)能依照使用者需要的圖片尺寸大小產生對應的圖片,可能是單色圖片、免費圖庫素材基努李維照片

cchound 收錄 100% 免費、高品質音樂素材,以 CC 授權方式釋出

cchound 收錄 100% 免費、高品質音樂素材,以 CC 授權方式釋出

現在有非常多提供免費音樂音效的網站,但要從龐大素材庫找到合適內容並不容易,也因此有一些網站會先幫大家挑選好,有一點類似選物店的概念,就能減少使用者搜尋時間。如果你正好在開發應用程式或製作影片時需要用到音樂,記得從可以合法、安全使用的來源取得相關素材,畢竟現在對於版權相當重視,如果因為版權問題而弄到雙方不開心可就得不償失。

CleanPNG 超過 300 萬張透明背景 PNG 圖片素材免費下載

CleanPNG 超過 300 萬張透明背景 PNG 圖片素材免費下載

如果在設計時需要用到素材,但背景顏色不同,就要經過一個手動去背的步驟,才能讓圖片更符合當前設計樣式。現今的去背工具相當多,而且操作上也幾乎沒什麼難度,要搜尋素材模版也有非常多資源,可以說想要什麼素材都能夠在很低的成本下很容易地取得(甚至有很多可免費使用的素材網站)。若要加速設計時間和簡化流程,也可以直接尋找透明背景圖素材。

Mixkit Free Sound Effects 免費下載音效素材,所有聲音可商用免標示來源

Mixkit Free Sound Effects 免費下載音效素材,所有聲音可商用免標示來源

去年曾經推薦過 Mixkit 免費高畫質影片素材網站,在這裡可以找到大量的影音素材,無論使用於個人或商業用途皆不受限制,也能複製、編輯或公開始用無需標示出處來源,後來 Mixkit 陸續推出各種主題,包括 Mixkit Art 免費藝術圖案和插畫下載、Mixkit Music 免費 MP3 音樂素材下載等等,從原有影片素材拓展到各種使用者可能會需要的資源(這部分和 Icons8 很像),如果要找設計相關內容可到 Mixkit 碰碰運氣。

Icons8 Illustrations 免費向量圖插圖下載,SVG、PNG 適用於商業用途

Icons8 Illustrations

網路上有很多可用的免費插圖,如果覺得這些資源太過零散,也有像是 Free illustrations 網站將免費插圖向量圖收錄成懶人包更易於搜尋檢索;另一個 The Stocks 2 更為人熟知,整合包括免費圖庫、免費圖示、影片和配色工具等項目,都能讓使用者找到高品質且可以合法使用的素材。現在有些插圖工具能依照使用者的需求調整主要顏色,讓圖片更符合整體設計風格,除了在網站或應用程式開發上使用,也能運用到文宣刊物、簡報或是一般報告等等。

Free illustrations 免費插圖和向量圖庫懶人包,適用於個人和商業用途

Free illustrations 免費插圖和向量圖庫懶人包,適用於個人和商業用途

這幾年網路上有不少免費插圖素材可以下載使用,大多數都提供可編輯的向量圖格式,像是常見的 AI、EPS 或 SVG,也有部分是以 JPG 或 GIF 為主,後來還有直接線上自訂顏色樣式或配件的編輯器,能讓使用者在現有的素材下客製化更多不一樣的圖片素材,例如我之前介紹過的 Stories by Freepik 除了可自訂顏色外還能加入動態效果,讓原本靜態的素材變成動畫影片;Blush 可以挑選圖庫上不同配件的樣式和顏色組合;Icons8 旗下的 Vector Creator 讓使用者挑選人物或各種配件,自行組合出獨特插圖。