插图类信息可视化设计应用研究

赵星月

（河北美术学院）

一、信息可视化设计的概念

信息可视化是一门利用图像说话的艺术，把抽象的数据信息通过视觉表达形式，帮助受众群体以最快速、最高效的形式解读和理解数据信息，并且改善数据给受众群体带来的枯燥性与乏味性，利用信息可视化传达画面效果，使数据更加具有趣味性。信息可视化的呈现不仅方便我们对于数据的理解，更让数据呈现出易读性、趣味性、传达性特征。信息可视化是一门跨领域的学科，涉及科学、社会学、心理学、图形学等领域。它不同于数据可视化，数据可视化偏向于受众群体与数据之间的准确信息交流，而信息可视化作品则更倾向于设计师与受众群体之间的互动传达，后者更侧重于视觉设计，利用视觉元素表现数据信息，注重设计效果呈现。

二、信息可视化设计的分类

（一）类型分类

通过类型划分，可以把信息可视化分为数据信息设计、地图类信息设计、插图类信息设计三大类。数据信息设计是指一些数据和抽象的概念，通过图表的形式呈现出来，数据信息设计的目的是对数据进行可视化的处理，以使数据更加明确、清晰与简洁。例如，地图、图表等设计，以帮助受众群体更准确地了解这些数据信息的含义以及意义。地图类信息设计是指在遵循科学性、实用性和准确性的同时，借助符号传达信息，分为自然地图、人口图、经济图、文化图等。地图类信息设计的目的是通过艺术表达，构造信息结构，减少次要信息，增强有效信息。例如，1931年哈利·贝克设计的伦敦地铁路线图，通过把地铁线路转化为直线、横线与对角线，使得伦敦地铁的线路信息呈现更加层次分明、线路清晰、画面美观。插图类信息设计的目的是让受众群体暂时沉浸在故事情节与场景的图像符号当中，而忘记冗长复杂的文字与数据信息，让数据展现更具直观性、趣味性与艺术性，同时，插图类信息可视化设计更侧重于视觉效果的展现。

（二）视觉效果分类

信息可视化设计根据视觉效果可分为二维平面与三维立体。二维的含义可理解为在一个平面上的视觉内容就是二维表现，即画面呈现左右、上下两个方向，不存在前后方向。二维平面信息可视化设计在表现手法上常应用点、线、面等元素和色块来表达数据和文字信息，画面呈现的效果简洁明了。在视角的选择上，一般采用俯视视角与平视视角。通常人们说的三维的含义，是指在二维中又加入了一个方向，来形成三维的空间感。画面呈现左右空间、上下空间和前后空间，这样就形成了立体感与方向感。三维平面信息可视化设计是在二维空间中通过透视、光影等表现手法，形成立体空间的效果，让画面更加真实地再现情景，表现力更强烈与突出，同时，更加清晰地展现数据的走势动态。

（三）表现手法分类

信息可视化设计在表现手法上可分为数据类与叙事类信息可视化。数据类信息可视化主要展现直观的数据信息，并且以最直观最简洁的形式展现数据信息，数据展现更为严谨，一般应用在学术研究、科学数据研究等领域。叙事类信息可视化主要对画面数据信息进行图形转化，以插图的表现形式展现主题，并加入故事情节，此类信息可视化更侧重于设计环节，通过视觉呈现来吸引观者的兴趣，从而解读画面中的数据信息。一般应用于出版物、网页、书籍内页等媒介。叙事类信息的可视化展现更符合设计师在设计领域的研究，使枯燥冗长的数据信息能够用现代图形语言符号更生动有趣地表达主题内容。信息可视化表现手法的多样性，让画面呈现效果更加多样与独特。

三、插图类信息可视化设计

（一）插图设计的概念与范畴

插图的概念较为泛泛，《辞海》对插图的解释是：穿插在图书中的图画，对图书内容起到解释、补充与欣赏的作用。但随着时代的发展与进步，插图也在发展，插图的定义已经不再局限于图书之中。插图设计与应用的范围越来越广泛。例如，应用在海报、网页、线上读物、商品包装等，都是插图的表现媒介。而在信息可视化中，插图的定位也是不容忽视的，插图设计把信息图表中所展现的各类文字信息、数据信息以及艺术风格等，转化为简洁性、趣味性并带有感情色彩的信息可视化作品。它是文字的具象化，以图像来解释说明文字的内容，让枯燥的文字信息以及冗长的数据信息通过插图的形式传播得更加便捷与快速，极大提升了信息可视化作品的艺术品位。

（二）插图类信息可视化的概念与范畴

插图类信息可视化的概念简单来说是对烦琐庞大的数据、不能直观视觉表现的数据信息，进行数据信息的整理与重构，用信息可视化设计的方式，结合插图设计的表现方法，呈现出的插图设计作品。插图类信息可视化能够简洁准确、清晰明了地描述烦琐的信息，更加便于受众群体对信息的理解与传播。

在对插图类信息进行可视化设计时，应遵循以下几个原则：首先，插图设计的艺术表现形式应明确和准确传达数据信息，向受众群体传达重要信息，让信息更加简洁直观地展现，这也是插图类信息可视化中最基本、最重要的原则；其次，对信息的处理要简洁明了，把文字以及数据信息，以图画的形式展现出来，能够让受众群体捕捉重要信息，对信息进行分类，并能让受众群体清晰明了地区分画面中所传达的主次关系；最后，插图类信息可视化的画面艺术性是可圈可点的，信息可视化不仅仅是数据图表的展现，更是一幅艺术作品，通过艺术表现传达画面，插图设计的在画面中增加趣味性，让受众群体主动去分析画面以及了解数据，加深受众群体对信息可视化作品的理解与认知，从而提高效率，便于传播。

（三）插图在信息可视化中的设计原则

插图在信息可视化中的作用是把数据信息以及文字信息，通过插图表现形式对文字与数据信息进行艺术表达，让数据信息通过理性梳理与归纳，展现感性的视觉效果，是理性认识转化为感性认识的过程。同时，插图设计在信息可视化中的存在，也体现了设计师的艺术理念和世界观。现代插画的功能性非常强，偏离视觉传达目的纯艺术往往使现代插画的功能减弱。因此，设计师不能让插画的主题有产生歧义的可能，必须立足于鲜明、单纯、准确的原则。

1.趣味性

信息可视化设计更多的是向受众群体传达准确的数据信息，把信息从无形转换成有形，插图的存在恰恰也是把理性的信息，用感性的方法表达出来，使人们获得感性认识，并产生兴趣，使信息数据从乏味变得生动、有趣。其中，插图类信息可视化的趣味性是让我们感受与理解的重要支撑点，是我们思维转换的加速剂。插图类信息可视化的趣味性的宏观理解是指能够引起我们的注意，吸引受众群体，并让我们产生兴趣，为我们带来精神的愉悦感，而在插图类信息可视化设计过程中运用一些设计手法以及设计原则，往往可以达到幽默风趣的艺术效果。例如，在插图设计的过程中，融入夸张手法，让图形的视觉冲击更加强烈，并能鲜明、有效、独特地突出主题与信息；合理运用拟人手法，让图形妙趣横生，与我们产生强烈的共鸣，从而个性鲜明地传达信息，并对它产生感觉，从而更好地去理解信息。

2.可识别性

信息可视化设计的另一特点是要具有较高的识别度，插图类信息可视化设计是在数据信息中融入视觉图形，更多体现视觉效果，但应遵从可识别性的首要特征，让受众群体正确解读与理解信息。

3.传达多样性

插图类信息可视化设计是不受媒介、时间、语言等限制的。在展现形式上，可以是二维或是三维，可以是平面或是立体，可以是静止或是动态；在媒介选择上，可以是多媒体或是纸质印刷品，可以是户外广告或是报刊杂志；在表现技法上也比较多样，可以是涂鸦手绘或是电脑绘制，或是材质肌理，或是摄影摄像等；不同的表现技法展现了不同的表现风格，在表现风格的选择上也较为广泛，可以是孟菲斯风格、波普风格、装饰风格等。

（四）插图类信息可视化设计流程

1.信息收集与整理

随着网络的不断发展，信息的收集已经比较便捷与快速，但是只有对信息进行整理归纳，信息的呈现才能井然有序。因此，信息的整理就变得非常重要，最终把所收集的信息以插图类的信息可视化呈现，所以，我们应当把信息收集与整理作为设计师的基本能力进行培养。

首先，在设计初期，设计师对信息可视化主题内容进行信息收集，这是整个信息可视化设计过程的开端和重要节点。信息的收集与整理可以让冗长复杂的信息更加清晰化、明确化。信息收集主要以文字信息呈现为主，通过数据筛查、实地调研等方式收集有关信息。其次，对收集的文字信息、图表信息等进行整理与归纳，直观地展现主要信息内容。最后，以思维导图的形式呈现最终效果，从而为信息可视化的视觉设计提供数据依据。例如，我们要设计关于肥胖对身体危害的插图信息，在设计初期，我们需要对肥胖人群进行调研，整理出有用的信息以及真实的数据信息，从而辅助我们后期对此主题进行可视化设计。

2.信息视觉转化

在信息的视觉转化中，需要设计师把冗长烦琐的文字以及数据信息转换成视觉语言，从而更直观、便捷地展现信息焦点。在插图类信息的可视化设计中，视觉语言主要包括文字、图形、色彩、版式等视觉元素，视觉元素的完整性可以烘托画面情感氛围，引起受众群体的共鸣，从而加深印象，使受众群体更直观地理解数据信息。而在视觉转换过程中，设计师首先需要对整理好的信息进行草图绘制，把基本的视觉元素绘制到画面中，形成信息可视化的初步设计，最后进行细节填充。

文字视觉语言在插图类信息可视化设计中的应用是必不可少的，它的作用有解释说明、标注等。在文字视觉设计中要注意以下几点：首先，应保持整个画面字体字风格的统一性，例如，画面中应用的字体风格要与整体画面风格相一致；其次，画面中字体的对齐方式可以更好地帮助用户快速、便利地消化数据以及浏览重要信息，例如，画面中的字体可以运用左对齐、右对齐、居中对齐等对齐方式，让字体在画面中更加具有规律性；最后，画面中文字的行间距是文本可读性的关键，合适的行间距，不仅提高了文本的可读性与理解性，更有效地为受众群体带来良好的视觉体验。

图形在插图类信息可视化设计中的地位是至关重要的，插图的设计让画面中枯燥、乏味的数据信息变得更加生动有趣，为我们带来较好的视觉体验。其中，插图的设计可以分为两大类：具象图形和抽象图形。具象图形是以摄影、手绘为基本手段的设计形式，具象的插图信息给人强烈的亲切感，使观者在心理活动中对主题的理解更加具象化；抽象插图信息是以抽象的表达形式，即非具象形象符号来表达含义，以理性规划的几何图形或符号为表现形式，例如，孟菲斯风格、波普风格、蒸汽波等风格形式。

在插图类信息可视化设计中，应根据主题确定画面的整体风格，保持整体图形风格的统一，可以避免出现画面混乱、不协调的视觉效果。同时，统一的图形元素视角，能够直观且清晰地展现二维或三维的画面效果，例如，在地铁导视图的设计中，采用了俯视角度进行路线处理，使受众群体能够清晰地纵观全局，了解地铁线路的走向。插图类信息可视化中的图形元素是用感性的视觉语言展现出理性的数据信息，让数据信息变得更加生动、有趣，使受众群体对画面内容产生兴趣，以便观者快速地解读信息。

色彩的选择与搭配在插图类信息可视化设计中应遵循基本的规律与属性，它不仅可以调动用户的情绪以及心理感受，更有助于理解所描述信息的背景。首先，色彩可以带来心理感受，包括色彩的冷暖、色彩的轻重、色彩的软硬、色彩的强弱、色彩的明快与忧郁、色彩的兴奋与沉静等。例如，蓝色给人平静、寒冷等心理感受，而红色给人热情、动感的心理感受，紫色代表忧郁、华丽的心理感受，所以选择合适的颜色会起到事半功倍的效果。其次，在色彩搭配中，可以通过一些特殊的配色方式，表现出信息元素间某种特殊的关系，例如，当色相环中颜色的色距保持在180°左右时，我们将其称为互补色。互补色的存在可以表现对立关系，类似色可以表现亲密关系，邻近色可以表现友好关系，对比色可以表现独立关系等。最后，可以利用色彩表现行业属性，例如，在金融行业的用色上，可以运用低明度的色彩来表现行业的稳重；医疗行业的主题配色一般表现洁净感，更多运用蓝色、灰色、红色等，娱乐行业的主题配色一般表现出热情与时尚感，往往运用高纯度的搭配方法。

在版式设计的过程中，应注意受众群体的阅读习惯。一般来说，我们在阅读时遵循从左至右、从上至下、顺时针的阅读方式，掌握版式的布局规律可以提高受众群体的阅读效率，并以相应的色彩、图形等视觉元素进行版面布局，把重要信息内容与数据信息进行有效汇聚编排，形成焦距视觉点，让画面更加具有视觉冲击力。其中，在整体构图设计中，可以采取对称构图与非对称构图等构图形式。对称构图可以让信息以及视觉元素均衡、和谐地布局在画面中，达到均衡协调的画面效果，对称构图是插图类信息可视化设计中较为常见的一种构图形式；非对称构图更加侧重于感性认知，把信息以及视觉元素随意地安排在画面中，使得整体画面效果统一，达到画面灵动、活跃的效果。画面中的版面安排也可以是曲线构图，让画面更具有韵律感以及空间感。

四、结语

大数据时代的到来，让我们不断地在信息与数据中徘徊，大量的文字信息很难被我们快速理解与消化，插图类信息可视化是不可或缺的一种信息可视化表现形式，它可以直观地把复杂的文字以及数据信息，转换成可视化的视觉语言，利用图形直观地展现信息，让观者更直接地理解数据信息。