這幾年扁平化設(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ù)不斷更新中,任何人都能從這里找到美麗插圖,免費下載SVG或PNG格式,無需標示出處,可用于商業(yè)用途。
值得一提的是unDraw可以在線直接調(diào)整插圖的主要顏色!這么一來將能和你的ui設(shè)計更加緊密結(jié)合、相輔相成,目前收錄的圖案很多,也都非常細致。
網(wǎng)站名稱:unDraw
網(wǎng)站鏈結(jié):https://undraw.co/
使用教學(xué)
STEP 1
開啟unDraw網(wǎng)站的Illustrations頁面(或在首頁點選Browse Now),就能看到目前收錄的所有插圖插畫作品。unDraw沒有提供訂閱更新的rss,但如果你想隨時收到更新通知,只能關(guān)注設(shè)計師的Twitter(貌似沒有其它途徑)。
STEP 2
我認為unDraw最有用的就是所有插圖都能在線快速的調(diào)整顏色,有時我們從圖庫找到的圖案雖然好看,卻無法跟現(xiàn)有的風(fēng)格整合(看起來就會特別突兀),在unDraw可以直接從右上角找到切換色彩功能,預(yù)設(shè)也提供幾個好看的顏色選項。
試著切換一下顏色,unDraw 插圖就呈現(xiàn)出完全不同的感覺!
STEP 3
點選你喜歡的插圖,會有該圖案的標題和相關(guān)關(guān)鍵字,或許跟你理解的相差不遠,點選下方「Download SVG for your projects」就能立即下載SVG矢量文件。想要用于網(wǎng)站、博客或自媒體,按下「Download PNG for blog posts/social media」就能下載一般的圖檔格式。
unDraw 插圖可以用于個人或商業(yè)用途,無需標示出處,也能進行修改。
推薦理由:
- 扁平化設(shè)計插圖集,設(shè)計師持續(xù)更新中
- 采用The MIT License,可自由用于個人或商業(yè)用途
- 在線調(diào)整圖案主要顏色,讓圖片能整合現(xiàn)有設(shè)計風(fēng)格
全站高品質(zhì)素材免費下載!