插画在UI设计中的重要性探析

谭坤 张芸 康海英

摘要：在UI设计中，使用插画来辅助传达信息，无疑更加直接到位。使得界面设计更清晰，更时尚，也可以更加精准，更有表现力，往往广泛应用于页面主题图、网页首图和Banner、吉祥物和形象插画、游戏化设计的页面、讲故事的辅助配图、信息图表、营销和广告图、图标和装饰性内容和社交媒体页面中。在界面设计中应用插画连接了设计，作为内容呈现，还带着明显的艺术化的属性。在uI设计中起到越来越重要的作用。

关键词：插画;界面设计;品牌识别

中图分类号：TB47 文献标识码：A 文章编号：1005-5312（2019）11-0031-02

插画，illustration，源自于拉丁文，指照亮之意，插画可以使文字变得更明确清晰。用以提升文字所给予浏览者的趣味性，使文字能更生动、更具象地活跃在读者的印象中。在界面设计中插画的重要性，早已远远地超过这个“照亮文字”的陪衬地位。它不但能突出主题，而且还会增强界面艺术设计的感染力。随着移动终端应用日益成为人们日常生活的消费品，网页、uI和动效设计中都纷纷应用插画。作为设计中最具有表现力的元素，一张插画所传递的信息比文字更豐富。

一、插画是表达界面设计原创性和独特性的基础

无论是印刷品、品牌设计还是uI界面，更加风格化的插画能够将不同的风格和创意加入其中，在激烈的设计竞争中更容易因此脱颖而出。产品通过uI设计留住用户才有市场转化。在博客、新闻和Banner等网页中使用插画，也是明确了插画可以根据内容进行深度定制的优势，这种定制能让内容更加统一一致，更加符合产品目标，借助色彩、角色、环境甚至暗藏的隐喻，来吸引特定的用户，达到品牌营销的目的。

二、插画通过直观的视觉传达精准的信息

人的视觉感知能力很强，看到图片的一瞬间，也许还没有来得及进行逻辑思考，但是大脑已经接收到大量的信息和内容。心理学研究表明，人类只需要大概0.1秒就可以感知到场景中绝大多数的视觉元素。视觉信息可以更快传递到大脑，而重要的信息，人类也通常会被固化为视觉图像，而非文本化的记忆。文本需要依托可读性设计，而图片和插画则会被直接识别。图片和插画更容易打破文化和语言隔阂，传递内容含义。对于视障用户、阅读障碍用户和儿童，图片插画更容易被理解。

三、插画是标题和文本的重要“解释”

虽然图片一瞬问传递的信息很多，但是图片在很多时候是无法提供精准而详细的内容。用户依然需要文本来呈现清晰而可以被阅读和记录的内容，界面中的文本是不可缺失的，尤其是界面设计的导航标题。在文本和标题已经具备的情况下，经过精心设计的插画能够帮助用户理解，更清晰的记忆。在很多特定的领域，举个例子比如说京东时尚类店面界面设计，插画能够借助色彩、图形和形象来讲述故事，强对比度的色彩、时尚造型人物插图让用户更清晰强化服装品牌概念，甚至强化信任感，而这是文本所不具备的。插画能带来强烈的情感连接和心理感应。

四、插画讲述故事、传递情感、增加界面的温度

故事是最令人难忘的内容，剧情的走向和起承转合会给人留下深刻的印象。而插画则以清晰的形象将文字和意象勾连起来，无论是在网页、uI设计还是内容和体验上，都有着足够突出的体现。营造氛围，渲染情绪，描摹环境，呈现角色，插画让故事更加鲜活、易于理解。在内容制造上，有着难以替代的作用。[小时候我这样看他]的H5刷爆了朋友圈，该款H5锁定情感营销，向受众发起情感攻势，才能最大程度留住目标用户的关注，与他们进行深度沟通。界面设计中爸爸的插图形象设计深入人心，这款手机H5应用的引爆点在“情感交互”，唤起年轻群体心底对父亲的爱，引发强烈共鸣，从而达到了非常好的引流效果。

五、插画以情感吸引力代入用户的情绪

人是情感动物，看似理性的外表之下，几乎每个决定都是在情感和情绪的驱动下完成的。如果某个设计除了能够帮你达成某个目标，能准确的传递产品信息，还能让你感到身心愉悦，并且有急于分享的冲动，那么通常下一步就是将它收藏起来并且分享给朋友。而在诸多设计因素当中，插画在撬动用户情绪这一点上，有着无与伦比的效用——从线条、色彩到面部表情和曲线和动效，都在竭尽全力地为你阐述故事，营造氛围，将你拉到故事和场景当中去。在产品和用户之间建立了很强的代入感，品牌才能充分借助媒体资源的核心能量，并以丰富、有趣的内容创意，全面调动用户兴趣和行动力，让用户在参与品牌营销时，既有存在感，也有价值感。

六、插画赋予设计以美学价值，更容易被接受

即使所有人都在分析和争论产品的可用性和易用性，大家在对美的追求上，始终保持着一致的态度。优秀的界面设计作品一定是集可用性和美观性于一体的。一个设计是否具备可取性，是否能够通过甲方、客户和实际用户，是每个设计者都需要面对，都力求做到最好的事情。精心设计的插画在美学和风格上更加扎实，风格化的设计不弱于现成设计素材所提供的价值。

七、插画能提升品牌的识别度

和文本相比，插画的视觉化属性是更强的。图片插画所提供的定制化内容能够从各个方面来贴合品牌的需求，更加到位地表达品牌所需呈现的信息。这也使得插画不仅仅在品牌宣传的时候，运用在动态广告、动态海报等界面中吸引用户眼球的地方，而且也成了品牌APP中新用户引导和教程中必不可少的元素。首次打开的引导教程还有一个可用性上的问题：它会要求用户在还未开始使用APP的时候，就必须仔细阅读这些指引，并且将教程中所提供的信息记住。

可问题是在于，人的短期记忆是相当有限的，教程越长，记住内容的比例通常越低。借助插画来呈现新用户引导页面可以起到事半功倍的效果。进入特定的环节、进度的时候才会被触发的一种提示，所以不同的用户碰到这些提示的时间、场景不尽相同。借助游戏化的设计，集成了大量有趣的表情和贴纸，有效降低了用户的认知困难，帮助企业拦住汹涌的用户流失潮。

八、数字插画能起到强化交互作用

数字化的插画通过不同的数字软件，合理的处理之后，不仅能够变成动态的，运用于视频当中，还能够作为微交互，强化产品的整体体验。数字插画，发挥数字技术的优势，创造出更多与众不同的、新颖的图像图像，乃至于各种人性化的动态视频，使得插画具有独特的视觉表现力，从而产生了巨大的艺术价值。不仅能够更加准确、生动得传达某种信息，使插画画面的表现更加丰富，充分表达插画设计者的主观理念和情感态度，而且以其强有力的视觉冲击效果，满足了大众的审美需求。采用了多种多样的表现形式，创造出更多新颖的画面，丰富了插画的内容和视觉效果，更能够吸引大众的眼球，发挥其传播功能和美化功能，产生更多的社会效益。

九、插画应用于界面可以提高产品的可用性

无论是图标还是大幅的插画，都能帮助用户理解，更加直观地知道要看哪里，要做什么。面对如今的数字界面，用户的注意力持续的时间越来越短，而插画则让用户更快、更直接地获取信息，并且决策下一步要做什么。如果插画或者图标内容不能被用户一眼看出来，那么用户就只能借助文本标签来了解功能是什么。设计师可以通过测试来测试图标和插画的可用性和识别度。

插画的设计是有门槛的，在uI设计中应用插画的时候，需要考虑界面所面向的目标受众（身体能力，年龄，文化背景，教育水平等）、产品的使用环境、产品和内容的在全球范围内和当地的传播水平、所选图形的隐喻以及是否容易被识别等问题，才能将插画在uI设计中的作用发挥到极致。插画增强用户体验是客观存在的，它是提高uI吸引力的强大工具。虽然插画的运用并没有太多硬性的规定，确保插画的可用性。插画最终是要应用到产品当中，成为产品和品牌的一部分。