火星网校
【UI设计技巧】APP设计常用的高质量插画素材网站，必须收藏
发布时间：2024-03-21 13:18:00 浏览量：229次
前言
▂
大家好，我是设计师风尾竹，2022年三维炫酷质感的设计风格流行，更多的设计师投入到3D设计学习中，3D风格在专题营销和B端设计中大量运用。那么2D风格的插画是不是没落了？首先我说答案是否定的。插画做为一种独特的艺术风格，已经流行了很久，未来也依然有很多设计场景在运用。
2023年春节期间，竹子特意搜集了很多APP的启动画面，这些APP都大量使用了插画风格，去表达春节浓浓的团圆节日氛围。插画具有画面柔和，情感氛围浓厚特点，所以在一些在情感类设计题材中，依然是具有不可替代的设计表达形式。下面是一些竹子在节日期间截图插画启动页。
小结
▂
这些APP插画具有抽象艺术性，风格可以很柔和。传达功能信息和品牌情感依然高效。同时插画更讲求画面表意和情节，给用户叙事性的视觉体验，可以拉进用户和产品之间的情感联系。所以很多未来依然会有非常多的品牌会在节日或者庆典的时候，依然选择使用插画的设计形式感来烘托情感氛围。
经常有设计师来问我，为什么竹子带出的学生插画都看起来那么有故事感，其实我觉得灵感是非常重要的，很多经典的构图，经典的元素都可以直接去使用，日常我们去绘制插画，还是需要非常多的素材参考的。
那么竹子日常会去使用哪些素材网站去寻找插画设计灵感了？我觉得插画的素材网站其实非常的多，直接可以用是最好的了。所以今天和大家分享我私藏的可以去参考的素材网站。我挑选的这些网站都非常有特点，且可以免费下载使用各种格式。
1、openpeeps
▂
这个网站的插画竹子觉得内容风格都挺有意思的，有很多白描头像，特别适合去做参考画一些表情包，或者APP里面的插画人物组件。另外还提供SVG和PNG格式的下载，非常的方便了。欧美有非常多的商业设计就是喜欢这些有趣的涂鸦风格。
对于这种类型的插画在APP设计中的应用，竹子记得有一款非常优秀的APP叫涂手，这款APP就是供设计师分享这种黑白插画的社区，可惜这款APP已经停止下载了，如果有同类APP推荐，也欢迎大家告诉我。不过竹子看到近期LOFTER的引导页在使用这种线性风格的插画，所以这种风格具有极强的艺术性，还是比较适合设计类艺术类家具类的APP使用。
2、opendoodles
▂
这个网站提供了大量手绘风格的粗线条线性插画参考，这个风格可能比较抽象简约，人物风格比较夸张，线条比较粗犷。所以画面风格灵动中带着一些俏皮。适合一些风格比较有趣，希望营造轻松好玩氛围的APP或者产品。
经常有设计师说看起来国内的APP都千篇一律，其实我们国内也有很多风格多样，设计有趣的APP，竹子记得在必胜客的点餐APP首页设计中看到使用了这种俏皮风格的图标。线条粗犷，有点厚涂的手绘感，非常有趣。
3、icons8
▂
竹子推荐这个网站是因为有两个比较重要的地方，一个是提供了大量的3D人物素材库，这样对于不会建模的设计师，或者想去节省大量时间快速搭建场景的设计师来说是一个非常大的福音。竹子亲自测试了下，下载的图标是400PX内的尺寸，对于应付日常设计足够了，当然如果需要更高清的图标还是需要付费的。
另外就是插画以素材库检索的形式，把网站内的插画进行了打标签，非常容易方便的去快速定位寻找插画素材。对于插画素材库里面的插画，竹子觉得非常适合用来做一些B端设计的配图，和一些APP设计里的无数据页。
使用了3D人物插画方式的滴滴启动页
使用了扁平插画方式的知乎引导页
4、任天堂像素画库
▂
这个网站的特点就是分享了大量的粗点阵图的像素画，这些优质的像素画是由前任天堂设计师前田高志成立的前田设计室提供的，包含了 700款的“像素风格”PNG图案。像素画是流行于上世纪90年代游戏中使用的画法，所以具有非常强烈的时代特征。具有像素风格的电玩游戏，是许多人共同的年少回忆，竹子小时候也和大家一样，对于红白机具有强烈的视觉记忆。现今也有不少像素艺术创作，建构出像素画独特的魅力。
这个网站提供的是比普通像素画还要低解析度的粗点阵图，事实上，粗点阵图是前田高志所命名的新词，其概念源自于像素图，只不过比起一般的像素画，粗点阵图少了边框与阴影，以低解析度（较低的像素）且较抽象的方式，搭配相对应的颜色与妥善排列每个点的设计，让使用者一眼便能看出图示代表什么。从左至右为一般的像素图，到以低解析度方式呈现的粗点阵图。
那么这些粗点阵图如何使用了？首先是在一些游戏类的宣传画面中，可以做为一些游戏背景元素搭配使用。例如下图腾讯的游戏宣传大赛图运用了粗点阵图搭配使用。
另外像素画和胶片，卡带这些视觉符号，是具有鲜明的时代特征，在一些复古或者赛博朋克创意风格的插画和专题中都可以去做为怀旧的符号元素搭配去使用。例如下图淘宝专题页中的红包标题栏元素都是用了粗点阵图的设计风格。
5、openillux
▂
这其实是一个搜索引擎，基本上网上大部分可用的免费商用插画网站都可以找的到。而且还对插画素材可使用的软件进行了分类检索。包含了常用各种Figma、AdobeXD、Skech等常用软件，以及PNG、SVG可编辑的图片格式，竹子是建议大家这些网站可以一个个去看一看
结语
▂
今天竹子分享了日常使用了一些插画素材网站去结合设计的经验，关于2023年还有哪些新的设计趋势，我还会继续更新，今天就讲到这里，写了很多字，有人看看顺便转发了，我想她认真阅读而且喜欢了。朋友圈你的你们也可以点个赞，因为现在微信规则改了，不是你关注了就能看到我的系列文章。而是日常点赞，微信会认为你更加有兴趣，有更多的几率看到。没办法, 为了第一时间看到竹子写的文章，大家记得关注转发哦。听说点赞的人2023年升职加薪了！
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
学习平面设计要用到哪些软件？随着社会的发展，平面设计在我们日常生活中越来越重要。想了解平面设计软件都有哪些吗？本文为您介绍Photoshop、CorelDRAW、AI和CAD这四款必备的设计软件。
最新文章
