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

郭诗雅（广州科技职业技术大学）

一、商业插画在App界面设计中的应用概述

商业插画作为商业活动发展过程中形成的一种新的信息传递形式，有着较强的艺术性与设计性，在信息传播过程中，将表现形式生动活泼、视觉语言极具创意的商业插画融入信息传播过程中，不仅顺应了当代信息传播发展的需要，还能更好地吸引用户的注意力，从而为信息广泛传播提供有效的支持。

（一）应用意义

随着5G 时代的到来，较过去人们获取信息的方式越发丰富，单纯的文字信息、知识获取方式已经无法切实满足人们的实际需要，这一情况使得视觉图像在信息传播中的占比不断增加。商业插画作为可以使主体概念一览无余的重要视觉信息传递方式，在当前的信息传播工作中，有着极高的应用价值，将其合理应用到App 用户界面上，不仅可以使用户更好地理解信息中传递的内涵与情感，还能为社会信息传播提供新的途径。

1.满足人们视觉审美转变的要求

在各种因素的影响下，当代人的审美需求与审美观念不断发生变化，并且不同人的审美观念也存在着较大的差别，这就使得人们在面对同一件艺术作品时，受各自审美动机不同的影响，审美感受差别相对较大。第三方应用程序作为一种面向大众的交互软件，为了更好地传达程序软件中信息的主旨，便于受众能够有效理解作品的内涵，将能够顺应时代文化以及受众审美需要的商业插画融入应用程序界面当中，在吸引受众注意力的同时，激发受众与商业插画中的情感共鸣，已经成为进一步提升App 整体影响力的重要手段。

2.满足人们阅读方式转变的要求

在互联网技术不断发展、智能手机广泛普及的背景下，人们获取信息的主要方式不仅仅局限于文字，正朝着感性化、图像化的方向发展，尽管视觉感受能力是人们与生俱来的一种认知能力，但更为浅显、更贴合主流文化的图像能够有效降低人们读图的难度，从而达到强化受众从图像中获取信息能力的目的。商业插画作为一种以受众审美需求为创作基础而创作的艺术作品，作者在创作过程中将受众的审美需求当作了评价插画质量的重要标准之一，这一情况的出现大大降低了受众读图的难度，因此，将商业插画融入第三方应用程序界面设计工作中，成为切实降低人们理解应用程序界面内涵传递难度，扩大App 受众范围的重要举措。

3.满足人们交互心理转变的要求

用户在操作第三方应用程序时，其心理感受往往会随着程序界面的变化而发生一定的变化，并且这种变化同样会随着用户的操作反馈到界面元素上。相较于传统的符号化界面，将商业插画融入程序界面设计工作中，可以进一步强化界面的变现力与感染力，保证用户的心理体验与心理诉求可以得到有效地满足。具体来说，现阶段，为了保证产品能够切实满足用户的使用需要，程序软件开发商方面不仅需要不断提升App 功能模块的质量，还需要通过合理应用图像语言给予用户以情感关怀，通过带给用户良好的情感体验的方式，使用户能够在程序使用过程中，不断提升自身的使用黏性。

（二）应用原则

1.整体性原则

在智能移动设备不断普及的背景下，不同的用户可能在不同的时间、环境下使用相同的第三方应用程序，为了保证应用程序能够为切实满足用户不同情感需要，在进行App 界面设计时，程序开发商需要在明确应用程序具体功能的基础上，通过提升界面整体协调性的方式，提升商业插画融入程序界面中的效果，更好地满足大众对程序界面的需要。具体来说，在将商业插画融入程序界面中时，为了使界面整体有着良好的视觉整体性，程序开发商可以通过从插画中提取某些元素，并将这些元素与界面传递的信息、提供的服务功能进行有效结合的方式，提升界面整体视觉语言的统一性，保证界面能够有着与商业插画中元素完美契合的内在逻辑，强化界面视觉语言的统一性与明确性。

需要注意的是，在程序界面分页设计过程中，若想要用不同的商业插画保证每个界面都有着个性鲜明主题，那么为了避免应用程序整体界面过于混乱，影响用户使用App 时的感官体验，程序开发商应通过保证各界面能够形成一个相对和谐整体的方式，降低用户使用界面的难度，为第三方应用程序适用范围的扩大提供有效的支持。举例来说，Wlid Weather 作为一款采用手绘风格描述天气的App，在实际应用过程中，Wlid Weather 的界面背景会随着用户使用程序时地点、时间等因素的改变而发生改变，但不同层级的App 界面元素间仍遵循着相对统一的风格手绘效果，色彩的选择也遵循着一定的原则，这一情况的出现使得该应用程序在使用过程中，能够给用户带来一种既统一又独具特色的使用体验，从而达到增强用户使用黏性的目的。

2.多样性原则

由于人是一种感情丰富的高等动物，在App 设计过程中，为了保证界面设计效果能够满足用户的感情需要，程序开发商可以将商业插画与用户界面设计进行有机融合，实现界面与用户情感上的有效互动，从而达到提升第三方应用程序使用亲和力的目的。具体来说，情景决定论指出，人们所处的环境背景，能够对其情感、思维、行为等方面产生一定的影响，在用户使用第三方应用程序时，App 界面的不同会产生不同的情景氛围，进而对用户的使用行为、使用情感产生一定的影响。现阶段，为了使用户界面的情感能够切实满足用户的实际需要，程序开发商可以在明确应用程序产品属性的基础上，了解目标用户的操作行为与特点，然后以此为基础，选择能够满足用户多样性需要的商业插画，并将其作为设计主题，在用户各界面中做出能够与商业插画相呼应的设计元素，保证程序界面能够切实满足用户多样化的情感需要。

3.易用性原则

对于当前的第三方应用程序界面来说，其设计核心在于保证用户能够在使用应用程序时流畅地通过操作界面获取自身所需的信息，实现App 的有效使用，但功能上的简单并不意味着程序开发商要应用最为简洁的界面元素，进行用户界面的设计。对于优秀的程序开发商来说，以设计开发流程为目标导向、以产品概念为核心，通过化繁为简的方式，将商业插画巧妙地融入程序界面设计工作中，不仅可以提升界面简洁性、高效性，还能强化应用程序整体的信息以及情感丰富性，从而调动用户对App 的情感认知，以便切实满足用户对App 使用需要。

4.独创性原则

在当前第三方应用程序软件数量不断增加的背景下，应用程序之间的同质化问题越发严重，现阶段，为保证App能够更好地吸引受众的目光，通过将商业插画融入程序界面设计中的方式，推动应用程序界面的个性化发展，成为加深受众对App 印象，提升App 竞争力的重要举措。

举例来说，WALKIP 是一款以记录运动为核心的创新社交应用，程序开发商将虚拟环游世界与互动游戏融入了界面设计中，并且将场景、文化以插画的形式表现了出来。同时，考虑到用户到达场景时间存在一定差异，为了增加用户对App 界面的新鲜感，在场景界面设计时，界面上显示出的画面会随时间的变化而发生变化，给予用户以不同的感受与情感体验，从而更好地调动了用户使用WALKIP 的热情，为WALKIP 的健康发展提供了有效的支持。

二、商业插画在App界面设计中的应用方法

相较于文字，商业插画本身就具有一定的设计性与艺术性，将商业插画融入第三方应用程序界面设计过程中，可以使界面更好地吸收借鉴插画在艺术方面的表现形式，在提升界面整体艺术性的同时，给用户带来了良好的视觉体验，从而达到调动用户使用App 积极性的目的。具体来说，商业插画能够在有效还原事物本质的同时，将事物的特点进行突出美化，由于这些事物大多与人们的生活实际有着较为密切的联系，因此，在将这类商业插画应用到应用程序界面设计工作中时，可以令界面在艺术风格上拥有良好的真实性与可信性，从而达到提升界面整体亲和力，吸引更多用户的目的。同时，相较于单纯的文字信息，商业插画创作的艺术手法较为多样，在将商业插画应用到程序界面设计工作中后，界面的视觉语言、空间知觉以及思维活动方面表现出更好的效果，更能吸引受众的目光。

（一）商业插画在App 界面本能层中的设计应用

对于第三方应用程序界面来说，本能层设计是先通过感官接收相关信息的反应，然后表现出的一种即时情感，这种情感表达效果与界面色彩、形态、质感等因素之间存在着直接的联系。现阶段，在本能层设计过程中，程序开发商可以通过适当刺激用户感官的方式，使得用户能够获得更为鲜明的App 使用体验，从而为用户、App 之间互动的强化，提供支持。

1.视觉语言

在商业插画设计过程中，其视觉语言包括点线面、色彩、空间等元素，在将商业插画融入第三方应用程序界面中时，为保证融合的有效性，同样要加强视觉语言融入情况的关注度，以便达到切实提升界面美观性的目的。

首先，点线面在界面构成中存在着相辅相成的关系，合理应用这些元素，不仅能够使界面具有个性且具有美感，还能够带给用户以良好的感官体验，从而达到引导用户使用App 的目的。具体来说，在界面设计过程中，合理应用点元素，可以使界面拥有良好的集中感与活跃感，例如，规则排列的点就能给人们带来相对稳定严谨的视觉心理效果；随机排列的点，则会给人们带来较为生动活泼的感觉。

其次，色彩是联系人们视觉与心理感知的重要纽带，更是人们情感意识的重要载体，在实际生活中，人们的情感同样会受到色彩的影响。将商业插画融入第三方应用程序界面设计中时，程序开发商可以通过合理利用色彩情感色彩联想特性的方式，在提升应用程序界面美观性的基础上，引发用户对界面的情感共鸣，增加用户使用App 的时间。例如中国红在国人的心中占据着极为特殊的意味，为了提升用户对App 的认同感，淘宝在过年期间在界面设计上大面积应用红色元素，营造出红红火火的氛围，增加了用户对淘宝的认同感。

最后，空间是人们日常生活中较为常见的一种元素，在商业插画中合理应用空间元素，可以二维插画中实现三维事物的有效描绘，具有更为强烈的艺术感染力与视觉冲击力，将带有空间特点的商业插画融入应用程序界面设计工作中，可以令用户在较短的时间内置身于界面搭建的场景中，更好地带动用户的思想情感，直接获取更为有用的信息，为用户带来良好的情感体验，例如纪念碑谷这个App 的界面在设计过程中，设计人员就充分利用了空间元素，实现了插画与界面设计的有效融合，进一步提升了用户的情感体验。

2.表现形式

当前的第三方应用程序界面设计工作中，商业插画的表现形式主要由静态插画与动态插画两种。具体来说，静态插画是一种利用静态叙事形式，表现视觉信息的一种信息表达形式，在实际应用过程中，更注重对画面基本构成元素的有效把握。将静态插画应用到应用程序界面设计工作中，插画本身可以被看作是一个独立完整的空间，为了保证这个空间能够与App 界面完美融合，应当通过精准把握App 中各种元素的方式，使得界面的内涵充分展现出来。同时，通过利用类似透视的运动轨迹、倾斜方向、明暗相间表面直觉特性等方式，静态插画同样可以展现出相对动态的观感，这一情况的存在进一步扩大的静态插画的应用范围。动态插画是一种利用画面连续性动作，告知用户时间发生情况，使用户能够更好地了解程序界面所表达信息的一种信息表达方式，在实际应用过程中，在表现时间与序列性知识方面，动态插画有着特有的优势。

近年来，随着用户对App 界面互动性要求的不断提升，将动态插画合理应用到界面设计工作中，可以进一步提升界面视觉语言的丰富性，在带给用户相对流畅的交互情感体验的基础上，便于用户与App 界面进行有效的沟通。举例来说，Toonie Alarm 这款App 的引导页在设计过程中，就通过合理应用动态插画的方式，在完成文案的简单介绍工作的基础上，增强了Toonie Alarm 使用的趣味性，营造出了快乐的App 使用氛围。

3.风格体现

受各种绘画工具不断丰富、绘画手法愈发成熟等因素的影响，当前的商业插画创作发展呈现出多元化的表现形式。现阶段，较为常见的插画风格体现形式包括扁平化插画设计、MBE 插画设计、数码手绘插画设计等。

首先，扁平化插画设计方式诞生于技术与交互设计结合的大数据时代，这一设计方式的出现使得App 设计的可用性得到了有效的强化。具体来说，在当前的社会发展过程中，人们的知识框架得到了有效地完善，认知水平正在不断提高，为了保证第三方应用程序界面能够更好地满足人们对事物概括能力不断增强的要求，扁平化插画受到了人们的广泛欢迎。这种插画表现形式在使应用过程中有着较强的可定制性与针对性特点，将其应用到App 界面设计工作中，可以将功能由于形式的设计准则作为界面设计的主导原则，便于用户在使用应用程序时最大限度地了解应用本质，进一步强化用户对App 的好感。需要注意的，从整体画面效果上看，扁平化插画可以给人们一种较为规整的感觉，为了进一步扩大第三方应用程序的受众，使具象的事物“萌”化，一方面需要处理好单个图像的图性感，保证不同图像的边缘线也能构成相对有序的图形；另一方面需要通过选择特有或者符合商业需要的色彩语言进行界面插画图像的创作，并且调整物体固有明暗关系的方式，增加不同颜色间块面感、统一度，提升界面的亲和力，便于用户在使用过程中能够切实体会到界面的趣味性与情感，使界面可以变得更为生动活泼。

其次，MBE 插画是当前App 界面设计中应用范围较为广泛的一种插画形式，这种插画在实际应用过程中，主要用粗且圆润的线条勾勒物品的轮廓，物品形象中很少能看到尖锐的直角，并且为了削弱粗黑线条带来的压抑感，在创作过程中，MBE 插画主要通过“断线”、增加圆点、使用高饱和度亮色进行配色处理等方式，增加形象的丰富感，使画面形象表现出可爱的特点。

最后，传统的手绘商业插画主要是应用笔墨、颜料、纸张等工具进行创作的一种作品手绘创作方式，这种创作方式有着作品不易保存、扫描后作品有着明显色差、不易修改等缺点，现阶段，为了切实解决上述问题，数码手绘插画受到了人们的广泛欢迎。这种绘画形式在实际应用过程中，可以通过将油画色彩肌理、水墨晕染特点、水彩通透性等艺术表现形式切实结合到一起，从而达到丰富作品艺术韵味的效果。现阶段，将数码手绘插画融入App 界面设计工作中，可以进一步提升界面的亲和力，更好地满足现代用户对App 界面的情感需要，从而为App 使用寿命的延长提供有效的支持。

（二）商业插画在App 界面行为层中的设计应用

行为层次指的是用户在与第三方应用程序互动时，交互产生的一系列感受，此层面的设计可以满足用户对App 操作的需要。

1.图标设计

图标是向用户传达第三方应用程序应用基础信息的重要工具，是当前应用程序的一种指代标签，承担着向用户介绍这一App 工作类型、功能的重任。对于用户来说，图标是认识第三方应用程序的重要基础，优秀的图标设计能够更好地吸引受众的目光，提升用户对App的兴趣，并通过点击使用的方式，满足自身对该款App 的好奇心。现阶段，为了更好地调动用户使用第三方应用程序的兴趣，为App 配上一个优秀的图标，成为使App 吸引更多潜在用户的重要手段。具体来说，商业插画作为一种外形美观、拥有独特艺术气息的信息传达方式，在当前的App 图标设计工作中，合理应用这种信息传达方式，可以有效提升图标的辨识度、可用性与交互性，从而为第三方应用程序整体吸引力的提升提供支持。

2.启动界面设计

当前部分第三方应用程序在点击图标后，会先跳出一个透明化的界面，在该界面弹出2—3s 后，再进入主界面，这一透明化界面被称作启动界面，若App 的启动界面为短暂的黑屏或者向用户直接展示App 启动代码显然并不能实现第三方应用程序整体使用效益的最大化，对此，进行启动界面的有效设计成为一项极为必要的工作。具体来说，在最初设计阶段，第三方应用程序启动界面的图形语言大多是在一个纯白背景上方是一个品牌logo，这种启动界面相对单调，无法提升用户对App 的关注度，面对这种情况，在界面设计过程中，程序开发商可以通过强化图形语言的方式，在产品logo 的基础上，对其进行适当变形，然后再添加合适的插画元素与主题，从而达到切实提升用户使用感官体验的目的。

三、结论

总而言之，在信息化时代背景下，第三方应用程序市场竞争越发激烈，为了进一步提升App 的美观性，更好地吸引用户的视线，将具有独特视觉语言与表现形式的商业插画融入App 界面设计中，不仅可以使用户更好地体会企业传递的信息，表达的情感，还能更好地满足用户对App 功能情感、认知等方面的需求，从而达到切实提升App 市场竞争力的目的。