資源推薦-自定義程度超高的矢量插圖素材

SVG 圖像擁有高清、可編輯、體積小等優(yōu)點(diǎn)，是設(shè)計(jì)師、產(chǎn)品經(jīng)理和前端開(kāi)發(fā)人員的優(yōu)先選擇對(duì)象。今天和大家介紹「undraw」網(wǎng)站，這是一個(gè)不斷更新 SVG 圖像集合，并完全免費(fèi)使用的網(wǎng)站。

unDraw

網(wǎng)站鏈接：https://undraw.co/

適用對(duì)象

達(dá)人看了這些圖像，是非常適合互聯(lián)網(wǎng)產(chǎn)品使用的，可以說(shuō)適合應(yīng)用到任何 WEB/UI 場(chǎng)合。

• 產(chǎn)品經(jīng)理/交互設(shè)計(jì)師：可用于 PPT 或原型圖的插圖介紹。
• WEB/UI設(shè)計(jì)師：可以用來(lái)做UI設(shè)計(jì)圖，或直接用于 WEB 界面上。 SVG 為矢量格式，可直接在設(shè)計(jì)軟件編輯。
• 前端人員：直接用 SVG 代碼來(lái)做圖像動(dòng)畫(huà)。
• 扁平化彩色風(fēng)格，未來(lái)幾年也不會(huì)過(guò)時(shí)。
• 懶人必備。

直接改顏色

該網(wǎng)站還支持在線實(shí)時(shí)更改圖像顏色，只要選擇一個(gè)顏色，所有圖片都自動(dòng)變成該色系，明、暗變化也會(huì)自動(dòng)調(diào)整。

下載方法

該網(wǎng)站的圖像支持 SVG 和 PNG 格式，點(diǎn)擊對(duì)應(yīng)圖像后，網(wǎng)頁(yè)會(huì)自動(dòng)彈出來(lái)預(yù)覽框，此時(shí)你可以點(diǎn)擊綠色下載按鈕「Dowload SVG for your projects」就可以直接下載SVG 格式了。點(diǎn)擊按鈕下面的英文鏈接「Download PNG for blogposts/social media」就會(huì)自動(dòng)下載 PNG 格式，是不是相當(dāng)方便？

矢量可編輯

當(dāng)你看到想要的圖像，但又想加入一些無(wú)素，此時(shí)你可以直接把 SVG 圖像用 AI 或 Sketch APP 打開(kāi)它，即可編輯它。

一些截圖：

這個(gè)網(wǎng)站由 Katerina Limpitsouni 負(fù)責(zé)不斷更新，目前已經(jīng)有70個(gè)圖像。雖然不多，但作者更新的圖像素材適用性非常高，只要是互聯(lián)網(wǎng)產(chǎn)品，都可以很容易在這里找到你想要的插圖。