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

?

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

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

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

網站名稱：unDraw

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

使用教學

STEP 1

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

STEP 2

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

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

STEP 3

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

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

推薦理由：

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