UI·交互设计@IT·互联网UED

你必须要知道的「插画设计风格」类型!

2020-05-18  本文已影响0人  UI严选

这几年,插画一直作为设计流行趋势名列前茅,都是每年最受欢迎的设计趋势之一,插画也越来越受到广大设计师和各行各业的工作者的追捧,插画不止应用到APP、网页界面和UI动效设计中,而且连图书出版、报刊、杂志、海报、传单等平面设计中,由此可见,插画将会在未来的设计中会被越来越广泛和频繁的应用,使用场景也会越来越多样。

在开始今天的正文之前,我们先来看一个视频:2020年流行的插画设计趋势
今天,我们来看一看现如今流行的插画风格有哪些?

1. 肌理插画(噪点插画)

顾名思义就是给插画加上了些肌理质感(比如杂色)和光感,本质也和扁平插画差不多,一些想体现质感的页面会用到这种风格。

肌理插画风格没有描边线,画面轻快,通过色块的明暗来区分每个元素,有点像色彩版的素描,但更简单;肌理的画法给人很朴实的感受,比较轻松随意;肌理中的颗粒感增加了画面细节,也更耐看。肌理插画的色彩饱和度高,对比强,画面轻快,一般用扁平化方式处理。

这种画法通常会加入杂色,增加颗粒感、质感,也会通过明暗色块区分每个元素,增加立体感。肌理插画和扁平插画差不多,相较扁平插画,肌理插画的层次感、细节更多,也会更立体生动。

特点:无描边、通过明暗色块区分元素、扁平化,颗粒感

2. 手绘插画

手绘插画,需要设计师具备很强的绘画功底,也算是插画里面难度比较高的一种。手绘风格的插画运用得也比较广,常见的有插画绘本,故事场景设计等。这里的手绘等于板绘,即绘画工具是数位板+Ps、Ai、SAI 等电脑软件。由于它的便捷、快速、可随时修改、易保存、低成本等优点,板绘受到目前很多商业品牌和画画爱好者的追捧。

本身也含着各种风格,和主体的造型、颜色配比、主题传达息息相关,在开屏页和活动页比较常见。

手绘属于插画的一种,它本身包含各种绘画风格,手绘风插画运用非常广,比如常见的故事场景、人物设计、插画绘本、Q版头像等等。手绘插画需要设计师具备一定的绘画功底,才能在图层上发挥天马星空的想象力。特点:风格多 随时修改 易保存 便捷快速 低成本 可定制

3. 渐变插画

有点类似日本漫画场景的感觉,风格特别唯美浪漫。光感比较强,所以也称为微光插画。颜色一般采用相近色,颜色种类不要太多。目前多数 app/web 端都流行扁平化渐变插画,多用于绘制渐变场景插画。通常设计师运用大量低饱和度的渐变,营造出色彩鲜明、对比强烈的光感,颜色一般使用邻近色,尽量不要使用多种颜色。渐变插画细节丰富,风格较写实,看上去大气又美观。

渐变插画以渐变场景插画为代表,色彩或优美柔和,或强烈鲜明,整体感强,美观度高,手机APP开屏页面中会见到这样的插画。

特点:对比强烈 多用邻近色 风格写实 大气美观

4. 扁平插画

简单来讲就是把复杂的关系简约化,让画面更加清爽整洁,也是现在比较常用的风格了,很多商务工具类的 APP 会选择使用这种风格。

扁平插画是一种非常写实的绘画风格,基本上用几何形状绘制,一般由基本图形(椭圆、圆形、三角形、矩形等)进行组合变化,细节较少,看上去简洁、大方、清爽。这类插画在手机 app 和网页中较为常见。

特点:几何状 少细节 简洁大方

5. 涂鸦插画

线形或面形涂鸦风格的插画,特点是张扬随意、年轻大胆,凌乱却有章,简单又粗暴,用于H5宣传海报或部分LOGO设计。

涂鸦插画从原本在墙壁涂鸦画画延伸至用电脑进行绘制,风格多为大胆、个性、张扬、简单、凌乱。behance大神也曾预测,随性的涂鸦、自然的笔触以及随性的色彩半点,将会受到更多 人的欢迎。

特点:随性 凌乱有章 张扬

6. 2.5D插画

2.5D插画是立体插画的一种风格,2.5D设计,一般用于场景设计、启动页面插画等,说到2.5d插画,你可能第一时间会想2D应该是平面的,3D是立体的,介于2D和3D之间,那么它就是在平面上面看立体的2.5D透视原理图像,就是物体的正面光面和暗面三面组成,也算是伪3D。

一般是以固定45度角呈现在画面中,首先,设计师需要设计出明暗、背面、正面三个面的图像之后,拼合后只需要做图像、光影关系的调整,以及整体配色和感觉。

在网页设计、APP启动页比较常见,轻微的透视感增强了画面的趣味性,能更好地进行信息传达。特点:立体 透视 空间感 等轴侧

7.3D立体插画

立体插画可分为2.5d 和3d 插画,2.5d 插画又称伪3d通常用 illustrator 绘制,而3d 多由 c4d 完成。立体插画带来的透视感、空间感,营造强烈的视觉冲击力,能够更好地传达信息。特点:立体 透视

8. 描边插画

线面结合的表现形式,在H5中运用的越来越多,先运用线条、形状,将事物进行抽象画处理,再上色,绘制成一个画面。目前多用于H5、app 启动页。

特点 :线条 简单 易学 创意

9. 复古插画

这种风格以大面积暗色与低饱和颜色为搭配,很像五六十年前的欧美海报,被称为复古风。复古插画风格难点在于大面积暗色不知如何规划,很难找到规律,实现起来不知如何下手。
从Pinterest上粉丝量来看,复古设计仍然在设计界声名显著。一些品牌仍然喜欢用这种经典设计的包装,以此来精准地吸引目标受众。

特点:新颖  潮流 怀旧

10. MBE插画

MBE风格的原创作者是法国设计师MBE于2015年年底在dribbble网站上发布,从线框型Q版卡通画演变出来的MBE风格,设计采用了更大更粗的描边,相比没有描边的扁平化风格插画去除了里面不必要的色块区分,更简洁、更通用、易识别。

MBE插画也是描边插画的一种形式,只是粗线条描边起到了对界面的绝对隔绝,突显内容,表现清晰,化繁为简;所有此类型的图标和作品都被称为MBE风格。dribbble 的一位设计师创作了这种风格,在 APP 中的引导页、启动页和缺省页运用也比较广泛。

特点:圆润 简洁 易识别 

总结

现如今,无论是平面物料设计、品牌设计还是UI界面、动效设计,更加风格化的插画能够将不同的风格和创意加入其中,在激烈的竞争中更容易因此脱颖而出,提升用户留存和转化。

插画也是是视觉触发器,瞬间传达大量信息,也是标题和文本的重要支撑,插画更适宜呈现故事,进行场景化设计和情感化设计,独有的情感吸引力,插画赋予设计以美学价值,更容易被接受,插画能让品牌识别度更高,插画还能强化交互,应用在短视频中,插画的独特性来自于其中的隐喻和引人入胜的视觉,让用户可以更快理解和操作。

最后,分享给大家一个免费可商用的插画设计资源:

点击查看:《17个高质量·免费·可商用的插画资源网站分享》

上一篇下一篇

猜你喜欢

热点阅读