CSS.GG 超過 700 個以 CSS 製作免費圖示 SVG、Figma 多種格式下載

CSS.GG 超過 700 個以 CSS 製作免費圖示 SVG、Figma 多種格式下載

CSS.GG 是一套開放原始碼、以 CSS 繪製而成的免費圖示集,收錄超過 700 個圖示圖案,提供 CSS、SVG、Figma 等多種格式,因為是以程式碼刻製,整套圖示檔案非常小(僅有 316kb),如果不想載入整套圖示集也可單獨取得特定的圖示,透過線上預覽功能調整尺寸大小、顏色等設定,亦可取得 CSS、SVG 和 TSX 程式碼。

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

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

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

Blush 可線上調整、預覽並快速製作插圖素材,提供 PNG 格式免費下載

Blush 可線上調整、預覽並快速製作插圖素材,提供 PNG 格式免費下載

最近很流行的插畫素材是可以自訂各個部分,讓使用者快速製作符合自己需求的圖案,不用受限於原有圖案設計,前陣子介紹的 Stories by Freepik 還能加入動態效果,使靜態圖片變成動畫插圖;Icons8 旗下的 Vector Creator 可以自行挑選樣式,將需要的素材元件拖曳到畫面上,使其成為一張新的圖片。現在很多插畫庫都是直接提供使用者免費的向量圖或可編輯格式(像是 Sketch、Figma 或 XD),如果能在線上直接編輯產生圖片更方便。

Photopea 免費圖片編輯器 Photoshop 線上版支援 PSD 格式

Photopea 免費圖片編輯器,堪稱 Photoshop 線上版支援 PSD 等常見格式

每個人的青春歲月一定會有 Photoshop,至少對我來說是這樣,早期繪圖軟體選擇不多,也沒有線上編輯器可用,遇到網頁圖片需要編輯、修圖或是製作廣告橫幅 Photoshop 就是一般使用者最容易上手的工具。後來我比較沒有機會使用繪圖軟體,直到有機會再接觸 Adobe Creative Cloud 訂閱後才又稍微操作了一下久違的 Photoshop,相信平常工作會需要設計、編輯相片或製作素材的讀者一定對繪圖軟體不陌生。

Black Illustrations 以黑人為主免費插圖集,提供各種圖片格式可商業用途

Black Illustrations 以黑人為主免費插圖集,提供各種圖片格式可商業用途

網路上有不少漂亮、好用的免費插圖集,共同特色是具有相同風格或配色,也有各式主題圖案可以選擇,對於要設計網站、開發應用程式或製作投影片和海報來說非常有用,通常圖片也是一般人最苦惱的部份,如果有好的素材對於提升整體質感會很有幫助,也更能聚焦讀者目光。

Open Peeps 免費手繪人物插圖,內建三種樣式可快速混搭造型模組

Open Peeps 免費手繪人物插圖,內建三種樣式可快速混搭造型模組

在開始介紹今天的主題前,快速搜尋了一下之前推薦過的免費資源,因為一直覺得手繪插圖並不是很多,而且風格鮮明,直覺就聯想到「Open Doodles 免費手繪插圖下載,CC0 授權連同原始檔一併釋出」,後來一看才發現原來 Open Peeps 和 Open Doodles 出自同一個插畫家!另一個也是很大型的免費圖庫 Openclipart 收錄超過 150,000 張的向量美工插圖,不過風格和前面提到的兩個不太一樣,反倒有一種回到十幾二十年前素材庫的感覺。