這幾年扁平化設(shè)計（Flat design）相當(dāng)盛行，無論是在網(wǎng)頁設(shè)計、App開發(fā)或ppt上都能看到它的蹤跡，扁平化風(fēng)格主要結(jié)合簡化排版、亮色調(diào)、視覺上的親和力和直覺等特色，現(xiàn)在iOS、Android或Windows 10都是類似的扁平化設(shè)計效果，在使用上看起來非常舒服、干凈，所以不少網(wǎng)站會采用此風(fēng)格。

?

如果你想在ui設(shè)計上使用扁平化風(fēng)格，顏色可以從「Material UI」找到Google或微軟常用的配色，還能搭配看起來很賞心悅目的插圖圖案，讓設(shè)計看上去非常有質(zhì)感！

本文要推薦的「unDraw」是一個很棒的扁平化設(shè)計圖庫，以收錄插圖為主，這些圖案設(shè)計很有質(zhì)感，原作者Katerina Limpitsouni仍持續(xù)不斷更新中，任何人都能從這里找到美麗插圖，免費(fèi)下載SVG或PNG格式，無需標(biāo)示出處，可用于商業(yè)用途。

值得一提的是unDraw可以在線直接調(diào)整插圖的主要顏色！這么一來將能和你的ui設(shè)計更加緊密結(jié)合、相輔相成，目前收錄的圖案很多，也都非常細(xì)致。

網(wǎng)站名稱：unDraw

網(wǎng)站鏈結(jié)：https://undraw.co/

使用教學(xué)

STEP 1

開啟unDraw網(wǎng)站的Illustrations頁面（或在首頁點(diǎn)選Browse Now），就能看到目前收錄的所有插圖插畫作品。unDraw沒有提供訂閱更新的rss，但如果你想隨時收到更新通知，只能關(guān)注設(shè)計師的Twitter（貌似沒有其它途徑）。

STEP 2

我認(rèn)為unDraw最有用的就是所有插圖都能在線快速的調(diào)整顏色，有時我們從圖庫找到的圖案雖然好看，卻無法跟現(xiàn)有的風(fēng)格整合（看起來就會特別突兀），在unDraw可以直接從右上角找到切換色彩功能，預(yù)設(shè)也提供幾個好看的顏色選項。

試著切換一下顏色，unDraw 插圖就呈現(xiàn)出完全不同的感覺！

STEP 3

點(diǎn)選你喜歡的插圖，會有該圖案的標(biāo)題和相關(guān)關(guān)鍵字，或許跟你理解的相差不遠(yuǎn)，點(diǎn)選下方「Download SVG for your projects」就能立即下載SVG矢量文件。想要用于網(wǎng)站、博客或自媒體，按下「Download PNG for blog posts/social media」就能下載一般的圖檔格式。

unDraw 插圖可以用于個人或商業(yè)用途，無需標(biāo)示出處，也能進(jìn)行修改。

推薦理由：

1. 扁平化設(shè)計插圖集，設(shè)計師持續(xù)更新中
2. 采用The MIT License，可自由用于個人或商業(yè)用途
3. 在線調(diào)整圖案主要顏色，讓圖片能整合現(xiàn)有設(shè)計風(fēng)格