SVG 圖像擁有高清、可編輯、體積小等優點，是設計師、產品經理和前端開發人員的優先選擇對象。今天和大家介紹「undraw」網站，這是一個不斷更新 SVG 圖像集合，并完全免費使用的網站。

unDraw

網站鏈接：https://undraw.co/

適用對象

達人看了這些圖像，是非常適合互聯網產品使用的，可以說適合應用到任何 WEB/UI 場合。

• 產品經理/交互設計師：可用于 PPT 或原型圖的插圖介紹。
• WEB/UI設計師：可以用來做UI設計圖，或直接用于 WEB 界面上。 SVG 為矢量格式，可直接在設計軟件編輯。
• 前端人員：直接用 SVG 代碼來做圖像動畫。
• 扁平化彩色風格，未來幾年也不會過時。
• 懶人必備。

直接改顏色

該網站還支持在線實時更改圖像顏色，只要選擇一個顏色，所有圖片都自動變成該色系，明、暗變化也會自動調整。

下載方法

該網站的圖像支持 SVG 和 PNG 格式，點擊對應圖像后，網頁會自動彈出來預覽框，此時你可以點擊綠色下載按鈕「Dowload SVG for your projects」就可以直接下載SVG 格式了。點擊按鈕下面的英文鏈接「Download PNG for blogposts/social media」就會自動下載 PNG 格式，是不是相當方便？

矢量可編輯

當你看到想要的圖像，但又想加入一些無素，此時你可以直接把 SVG 圖像用 AI 或 Sketch APP 打開它，即可編輯它。

一些截圖：

這個網站由 Katerina Limpitsouni 負責不斷更新，目前已經有70個圖像。雖然不多，但作者更新的圖像素材適用性非常高，只要是互聯網產品，都可以很容易在這里找到你想要的插圖。

「更多好用的矢量素材網站」

• 《這10個圖庫網站，為你提供用不完的矢量素材》
• 《免費可商用！超過10萬張優質矢量圖免費下載》
• 《神器兩連發！送你大師同款配色+全面的高顏值矢量素材庫》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com