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

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

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

Fluenticons 微軟 4000 個開放原始碼免費圖示下載,線上預覽風格配色

Fluenticons 微軟 4000 個開放原始碼免費圖示下載,線上預覽風格配色

微軟(Microsoft)釋出超過 4000 個開放原始碼免費圖示Fluent UI System Icons」,一系列大家都感到熟悉、友好和現代化的圖案設計,不過在 GitHub 取用這些圖案、瀏覽上並不是很方便,因此有國外開發者另外開發了一個「Fluenticons」網站做為 Microsofts fluent icons 檢視器,透過這個工具就能在線上預覽、搜尋特定的圖示圖案,也能切換淺色或深色背景,讓下載圖示變得更簡單。

Mesh 漸層色背景產生器,加入顏色以拖曳方式扭曲漸變效果

Mesh 漸層色背景產生器,加入顏色以拖曳方式扭曲漸變效果

如果你喜歡 iPhone、Mac 漸層顏色背景圖片,其實也可以自己動手做,之前介紹過不少漸層色的背景產生器,像是「Gradient Backgrounds」就是一站式的漸層背景產生工具整合各種服務(有點像是 The Stocks 2 整合免費圖庫、影片、圖示和字型的感覺),或是 WebGradients 收錄超過 180 種漸層色背景免費下載,產生 CSS 3 語法在取用顏色更方便。 其他還有像是 BlendColorSparkCoolHue 都是類似的圖案產生器服務。

Lineicons 超過 5000 個線條圖示,適合設計師或開發使用者介面

Lineicons 超過 5000 個線條圖示,適合設計師或開發使用者介面

Lineicons 是一套收錄超過 5000 種圖案的圖示集,主要設計風格為手工製作線條圖示,適合使用於各種現代化使用者介面,例如網頁、行動裝置應用程式、桌面軟體等等,對於設計師或開發專案來說非常有用。其實類似的圖示資源還真不少,例如之前介紹過 UiconsUnicons Icon LibraryiconhubHeroiconsIcoMoon App,這些圖示多半都已經完整覆蓋常見常用圖案,差異在於細節或是授權方式,如果需要尋找開發用的素材可找找免費圖示分類。

Uicons 超過 4000 個免費圖示下載!適合網頁、應用程式開發者使用

Uicons

很多年前介紹過「FlatIcon 超過 12000 個平面化圖示設計免費下載」設計資源,時至今日它已經是個非常龐大的素材庫,這家公司旗下還有包含 FreepikSlidesgo 等知名的網站,前陣子剛推薦過 Icons Pattern 以 Flaticon 提供的圖示製作無接縫背景圖片工具,對於要產生重複拼接效果的素材很有用,接下來還要再推薦一個也是 Flaticon 旗下的免費工具,如果需要開發網站、軟體或應用程式可以研究一下。

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

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

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

FreeIcons 收錄 10 萬個免費開源圖示素材,向量格式下載可商用

FreeIcons 收錄 10 萬個免費開源圖示素材,向量格式下載可商用

Iconshock 開發了一個「Free Icons」工具,收錄超過 100,000 個免費開放原始碼圖示、50 種以上開源圖示集,很多都是免費資源網路社群介紹過的圖示專案,例如 UniconsIconicOcticonsFeather Icons 等等,這項服務將這些圖示重新標記,加入更精確的搜尋功能,讓使用者可以更準確找到需要的圖示,也能在下載前對圖示上色,選擇不同的圖片格式、尺寸大小。

bbburst 線上產生五顏六色繽紛效果的 SVG 圖片

bbburst

bbburst 是一個很簡單的線上工具,可以輕鬆產生有爆炸效果的彩色形狀 SVG 圖片,看起來就像文章上面這張擷圖一樣很繽紛,帶著邊緣模糊效果,非常適合使用於背景、封面或按鈕,為設計加入生動活潑的元素,當使用者透過自訂工具產生合適的圖片時,只需點選下載 SVG 圖片或複製 SVG 標記,使用 SVGOMG 等工具最佳化產生的 SVG 程式碼。

IcoFont 超過 2000 個免費 SVG 圖示字型下載

IcoFont 超過 2000 個免費 SVG 圖示字型下載

IcoFont 收錄超過 2000 個免費圖示圖案,可以為你的創意設計增添趣味,這些圖案都很簡單而且易於辨識,網站將圖示依照不同主題分類為 30 種類別,讓使用者搜尋時可以更快找到自己需要的素材,使找圖的流程更快、更流暢。

IFN 日本免費圖示下載,收錄 900 多個圖案可商業用途

IFN 日本免費圖示下載,收錄 900 多個圖案可商業用途

IFN 無料アイコン是一個日本的免費圖示網站,一共收錄超過 900 個圖示圖案,依照不同主題分門別類,包括網際網路、電腦、商務、電器製品、生活用品、機械、交通工具、運動、建築物、大自然、飲食、人物、對話、標誌地標、動物等等,這些圖示設計都很細膩精美,提供三種常見圖片格式:SVG、EPS 和 PNG ,使用者可以從網站免費下載。