商业插画在移动界面设计中的应用

倪鹏飞 邱铭岳 金殷梓楠

摘要：当今社会，手机等移动媒介的不斷发展极大地丰富了人们的生活，移动界面设计以传播信息为目的，简洁生动的视觉艺术更能从视觉层面吸引人们的注意，便于信息的传播。其中商业插画以其独特的表现形式和富有感染力的视觉呈现被广泛应用于移动界面设计，受到人们的欢迎。研究商业插画的设计原则能进一步优化与更新界面设计，增加良好的交互体验。本文从商业插画的设计要素和设计风格入手，分析其在移动界面设计中的应用规律和方法。

关键词：商业插画;界面设计;应用

中图分类号：J239 文献标识码：A 文章编号：1004-9436（2021）11-0-02

0 前言

插画是一种视觉艺术表现形式，运用领域广泛。插画创作要求画面新颖、寓意独特、题材创新，在视觉呈现上具有一定审美价值。随着现代社会的发展与进步，手机等移动媒介在人们的生活中占据越来越大的比重，移动界面设计是应用于移动媒介的视觉化设计，插画的种类与传播方式在新媒体的不断发展下越发多样化，在不改变其特有的艺术表现手法的前提下，融入了视觉界面设计灵活的表现形式与多元的设计风格。新的发展方向使插画的艺术表现力更具特色。

商业插画不仅是重要的艺术表现形式，更是人们获取信息的一种有效视觉途径[1]。其不仅带有艺术性的特点，还具备满足商业需求的条件，能够最大限度地传递商品信息，展现商品的艺术性和品质，增强用户的体验感。同时商业插画也具备一定的美学内涵，在艺术表现与主题呈现上具有独特性，在一定程度上能够促进商业传播，并在视觉感官上影响受众的视觉审美习惯。

1 商业插画在移动界面中的设计要素

1.1 色彩

在插画创作中，色彩能够直接刺激感官，是非常重要的设计元素，也是人们判断事物状态和感觉的重要依据。人们视觉感知到色彩的瞬间，就能在大脑中形成一种直观印象，这种印象在为受众带来不同心理感受的同时，展现了产品的定位与特征，通过色彩使用户产生心理共鸣，引起用户的关注与兴趣[2]。如淘宝界面的宣传图以红色和橙色为主，红色有着热情、奔放、力量的寓意，橙色有着温暖、幸福、愉快的寓意，两种暖色都能给让人产生快乐愉悦的感受，用户在这种明快的情绪下进行购物，消费欲望更加强烈。合理的色彩搭配也能够加快图像的传播，因此，在页面设计中如何设计出符合产品理念且能准确抓住产品设计主题的色彩搭配是商业插画创作者必须要考虑的。

1.2 文字

文字是信息传播的重要设计元素，是界面设计中必不可少的视觉符号，在界面设计中占了很大比重，在插画创作中加入文字的设计会增强画面的层次感。根据产品属性，不同文字的设计风格带来的情感体验不同，如母亲节宣传插图选取的文字是庄重的，劳动节宣传插图选取的文字是欢快的，清明节宣传插图选取的文字是严肃的，购物节宣传插图选取的文字是可爱的，这些插图的创作素材多来自生活。设计师在绘制时融入自己的情感，在插画中根据整体效果合理插入文字可使画面的视觉语言更具感染力，便于用户理解，引导用户思考。同时文字的排版与颜色选取也要与画面内容相配，选择与插画主题相符的色调，增添插画的氛围感，让画面富有情感。

1.3 图案

插画图案被广泛应用于界面设计中，其中图形语言作为基础的视觉符号，在界面设计中所占的比重较大。图形语言视觉元素相比其他设计元素更具传播性，直观易懂。设计师通过艺术设计手法在实物参考形象的基础上，对图案进行视觉化处理，用户观赏后展开联想，从而产生情感共鸣。这些心理情感主要来自用户感知经验的积累。比如，过年时家家户户都会把鲤鱼跃龙门的画报贴到门上，有着安定、吉祥、年年有余的寓意。在商业插画的设计过程中需找到能引发用户共鸣点的设计元素，创造图形，表达意愿;借助移动媒体平台，实现图案的动态化，使画面效果更加饱满，充分调动用户的情绪。

2 商业插画在移动界面中的表现风格

2.1 扁平化风格

扁平化风格属于一种极简风格，其设计方法为将简洁的色彩、文字、图形等设计元素进行组合，在理解设计信息的基础上使受众体会到艺术形式的美感，具有很强的概括性。

扁平化风格的插图整体视觉效果简洁，块面感和线条感增强了画面趣味性。与拟物化风格复杂的配色以及追求极致的表现手法不同，扁平化风格在刻画内容时会削减物体本身明暗关系，在色彩选取上大胆运用饱和度较高的配色，把握不同色彩之间的适配度，强调颜色之间的对比度，色彩语言体系既简单又准确;表现色彩本身的情感诉求，在符合商业需求和品牌定位的前提下对色彩体系进行提炼和创作，使画面充满想象;在简化图形的构成和色彩搭配的同时，精准把握画面的内容表达，从而准确传播，节约设计成本。

2.2 拟物化风格

拟物化风格在商业插画中运用时，通常使用专业绘图软件，以现实生活中的素材为样本，创作出可体现其实物质感的纹理，通过色彩明暗对比和对肌理的刻画，在界面上创作出立体的视觉效果，使画面生动和谐，让受众有更加真实的感知体验。拟物化风格的优点是直观性更强，更有代入感，具备一定的艺术审美性，受众可根据直观感受去判断以及识别传递的信息。

在信息时代，年轻人成为网络消费的最大群体，商业插画的发展在形式与风格上逐渐以年轻人的审美为主导，插画创作也逐渐变得个性化和简单化。扁平化风格色彩语言鲜明，深受用户喜爱。而在实际商业宣传时，设计师会根据商业需求与插画主题选择适合的设计风格进行创作，运用简约或写实手法准确把握商品信息，使设计效果达到最佳。

3 商业插画的特征

商业插画的创作者通过直观的视觉符号使受众的感知体验更加强烈，商业产品信息更容易被传达，在营造良好的视觉感受时，满足了用户对艺术审美的要求和对商业信息的需求。插画设计元素在移动界面中展现出的视觉效果，使界面既独特又美观，为人们带来强烈的视觉体验。由此，所宣传的商业产品也会在受众心里留下深刻的印象，最终产生商业价值。商业插画借助移动媒体的呈现与传播，明确受众群体。在对有商业需求的产品进行信息传递时，插画所要体现的内容须和产品本身统一，向大众准确传递信息，具备实用性和广泛性，保证表现效果生动，在界面设计中的可识别性强。商业插画具有技术性、识别性、实效性和艺术性的特征，最终呈现的效果可以吸引受众的注意力，增加受众与产品的情感互动。

3.1 技术性

商業插画富有感染力，在绘画的基础上，对主题内容图案进行绘制，不仅考验插画师的想象力与创造力，同时也要求插画师精准把握产品形象和内涵，通过对设计元素的有效利用，创作出符合产品的插画作品。保证插画作品在投入市场时，能够在较短的时间内向受众传递准确的信息，用户可以接收到产品本身要表达的含义。

3.2 识别性

商业插画通过色彩选择、元素设计、图形线条形成视觉上的美感，能够生动形象地表达情感、主题和故事内涵，可以打破地域文化、语言性别等方面的限制，便于被大众理解、接受。尤其是在当今社会，商业插画采用生动形象的表现手法，运用视觉语言带给受众深刻印象，具有鲜明的直观性。简单明了、生动形象的视觉艺术更容易吸引人们的注意，便于信息的表达和传播[3]。同时插画涉及领域广泛，选材日常，识别性高，因此，很容易被人们理解和接受。当前，商业插画已经逐渐成为界面设计的不可缺少的一部分。

3.3 实效性

随着时代的进步与发展，在技术改变人们生活的同时，插画创作者在艺术表现中不断融合新技术，应对时代的挑战，丰富了插画艺术的表现形式。商业性促使商业插画在创造艺术价值的同时又增加了经济价值[3]。商业插画利用其特性通过艺术语言生动直观地传达信息，利用用户视觉感知，进而刺激消费。

3.4 艺术性

艺术源于生活，插画在创作时需要在现实生活的基础上进行设计与修改，使人们可以在自身已有的社会经验基础上迅速判断插画传递的信息。进入读图时代，社会迅速发展，人们接收信息的渠道变得更加广泛与便利，每天接收大量信息，理解信息，使设计师在对商业产品进行宣传时不得不考虑设计的直观性与趣味性。设计师为适应技术的发展需要不断改变插画的表现形式。在市场需求不断增加、移动媒体快速发展的社会中，商业插画独特、夸张的艺术表达和个性、多元的艺术风格吸引了更多用户，界面设计中的商业插画借助软件设计能够满足商业需求，增加商业价值与内涵，同时也提高了人们对艺术的理解和对设计的审美水平。

4 商业插画在界面设计中的表现与应用

在新媒体时代，商业插画的可实现途径和创作方式变得更加方便，大大提高了插画的创作效率。受工作场地的限制和工作时间的影响，插画设计师大多选择数位板进行创作，这大大缩减了创作成本[4]。而只要画面效果能够满足商业需求，设计师也可以使用pad（平板电脑）自带的绘图软件进行创作。

4.1 静态插画表现形式

静态插画在移动界面中是一种普遍的表现形式，其中主要有手绘插画和数字插画。

手绘插画表现形式是商业插画的表现形式之一，在移动界面设计中被普遍运用。手绘插画对创作者的能力要求更高，在传统媒介中，为体现真实感与艺术性，创作者往往需要投入更多的时间与精力去绘制插图。受时间与地点限制，设计成本高，传播方式局限，随着信息技术高速发展，以纸媒为基础的手绘插画成为一种新的表现形式。手绘插画独有的笔触肌理被制作成专属笔刷，上传至各大软件，设计师可以将这些笔刷运用到界面设计中，如以毛笔的笔触纹理、水彩的晕染效果等不同的艺术表现形式配合各种画面效果，在一定程度上满足了需要手绘效果的商业需求。扫描手绘原件并将其上传至网络作为素材进行二次创作，也可以收获意想不到的设计效果。

数字插画表现形式在界面设计中极为普遍，插画在创作过程中以主题和内容为主。在设置好的范围内对元素进行设计和排版，呈现具有故事性和内涵性的画面，根据设计需求和画面完整性搭配文字进行内容传播，一般用于游戏介绍以及购物活动宣传。

4.2 动态插画表现形式

移动界面插画在运用时不会被局限于静态的表现形式，并且可以通过动态、声效等设计实现多维化的效果，如游戏的开屏插画在图画的基础上加入声音、动画等动效设计，在带来强烈视觉效果的同时，引导人们去互动点击。夸张的表现、丰富的色彩、多样的动效在带来良好交互体验的同时，吸引人们去点击以及下载付费，为产品带来收益。动态的插画表现比静态插画更加吸引眼球，在移动界面中主要表现为表情包设计与视频插画。

表情包是人们日常社交生活中必不可少的一部分，表情包插图在界面设计中充满趣味性和互动性，十分受用户喜爱。表情包插画受众年龄范围广、使用频率高，和其他插画形式相比表达性更强，人们通过发送表情包表达情感，在情绪得到满足的同时能够加强交流、提高交流效率，是传递情感的最好表现形式，极大地丰富了人们的社交活动。依托于此，设计师更有动力激发自己的想象并带来创新性的作品。

视频插画多用于游戏、电影以及动画等领域，可替代一些实物无法表现的画面。随着时代的不断发展，为增加交互体验，商业插画在视频中的应用也越来越广泛。

软件技术的更新和网络技术的发展使得市场对商业插画有了新的要求，由单纯的静态表达方式逐渐转变成动态的表达方式，在增加趣味性的同时更利于信息的传播[4]。因此商业插画在表现形式上更加多元化，同时增强了受众的交互体验，扩展了插画的应用领域，为商业插画的发展带来了机遇。然而迎来机遇的同时也要提高警惕，商业插画的本质是通过图像传达信息，为产品带来经济价值，在创作时须体现产品本身所要传达的精神内涵。

5 结语

信息时代的商业插画在艺术表现和传播方式等方面变得更加完整与多样。在移动界面设计中，商业插画基于视觉层面的色彩、文字、图案等设计要素，在增强界面设计美感与整体性的同时，其视觉呈现性和艺术趣味性不仅能够提升人们的欣赏水平和审美能力，也为移动界面设计的创新发展提供了多样性和可行性。商业插画在满足人们精神与审美需求的同时也丰富了界面的展示效果，为界面设计以及平台创造价值，并且在新媒体时代焕发活力、展现魅力。

参考文献：

[1] 刘筱馨.新媒体时代下商业插画表现艺术研究[D].沈阳：沈阳师范大学，2017.

[2] 周吉.商业插画在APP用户界面设计中的应用研究[D].杭州：浙江农林大学，2018.

[3] 程诚.探索中国商业插画发展之路[J].教育观察（下），2017，6（10）：139-141.

[4] 王月颖.商业插画在新媒体中的表现[J].戏剧之家，2019（07）：162.

作者简介：倪鹏飞（1979—），男，山东滕州人，硕士，研究方向：视觉传达与媒体设计。