图标 icon ·

可商用的扁平化图标-unDraw(内含下载地址)

这几年扁平化设计(Flat design)相当盛行,无论是在网页设计、App开发或ppt上都能看到它的踪迹,扁平化风格主要结合简化排版、亮色调、视觉上的亲和力和直觉等特色,现在iOS、Android或Windows 10都是类似的扁平化设计效果,在使用上看起来非常舒服、干净,所以不少网站会采用此风格。

 

如果你想在ui设计上使用扁平化风格,颜色可以从「Material UI」找到Google或微软常用的配色,还能搭配看起来很赏心悦目的插图图案,让设计看上去非常有质感!

本文要推荐的「unDraw」是一个很棒的扁平化设计图库,以收录插图为主,这些图案设计很有质感,原作者Katerina Limpitsouni仍持续不断更新中,任何人都能从这里找到美丽插图,免费下载SVG或PNG格式,无需标示出处,可用于商业用途。

值得一提的是unDraw可以在线直接调整插图的主要颜色!这么一来将能和你的ui设计更加紧密结合、相辅相成,目前收录的图案很多,也都非常细致。

网站名称:unDraw
网站链结:https://undraw.co/

 

使用教学

 

STEP 1

开启unDraw网站的Illustrations页面(或在首页点选Browse Now),就能看到目前收录的所有插图插画作品。unDraw没有提供订阅更新的rss,但如果你想随时收到更新通知,只能关注设计师的Twitter(貌似没有其它途径)。

 

STEP 2

我认为unDraw最有用的就是所有插图都能在线快速的调整颜色,有时我们从图库找到的图案虽然好看,却无法跟现有的风格整合(看起来就会特别突兀),在unDraw可以直接从右上角找到切换色彩功能,预设也提供几个好看的颜色选项。

试着切换一下颜色,unDraw 插图就呈现出完全不同的感觉!

 

STEP 3

点选你喜欢的插图,会有该图案的标题和相关关键字,或许跟你理解的相差不远,点选下方「Download SVG for your projects」就能立即下载SVG矢量文件。想要用于网站、博客或自媒体,按下「Download PNG for blog posts/social media」就能下载一般的图档格式。

unDraw 插图可以用于个人或商业用途,无需标示出处,也能进行修改。

推荐理由:

  1. 扁平化设计插图集,设计师持续更新中
  2. 采用The MIT License,可自由用于个人或商业用途
  3. 在线调整图案主要颜色,让图片能整合现有设计风格

参与评论