【设计干货】UI设计界面中的插画风格!
时间:2024-06-04 来源:朝夕友人 点击:
插画在APP界面设计中作为产品优秀的“推销者”,根据市场流行、表现方式和元素特征等要素,可以大致把APP插画设计风格分为:
![](//q9.itc.cn/images01/20240307/48e1f40aaa1a44e6b4b7a0ad3052512e.jpeg)
![](//q3.itc.cn/images01/20240307/ee944411a1454af0a5ed0752143f73cd.gif)
扁平化舍弃掉美学上的一些装饰,没有多余的透视、纹理、渐变以及3D效果等元素加以陪衬,只保留了事物最本质的特征,更直接地突显信息本身的核心内容。扁平化插画与拟物化设计不同,在设计元素上多以抽象、简洁和符号化等特点为主,它没有像拟物化那样给人一种逼真的感觉,也没有过多的装饰物,更注重一些实物性的功能。
![](//q8.itc.cn/images01/20240307/40fda5516b9343d8837861ac56acdb9b.jpeg)
扁平化插画是通过扁平的绘制风格来呈现视觉艺术表达形式,即用简单的外部轮廓绘制出插画内部需要出现的内部图形,它的特点有四点比较明显:一是在于大胆的用色,二是画面简洁明快,三是“伪”扁平化,四是字体扁平设计。扁平化插画的界面设计不需要多余的装饰性东西来进行修饰,仅用规整的排版、简洁的图形与鲜亮的色彩进行结合。
![](//q6.itc.cn/images01/20240307/0b9c6ce823ad48c59a879b6eb2b2db74.jpeg)
扁平化插画在APP界面中给观者一种耳目一新的感觉,以极简的方式赋予具象事物“萌”化的状态,使界面整体看起来干净整齐、简约大方,同时也缩小了彼此间的距离感并减少认知障碍。
![](//q4.itc.cn/images01/20240307/e7bc014277524a3da535b86133ab199a.jpeg)
![](//q3.itc.cn/images01/20240307/3fd9dba795b24f43a8300df42e4fa86b.gif)
MBE风格的插画是在扁平化的潮流中逐渐演变的,而且非常简约、可爱、有趣,它的特点主要有三点:
![](//q9.itc.cn/images01/20240307/86396f353c9c4a899e98addc420daa6f.jpeg)
①圆润的线条描边,一般以粗线条为主,粗线条可以使画面看起来圆润可爱,有时为避免粗线条造成的压抑感,也会结合断点式和无断点式的线条,营造愉悦的气氛。
![](//q2.itc.cn/images01/20240307/e8911c926f6545d4b8cf35ada39672dd.jpeg)
②鲜明的颜色配色,没有渐变颜色,色彩饱和度高,经常采用橙色、绿色或者黄色等亮色,色彩也会偏离线条轮廓,来塑造高光和阴影的效果。
③主体周围会有一些小装饰,例如小圆点、烟花、加号等形状。
![](//q3.itc.cn/images01/20240307/4dd02b418f7a439c98f986c0148c8c97.jpeg)
MBE插画设计风格使APP界面看起来充满趣味性和灵动感,插画图形元素依仗自身的优势,将界面设计以简驭繁、优化整合,让画面形象都变得活灵活现,极大地改善用户的使用体验,以醒目的信息向用户传达温暖的企业形象。
![](//q9.itc.cn/images01/20240307/25fc3ddcec934c40bf2f259691469147.jpeg)
![](//q6.itc.cn/images01/20240307/1785ef2277ab4b18b49e986f626f5c7e.gif)
APP界面插画设计风格采用手绘插画的方式不局限于传统形式,而是根据移动APP的产品、场景、功能等综合因素深思熟虑后,将源远流长的传统手绘形式和与时俱进的数码插画形式融会贯通。手绘插画风格的特点有:
![](//q1.itc.cn/images01/20240307/17254f0eb8d74895916d75568ff387f5.jpeg)
①能展现不同材质的质感效果。
②可以充分表达线条的流畅度,与不同材质相结合,采用不同的作画方法。
③能鲜明的体现画面肌理痕迹。
![](//q8.itc.cn/images01/20240307/276b8bc8591043bb801e2295cf3eeff6.jpeg)
![](//q5.itc.cn/images01/20240307/faa0345f90ac41d5b87bcf845315f0de.gif)
此处的渐变主要是指颜色纯度、色相或者基本形渐进的、有规律的变化。渐变可以从位置、大小、方向、色彩等视觉因素做渐变特性,呈现一种不一样的形状或现象。渐变色兴起是由于扁平化风格容易造成同质性,而为了丰富视觉表现效果,增强艺术设计美感,渐变色逐渐兴起。
![](//q8.itc.cn/images01/20240307/a261eb6b94a544168d641d16f8c3e2f3.jpeg)
渐变插画也称为微光插画,其特点是画面光感比较强,颜色一般采用近似色且种类不多,属于一种唯美的风格,注重意境和氛围的渲染,色调柔和,画面和谐统一,带给人温馨感受。
![](//q8.itc.cn/images01/20240307/5a2f4e6dd40d4279ba7f67e5bda45b2a.jpeg)
立体就是在平面上展示出栩栩如生的立体图像效果,运用光影、虚实、明暗对比等手法,打破传统平面图像的一成不变,给人一种新的视觉感受,立体插画也称为2.5D插画,以立体形式在二维空间表现三维效果,让画面形象更加真切,在画面效果上更有真实的感染力。
返回搜狐,查看更多
责任编辑: