恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
10个在界面设计中实用的插图网站
0.0°
2021-01-10 原创文章 经验/观点 举报 1910 35 10 2

我们在做界面设计时为了增强界面趣味性、美观度等等,都会加入一些插画元素,那么下列网站你可能会用得到:

1、ITG是一个插图平台,可根据用户要求自动生成插图。

网址:https://itg.digital/

它拥有超过1,500个矢量插图和1,000,000个独特组合;使用在线构建器,可以轻松地从目录中定制插图。更改插图元素,样式和颜色,使其完全适合自己的产品和页面。

主要是网站的插画有多种风格,很适合应用在界面中 。

里面有一些免费的元素,可以在网站上调整颜色和图案,支持下载png,jpg,svg,但是最多下载10次;我们画页面插图的时候可以作为参考;当然也可以选择付费,一年228美元,可以在在线构建器中无限定制,无限下载,能够节省很多画图的时间。

2、DrawKit

网址:https://www.drawkit.io/free

免费,免费,免费,重要的事情说三遍,网站中有很多手绘矢量插图和图标资源都是免费可商用的,只需要填入自己的邮箱,就会发到邮箱里了,而且质量很高,有一系列的插图供使用。

而且,我发现追波很多大神的作品中也有用到这个网站的插图,比如来自Ronas IT | UI / UX团队的Dmitry Lauretsky的这幅接近500点赞的财务仪表盘页面:

这张图中用到的插画就是来自这个网站的:(似不似跟页面完美贴合)

3、icons8插画

VECTOR CREATOR

网址:https://icons8.com/vector-creator

网站内含 3000多 个素材组件,设计师可以把各个元素拖入画布进行任意组合,但是我打开这个网站很容易卡,可能是网站承载的插图太多了。想要根据这些元素拼接出一副出色的插画也是很考验水平的额,最后创作成果也是免费可商用的(免费使用的条件是要添加一个 icons8 官方链接),可下载为 PNG 和 SVG (需付费)两种格式。

Ouch!

同是由 icons8 团队推出的高质量矢量插画素材网站 就是下载格式免费的只有png,源文件是需要付费的。里面风格非常多,需要用的时候根据产品定位和适配度好好的挑选一下了。

有分类目录,然后从分类中点进去后还有插图风格/样式的筛选项,可以说非常贴心啦。

网址:https://icons8.com/illustrations

4、 Undraw插画

网址:https://undraw.co/illustrations

很简单的小插画,风格虽然单一,但是恰好适用于页面中,特别适合做后台/平台管理系统/工具类的网站中,简单明了且实用。还有一个优点是可以一键更改插图的主色调哦~也是免费使用的。

当你的页面需要用到表达【社交通知、云文档、导出文件、商业分析、会议、完成的任务】等意思的插画时,就可以多多看看这个网站找灵感,一定会有所收获。


5、Manypixels

网址:https://www.manypixels.co/gallery/

这个网站也是经常用到的,可以免费商用,点击就可以下载svg,png格式的图片。还有就是可以自己根据使用情况先调节合适的颜色~而且跟前面介绍的Undraw插图一样,它里面的插图也是按意思有标题的,大多是会议呀,团队合作呀,头脑风暴呀,视频会议呀,团队报告呀等商务范儿的,很适合应用到页面中。先找到合适的插图,再在线调个与页面搭配的颜色,一下载,咔咔就整完了。

6、Delesign

网址:https://delesign.com/free-designs/graphics/

delesign里面的插画我感觉跟上面的Manypixels很像,也是很适合用于页面当中的,免费可商用,并且可以在线更换颜色,下载svg和png也更方便的。

7、Stories

网址:https://stories.freepik.com/

这个网站能够选择5种不同的插图的风格样式,可以在线自定义颜色,可以根据需要切换“隐藏、简单、详细”的背景,可以根据功能标签进行筛选,可以说非常实用了,只要注明出处能够免费用于个人和商业目的。可以下载svg,png格式的插图。

 更厉害的是,还可以自己选择想要制作动画的元素,在线调整进出方式、持续时间等动画数值就可以快速的制作成动画,厉害呦~

8、Isometric

网址:https://isometric.online/

这个网站上的插画也是免费的哦,大多是跟商务、教育、办公、金融主题相关的插画,虽然它风格单一,也不是目前最流程的插画风格,但是还是可以参考下的。

9、Glazestock

网址:https://www.glazestock.com/  

这里面的插图也可以按照分类选择,只是免费只能用png,而且要标明出处,想要源文件需要购买哦~

10、Sapiens

网址:https://sapiens.ui8.net/7m4c7c2

这个网站是完全需要付费才能下载和使用的,但是它非常厉害,插图很精致,而且点击就可以切换不同背景,不同人物的发型,衣服的样式和颜色;可以选择彩色、黑白、线条三种风格,切换男女,目前有散步、步行、跑步、骑车四种场景。

就这些了,其实只要找到自己用的顺手的2,3个网站就足够了。

如果打开慢的话,你可能需要安装个小火箭哦~

Powered by Froala Editor

更新:2021-01-10

收藏

35人已收藏

zziup

夜空中最亮的星

  • 6

    作品

  • 14

    粉丝

  • 11

    关注

  • 交互设计原则之希克定律
  • 交互设计原则之格式塔定律
  • 欣赏APP交互动画设计,体验动效之美
  • 四大维度全方位剖析APP分享功能

    猜你喜欢

      2021-01-10 原创文章 经验/观点 举报 1910 35 10 2

      10个在界面设计中实用的插图网站

      0.0°

      你确定要举报 10个在界面设计中实用的插图网站

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年01月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      35
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录