轮廓插画在产品组装信息可视化设计中的应用

王希 姜好 汪曙璨 陈雨昕

摘要：信息时代，人们渴望快速获取信息，因此对获取信息时长的要求也更为严苛。在面对一个陌生的产品时，单凭纯文本叙述已经不能满足用户需求。文本内容通常包含大量专业术语，用户面对枯燥晦涩的文字时往往会产生苦恼。花费过多时间去了解产品说明也大大降低了用户体验。信息可视化将大量烦冗的信息整合，将信息转化成视觉语言，使受众在最短的时间内高效获取信息。产品说明书是产品与用户沟通的重要桥梁，为了顺应信息时代的发展，必须对其进行创新改革。本作品运用轮廓插画的表现形式对产品组装信息进行艺术加工，为产品组装信息可视化的设计方式提供新思路。

关键词：轮廓插画;信息可视化;产品组装

中图分类号：TN05 文献标识码：A 文章编号：1004-9436（2021）12-00-02

1 研究背景

如今碎片阅读已然常态化，大众渴望快速获取信息。用户在得到一个陌生的产品时，需要阅读产品说明书才能了解产品信息。而面对大量复杂的产品说明材料时，用户常常感到困扰。现有的产品说明资料多为实物分析或枯燥的结构插画，会给用户带来阅读负担，花费过多时间去了解产品说明也大大降低了用户体验。所以，产品说明信息的可视化设计亟待丰富。

当用户想要了解产品的组合构造时，文字的叙述显然是苍白的。缺乏专业知识的用户难以将名词与实体零件在脑海中连接拼凑。伴随说明信息图的插入，用户可以快速从图像中获取信息，迅速了解产品的组装构造，从而作出决策[1]。本作品不仅对传统说明材料进行改良完善，也尝试为轮廓插画的应用开拓新领域。

2 研究思路

本作品的设计，分为前期的产品说明调研、设计对象选取、插画风格选取与设计三个阶段。

首先，前期通过多种方式调研大量说明书，分析现有产品说明材料的呈现方式与特点，明确在后续设计中需要注意和完善的问题。

其次，通过前期调研，选取四种适合本课题设计的产品类别，并分别对四个类别的信息呈现现状进行调研，分析出四个类别的特征与不足，选定进行设计的24个产品。

最后，插画的风格选取，考虑到画面的表现力和可观性，可从几何插画、轮廓插画、扁平化插画中进行选取。面对说明性需求，几何插画对事物的概括力太强，无法达到较高的還原度。普通插画中过于丰富的塑造又会盖过重要信息的传达，强烈的氛围也与严肃的说明材料不相匹配。而轮廓插画的结构表现力强，且风格多变、适应性强，可以满足产品组装信息可视化设计的需求。经过几个月的努力，最终完成24份产品组装信息可视化的设计。

3 产品组装信息可视化

产品组装信息可视化，即产品的零件构成和组装过程的可视化设计，用信息图的形式将组装信息平面化地呈现出来。伴随信息图的辅助，用户可以快速从图像中获取信息，迅速了解到产品的组装构造，从而作出决策。

零件构成通常以爆炸图的方式呈现，即可视化设计中的分解说明类信息图，可以清晰展现零件细节。组装过程通常以流程图呈现，用于根据组装逻辑分析步骤的递进。二者结合可以向用户呈现出一份完整的产品组装信息，帮助用户高效便捷地获取信息[2]。

产品组装信息通常以产品说明书的形式出现，呈现方式分为纸质说明书、电子说明书和视频教程三类。

纸质说明书中产品信息图文结合，图片形式分为插画和实物图两种。插画信息图中轮廓插画是视觉主体，主体各部位标有文字注释，由于尺寸限制，细节部分由气泡放大图表现。实物信息图多用于展现产品的组装步骤，但分辨率低下通常导致实物图不清晰，影响观感。纸质说明书的使用杜绝了因网络问题而影响获取信息体验的负面因素，且翻阅方便，所以即使观感体验一般，它也是伴随产品的重要元素。

电子说明书中的组装信息以矢量图为主，排除了分辨率的影响因素，视觉呈现更细致清晰，用户还可通过放大缩小的手势查看产品细节。电子说明书的传播更高效，也无损坏风险。由于静态平面限制，产品的组装手法经常利用指示性符号进行辅助，如果符号对手法的诠释不精确，依然会给用户带来困惑[3]。电子说明书被展现在产品详情页或品牌官网中，系统性强，具有较强的视觉规范。

视频教程以真人操作演示的形式，以介绍零件和组装产品为主。视频中视觉呈现与用户查询的产品完全一致，用户在对照零件时没有困扰，组装时也能完全参考教程中的手法，适用于专业性强、零件较多的产品。但对于颜色明度都较低且对比度接近的产品零件，实物拍摄也会有呈现不清楚的情况出现。视频教程的制作成本相对更高，对传播媒介的要求也更高。

4 设计过程

4.1 设计对象确定

所选产品需要满足设计目的，即满足以下条件。第一，需要用户自己动手组装的，如果缺乏说明材料的辅助，会使非专业用户感到组装困难。第二，产品零件烦琐复杂，相似度高，有信息图帮助能使用户提升认知和组装的效率。第三，产品原说明材料多为实物分析或枯燥的结构插画，给用户带来阅读负担，可在原基础上进行视觉升级。在这三个条件下，笔者选取了四个类别的产品进行设计，分别是家电类、科技类、玩具类和家居类[4]。

家电类产品的构件功能性强，有信息图辅助能更高效地提升用户的认知和组装效率。

科技类产品零件烦琐复杂，专业性强，信息图可以完整呈现出零件细节，表达零件功能。

玩具类产品有组装需求，孩童对图画更敏感，使用插画说明更能激发孩童兴趣，且玩具可做产品多，丰富多样。

家居类产品构件相似度高，信息图可通过标注来区分，且家居类产品实物图特征不够突出，插画则可通过重点刻画特征点帮助用户分辨和组装[5]。

4.2 设计对象现状调研

为了明确设计对象的现状，分析其现有缺点，前期笔者进行相关产品说明书的收集，收集说明书的方式分为线上和线下。

家电类产品部分使用实物图制作产品信息图，实物在拍摄时受到光影影响，细节部分不能很好地展示出来。插画类信息图大多使用粗细相同的黑白线条，无差异的纯线条在展示结构时略烦琐，会使观者视觉疲劳。

科技类产品使用纯线的插画类信息图或视频教程。科技类产品零件精细繁多，纯线插画线条烦琐复杂，用户会失去阅读兴趣;组装过程使用视频教程，视频虽然清晰明了，但教学时操作较快，一个操作没学会的情况下观者会有不断暂停重播的苦恼。

玩具类产品多为实物信息图和视频教程。儿童对实物图不敏感，使用插画更能吸引儿童兴趣。大部分玩具产品的组装教程制作不规范，画质、时长、引导方式和操作手法都有很大的提升空间。

家居类产品多为插画类信息图和视频教程。家居产品的插画较单一枯燥，没有指示性符号的引导，叙事性弱;部分视频教程也存在光影影响结构判断和制作不规范的问题。

4.3 设计对象的信息提取

以家电类产品“运动单车”的产品组装信息可视化设计为例。

产品爆炸图身为主视觉占据大面积版块，爆炸图中展示了用户会接触到的每个零件，包括配件的零件及拆分。每个零件都有相应的文字注释，注释由1像素宽的线条指引著，细窄的线条尖端可以指向很微小的零件，避免出现观者看错位置的情况。产品附近的小三角形是提醒观者这个部分有组装需求，三角内的数字是进行组装的顺序。画面右边是产品的组装步骤，上方是文字注释，零件旁有箭头指引，一个信息框内通常有多个操作分解。

4.4 轮廓插画融入的提升分析

经过前期调研，得知现有的插画型产品说明书存在线条烦琐、可观性差、缺乏指示性符号等问题，本作品针对这些问题进行改良，并且融入创新点。本作品中，轮廓插画被应用在产品爆炸图、产品完成型、组装操作和指示性符号这几个方面。

产品爆炸图中，轮廓插画对每个零件进行刻画的原因是让用户了解到产品更全面的组装结构，为后续的组装操作提供便捷。爆炸图的旁边有一个较小的产品组装完成图，目的在于为用户构建正确的组装形象。产品的组装操作多用插画表示，简短的文字只用于注释，插画表现更生动形象，减轻观者的阅读负担。

轮廓插画中，主体外框线条是很重要的组成部分，这使得主体可以被清晰地展现出来;在轮廓中填充色彩，进行色彩搭配或对比，进一步强调主体内容，同时丰富画面，增强说明性插图的可观性。粗细有变的线条可以明确表现出插画的主次关系，区分产品的组成部分。轮廓插画对产品的刻画严谨清晰，不仅还原了零件的设计点和功能性，相较于传统说明书也有着更好的视觉效果。

4.5 设计制作

本作品每份产品的可视化呈现有以下几步。首先调研产品原版说明资料，分析产品的组装过程及总结原版的缺点。第二步是根据资料整理设计思路，绘制草图及排版画面布局。第三步是使用Photoshop绘制出产品各零件及爆炸图，并且制作零件注释。第四步是在爆炸图的基础上合成一个完成组装的产品图。最后是在步骤信息框内绘制操作拆解，添加文字和箭头指示。稍加布局调整，一份信息可视化设计完毕。根据以上设计流程，本作品一共完成了24份产品组装信息可视化设计，下图为部分设计作品展示。

5 结语

产品信息可视化设计是产品与用户沟通的重要桥梁，是影响用户体验的重要因素。本设计以制作产品组装信息的可视化设计为核心，以轮廓插画的融入、画面信息点的设计和视觉效果的提升为创新点，最终设计出了一套新型产品组装信息可视化的呈现方案。只有充分了解用户需求，才能实现产品说明材料设计的意义。作品将传递产品组装信息为首要前提，以用户的视角出发，充分考虑用户在认知产品信息、获取信息效率和视觉体验三方面的需求，从而达到作品意义的实现。

参考文献：

[1] 王希.信息产品设计中的视觉品牌基因塑造策略[J].科技创新与应用，2019（15）：27-28.

[2] 郑宇.产品说明书的信息可视化设计[J].工业设计，2020（07）：108-109.

[3] 王希. NUI新发展——智能语音交互设计模式探寻[J].科技创新与应用，2019（29）：35-36.

[4] 李三新.由说明书谈产品体验设计[J].设计，2014（11）：6-8.

[5] 周薇.信息可视化在包装设计中的应用研究[J].科技与创新，2020（19）：148-149.

作者简介：王希（1992—），女，安徽铜陵人，硕士，讲师，研究方向：信息可视化艺术设计、人机交互与智能制造融合创新。

姜好（1999—），女，安徽安庆人，本科在读，研究方向：信息可视化艺术设计。

汪曙璨（2000—），男，安徽铜陵人，本科在读，研究方向：信息可视化艺术设计。

陈雨昕（2000—），女，福建漳州人，本科在读，研究方向：信息可视化艺术设计。