浅析视觉传达下的信息图表设计
——以90后脱发群体为例
2021-11-25赵靓
赵 靓
(湖南工业大学 包装设计艺术学院,湖南株洲 412000)
一、信息图表概述
在平面设计的发展历程之中,信息图表自身其实就是作为平面设计的一个子集且穿插于其中,信息是借助视觉意象这一介质来传播的,因此,更确切地说,视觉传达设计是图表设计的建构模型,是图表叙事的视觉表征,二者既有机结合展现二重性的多维空间,又存在于彼此的发展演变之中。
从最早的信息图表只是极为简单的数据汇总,如丹尼斯•狄德罗和圣•让•达朗贝尔共同绘制的《人类知识系统地图》,类似于树状图的最初雏形,他们仅是将数据进行了层级整理。直到1976年美国著名图表信息设计家理查德•乌尔曼提出“视觉信息图表”这一名词,他提倡的是构造视觉信息建构的方式,是图表设计师应当搜集数据和信息的内核并将其以清楚、简明的体例显现给受众。由此视觉设计语言才被广泛应用于信息图表的制作之中,图表的设计表达诞生了新的视觉范式,视觉传达设计也开始囊括信息所带来的数据新基因。
而今,信息图表设计在感知形式以及媒介选择上的多种多样,也拓展了它的界定领域,图表设计师的尝试探索,多种学科的交叉混合,也将其推向了更高的平台。
二、信息图表的设计方法
(一)架构信息——碎片化数据的排演
架构信息其实就是对最初碎片化、零散的数据进行分类组织,将收集到的信息进行筛选并找出这些信息元素间的大小层级和相互关系,针对90后脱发群体的这一调查,抓取受众最为关注的要点就是引起脱发的成因,通过梳理原因构成图表的基本框架,完成信息架构。
据调查表明,现代人脱发群体普遍年轻化,与生活节奏、饮食习惯密切相关。90后的脱发成因归结为:精神性脱发、内分泌失调性脱发、营养代谢性脱发、化学性脱发四个方面,而最为常见的脱发类型是脂溢性脱发,这一类型有别于上述四个方面,其成因主要与雄性激素含量过高、油脂分泌过多最终导致脱发有关。出现这种情况的具体生理过程是由于人体内部雄性激素的激增,导致睾酮值升高,产生大量双氢睾酮,最后导致毛囊受损,进而脱发。雄性激素作为根本原因作用于脱发这项生理性变化的始终,成为构架信息的主线,也是后文提到的抽象元素搭建的关键。
导致90后脱发的四个方面,构成脂溢性脱发这个主线延展开的四条支线,且这四种成因有其各自不同的主导激素,化学及生理变化,在此之上便开始了信息之间关联的建立。
(二)“脱发成因”这一抽象元素的关系搭建
在绘制图表时,最重要的就是把人们看不见的信息以容易理解的方式表达出来,90后脱发群体大调查的信息图表所要表现的就是人体脱发过程中的化学变化,在上述要点所提及的四方面的脱发成因,其实最终离不开脱发的根本原因,那就是雄性激素造成的一系列化学变化——脂溢性脱发。这一变化是一条纵向延伸的变化,根据这一纵向变化为我的图表框架的构建确立了一条主线,基于这条主线,可以串联起另外四点脱发成因。由此,初始的框架已确立,也就是概念草图,这是我们制作图表的第一步,尽管思路还不清晰,但随着线条简单的相交与折叠中,在想象中不断地进行“构架”与“再构架”,就产生了草图的原型。
(三)视觉范式——视觉元素的设计要义
信息设计作为平面设计和统计学结合的一个学科方向,其特点就是感性和理性并重。在信息图表的设计中,视觉元素作为信息阐释的手段,经由将文本形象化、信息秩序化和艺术同量化等,辅以图像、文字、色彩、符号等视觉元素的综合应用,强化图表信息的丰富性以及感染性。因而,在视觉语言的选择上,我运用Illustrator绘图软件以矢量线性插画的方式作为主要视觉语言,在元素形象的探索上,我最初想从化学键的视觉形象中抽取灵感,像睾酮、5α还原酶的化学分子式中有着共同的形式特征,如六边形外框、细长的箭头、拉长的类似等号的双杠符号等元素;在表达元素运动状态的元素选取上,环形曲线、带有动势的箭头以及小元素的集散与聚合等,从而拉出图表中的时空层次,带给读者更为身临其境的体验感。
这些在平面构成中我们屡试不爽的元素:点、线、面,他们在信息图表中的有机结合,不断变化,且让设计师把握这些视觉元素的编排,如:大小的差异、元素间的拼合、形态的转化和位置的不同,构成一定的视觉效果,从而塑造受众发生预期的心理模型。
具有被受众眼球良好感知的手段其一,就是色彩的使用,好的色彩搭配可以达到极好的视觉传播效果。因此,在信息图表的设计中色彩也发挥着不容忽视的作用。在色彩的运用方面,一方面因色彩所具有独特的空间特性,通过相近色、对比色、补色、明度、纯度的合理规划运用,可以分清信息的主次和从属关系,元素间的大小层级和相互关系;另一方面在图表搭载信息量繁杂,排版结构较为复杂时,色彩对气氛营造作用,使得图表整体给人感觉轻松、自然以及色相、色调饱和度的不同,对区分主体信息,强调部分扮演着重要角色。
(四)引导视像元素解释数据
鉴于我的研究题目是关于身体结构内部发生的生理变化过程,且导致脱发的因素是没有特定具象形式的化学元素,像双氢睾酮、雄性激素受体这些生理激素在人们心中并无固定形象,因而我选用几何抽象元素来作为形式转换,试着把人体内部结构想象成一个加工机械装置的“工厂”,那么循环在人体内部的激素就如同工厂流水生产线上的装备“零件”,可以是小的齿轮或是机械装备构件,身体代谢的快慢、头部油脂的分泌、内分泌腺体的异常,会驱动“工厂”局部“加工系统”出现变化,进而导致坏死毛囊的产生,最终形成脱发。例如,在绘制雄性激素引起脱发的这一生理变化过程时,最初产生雄性激素的器官机制是这一变化的第一步,简单来说也就是睾丸分泌雄性激素,然后与雄性激素受体结合后经5α酶的作用,产生睾酮的这一过程。我用几何图形来演绎了这一过程,将睾丸这一器官形式转化为两个双球体间通过下方滚筒的链条传送,将分泌的雄性激素小矩形与另一条传送带中的雄性激素受体,在5α酶的圆形电子场中充分结合,发生作用,形成睾酮,然后开始下一过程的变化。通过视像图形的演绎,无须复杂的数据和文本,受众便能清晰明了这一过程了。
(五)优化视觉语言营造的语义场
图表设计师为了保持图表传递信息的高效性,去除不必要的信息对主要信息的干扰,最后需要做的就是对信息图表的整体优化,设计师语义的完整表达。信息图表对主题内容的经营完成后,在不改变原有视觉语义的前提下,对整体视觉效果的补充、完善,可以是色彩的整体调和、排版的优化布局,都是在为整幅图表营造一个完整的情景,使受众能身临其境于其中完成信息交流。
在此之前的图表设计统一做的是黑白稿,然后将重点信息的上色,颜色主要以暖色调为主,符合人体生理变化的颜色映像,其余次要信息如文字、其他符号等采用同色系浅色或浅灰色,将贯穿全图的动势线用蓝灰色表示,与主体色调相区别开来,以便读者获得流畅、清晰的信息。
元素的视觉形象转换为图表增添了很多趣味性,而图表整体的排版布局则关系到读者究竟能否直观、高效的获取所需信息,排版布局的重要性自然是不言而喻。根据研究发现,读者在阅读时的视线习惯是从左上向右下看去,且时间也是如此。将此理论运用于我的图表设计中,图表所展示的脱发变化过程是从左上角的睾丸分泌激素这一变化开始,最后以右下角的毛囊坏死,头发脱落这一变化作为结束,以前文提及脱发的根本原因作为主线贯穿其余四项脱发成因的支线,上下围绕在主线周围,配以数字和逐渐增大的箭形符号来表现头发脱发的动态过程。
最后调整画面布局,补充一些辅助的图形和文字建立不同模块的连接,将关键信息辅以文字注释,特定的激素、器官形象放大,做细节描绘、单独展示,并与所收搜集到的数据进行校对,审阅。
图1
三、结论
信息图表设计作为逾越了语种的沟壑,汇集了图形、色彩、符号、文字、时空等视觉信息元素,不但将视觉审美艺术同量化,且可以和精确的数据文本信息相结合,构成易于表达而且具有艺术色彩的图形格局。它的普遍意义就在于让价值得以完整的传递,塑造赏心悦目的视觉体验。正如乌尔曼所说:“图表设计不是简单的资料整理,而应该是真正赋予文化意义上的理解,在知性基础上展开艺术创作,由手上的传递变为内心的传达。”
正如图表设计界一句流传已久的名言:“Data is the new oil.”数据化时代,信息的滚滚源流蕴含着珍贵的商机、价值,受众对于营造一场“数字大餐”式的视觉盛宴乐此不疲,且信息图表所跨越的统计学、视觉传达设计、社会学、心理学多个领域,多种学科相互交叉混合,给人带来意外深长的传播体验。但我更青睐大卫•麦克坎德莱斯对这句名言的另一种说法:“Data is the new soil.”数据是新的土壤,在这片土壤上,我们栽种培育各式各样的信息种子,施以不同语言的肥料,经过或艺术、或量化的手段,最终开出图表的繁花。