几种插画风格在移动端界面设计中的运用

王碧琳

摘要：移动互联网高速发展，移动端界面设计有着不同的风格，本文主要研究常见的几种插画风格的运用。从几种插画风格的分类出发，向在界面设计中运用的特点进行分析，总结了插画风格在移动端界面设计中的独特性和重要性。插画风格界面设计是传统绘画艺术和现代科技的完美结合，提升7用户使用的愉悦性，加深了用户对品牌形象的理解。

关键字：插画界面设计移动互联网

互联网行业发展迅速，根据《移动互联网蓝皮书：中国移动互联网发展报告（2018）》，“移动互联网用户总量增长放缓，用户结构优化，数据流量倍增，2017年中国移动互联网接人流量达到246亿GB，全年月户均移动互联网接人流量达到1775兆（MB），是2016年的2.3倍”，我们可以了解到，我国移动互联网用户使用率居高不下。

在移动互联网的发展中，移动界面设计，也就是移动端UI设计的优良与否，对行业的发展也起着非常重要的作用。优秀的界面设计能够拉近用户与应用软件的距离，能够增加对用户的吸引力。

一、移动端界面设计中常见的几种插画风格

用户的审美能力逐渐提高的今天，各式各样优秀的界面设计风格也在市场上流行开来。作为视觉设计的一种常见的表现形式，插画在移动界面设计中的运用也越来越普及，出现了很多插画风格的移动界面设计，比较常见的插画风格有扁平插画风格、手绘插画风格、MBE插画风格、半立体插画风格。

1.扁平插画风格

背后是计算机技术与交互设计互相交织的大数据时代，扁平化风格依靠着现代人删繁就简的生活理念，已经渗透到了移动端界面设计的方方面面。从微软的Windows phone到谷歌的Android 7，再到现在苹果的IOS 12，扁平化风格设计势不可挡，风靡界面设计行业。由此基础上发展而来的扁平插画风格，特点鲜明，普及率高，主要特点有简洁明了，去掉繁文缛节，对事物最大程度的概括和沉淀。扁平化风格再结合插画的生动活动，使界面又不失趣味性。

用戶在接触此类风格界面的时候可以更快地理解到信息的核心，节约时间和成本，对于APP的推广和提高受众接受度也十分有利。

2.手绘插画风格

在扁平风大行其道的时代，还有一部分界面设计是采用传统手绘风格的。手绘插画具有丰富性、生动性等特点，表现力强，展现范围广，对设计师的美术功底要求较高。以前的手绘插画是采用传统的绘画工具来体现的，一般是借助笔墨纸砚、颜料来创作。在传统手绘插画的基础上，可以借助新兴的数码科技，在移动端界面上应用数码手绘插画，同样可以体现绘画中的肌理、笔触、质感等等。手绘插画风格的界面设计艺术效果更具有亲和力和情感化。

3.MBE插画风格

MBE风格是2015年法国设计师MBE在driloble网站上创作的一种Q版卡通风格。这种风格在移动端界面设计界运用较为广泛，因其简洁的造型、明确的边缘、鲜明的色彩、圆润的轮廓、可爱活泼的视觉感受而造成了突出的视觉效果。MBE风格在填色方式方面独具特色，内部的色块要向平行方向偏离一点，距离轮廓线条有一点距离，这个距离最宽的地方数值往往不低于轮廓的宽度数值，以此可以体现高光和阴影，塑造光感。描边线条往往采用断点式和无断点式交互出现，不死板，有呼吸感。

4.半立体插画风格

半立体插画风格是在扁平化风格的基础上，保持简洁概括的处理手法，加入一些元素使物体具有一定的立体感，其中包括了渐变插画风格、2.5D插画风格、肌理插画风格。

渐变插画也叫微光插画，在颜色是使用上一般采取邻近色或者是近似色，种类不多，风格唯美高雅，不会大面积使用高纯度色彩，一定会搭配同色系的不同纯度色彩来调和画面感觉。画面明度落差虽大，但具有渐变的特点，过渡柔和，不突兀。

2. 5D插画是可以在二维的空间里展现三维的视觉效果，利用色块、线条、透视来达到目的。这种风格现代感强烈，视觉冲击力强烈，可以展现立体感、科技感、未来感。

肌理插画是在扁平插画的基础上增加颗粒感，展现物体的质感和光影关系。

在笔者看来，扁平化风格依然是地位坚固，在快节奏的生活中，人们对信息的复杂和繁琐依然存在或多或少的抵触心理，所以高度概括、简洁明了的界面设计依然深得人心。所以在此之上，半立体插画风格既能是满足人们快递掌握信息的需要，也可以提供一定程度的趣味性和生动性，将两者结合共同展示优势，只是孰多孰少的问题。

二、插画风格在移动端界面设计中的特点

1.界面视觉冲击力强烈

在界面设计中使用插画风格，特别是在移动端这种高速浏览的平台中使用，对于吸引用户注意力具有相当强的优势。插画使用传统绘画的创作技法，本身就已具备绘画的视觉冲击力强的特点，再加上数码科技的处理，与交互设计的融会贯通，在第一时间吸引用户的注意力。在插画风格的移动端界面设计中，往往使用鲜明的色彩、强烈的对比或是明确的轮廓线条、色块的切割来体现视觉冲击力，增加画面的观赏性。

插画风格多种多样，在表现事物或情感上可以采用多种艺术处理手法。在图形方面，可以对图形进行创意表达的处理，灵活运用构成要素，以及运用多种图形的构成形式等。在色彩方面，灵活运用对三大要素的认知和掌握，对色彩感觉的综合表达等。在移动端界面设计中，插画风格可以充分发挥自身的特质，更好地展现平台特色，为用户服务。

2.富有艺术气息与趣味性

信息化社会的逐步建立和计算机技术的快速发展，使得人们越来越接受科技化产品充斥在生活的方方面面，由此带来了人们的需求转变。在人们习惯了科技感十足的事物时，审美意向也在变化，不是说传统的、古老的审美已经过时，而是如何与现代审美相结合，让人们更乐于接受。此时，插画风格的界面设计，在体现科技感、时尚感的同时，也可以给用户带来一定的艺术感受。需要展现人性化的、温暖的、有趣味性的界面设计往往可以采用手绘插画、半立体插画等风格，将科技美感与艺术美感有机地结合起来。

3.信息传递的丰富性与高效便捷

传统的插画创作较为复杂，需要多种工具、材料、工艺的支持。从数字技术介入开始，插画创作发生了巨大转变，需要通过计算机软件来完成。常见的图形处理软件有Photoshop、Illustrator、Painter、Sai等，对图形的强大处理能力.大大节约了插画创作的时间成本效果方面虽不及手工绘制的特殊艺术效果，但也具有生动写实、精致整洁的画面效果。在界面设计中，插画生动地表达了枯燥繁琐的信息，优化了信息传递的方式，科技与艺术的结合提升了信息传递的效率。同时，与别的媒体相结合，可以更全面地展现信息，例如加入音乐、动态图像等媒体，效果更好。

4.体现情感化与人性化

现代设计理念中非常提倡人性化设计、情感化设计，无外乎将现代设计与人们所熟悉的感性认知相结合。那么在界面设计中，插画风格可以满足这样的需要。通过插画传递出的美好的视觉语言，可以引起人们对经历过的美好事物的联想，从而引起情感上的共鸣。在插画风格的移动端界面设计中，往往采用具有亲和力、身份认同感的事物，处理手法也较为柔和，注重用户体验感受。多种多样的插画风格能够给予人们不同的心理感受，可以是清新活力的，也可以是罗曼蒂克的;可以是朝花夕拾的，也可以是未来科技的……不同的风格针对不同的用户群体，满足个性化的需求。

三、结语

在信息化时代，为了更好地将传统绘画艺术与现代科技结合，为了让用户感受到多种多样的界面设计风格从而提升使用愉悦感，为了更好地实现手机软件与用户之间的精神沟通，本文进行了简要的几种插画风格在移动端界面设计中的运用研究。不同插画风格的不同魅力，使软件用户在使用过程中能够获得更为愉悦的感受，从而加深了品牌形象在用户脑海中的印象，在移动端界面设计中占有十分重要的地位。