信息可视化图表设计
——以南京书店信息图表为例

2018-10-29 03:02南京林业大学艺术设计学院210037
大众文艺 2018年20期
关键词:西西图表可视化

(南京林业大学艺术设计学院 210037)

时代的发展使设计的原则由功能被形式所服从转变为形式服务于情感。信息化大数据的到来加速了信息传达的频率,人们也乐于分享和传播信息。面对纷繁、冗杂的信息量,视觉信息图表通过提炼将这些复杂、抽象的文字可视化。南京书店信息图表综合了书店信息和交通地图,涉及到人们休闲、阅读、出行等方面。运用扁平化和手绘线稿结合的设计语言,使读者既能直观的了解到南京各大书店的分布地点、密度、路线,又能增加读者对书店和书籍的了解。

一、信息可视化图表

1.信息可视化概述

信息可视化(Information visualization)最早由Stuart K.Card、Jock D.MackinIa和 George G.Robertson于1989年提出,成为现代艺术设计中新的浪潮和研究方向。信息可视化运用静态、动态的图形、符号、图表,对抽象的文字、数据进行提炼、归纳并建立对应的关系,给人们呈现出精炼、有效的信息和艺术化的视觉效果。

信息图表是设计者思维空间的体现。信息图表通过文字、符号、色彩、数字、图像等多种方式来传达信息,告别了以往枯燥复杂的文字信息的方式,运用简洁的图形化语言,视觉上变得更加清晰直观,信息内容上更加完整。通过与现代新媒体技术结合,在信息读取方面趣味性、可读性、交互性十足,有效提升了信息的传达。

2.信息可视化图表的分类

信息可视化图表可以分为静态图表、动态图表、交互式信息图表、实时数据信息。静态图表的应用最为广泛,如交通信息图、地图等,其特点为单一、高效。动态图表基于网络信息技术,在静态图表的图形、数据中,辅以动画、音乐,更加生动形象的感染观众,画面感、叙事性、趣味性更强。随着电子设备普及,信息图表逐渐往交互式方向发展。交互式信息图表运用现代技术形式,将多种数据基于一个界面展现,可与受众及时互动, 实现双向交流。观众可根据自己需求选择筛选、读取,体验感、自主性大幅度提升。在互联网的条件下,实时数据信息使人们获取信息、分享信息更加快捷,包括实时天气信息、路况信息等,方便人们生活出行。

3.信息可视化图表设计原则

信息可视化图表设计应注意以下四个原则:简洁性、准确性、易读性、艺术性。图表空间位置的分布会影响其视觉元素组合的秩序化和条理化。设计师在大规模的信息中整合、筛选、简化、提取有效的信息,并对数据进行艺术化的重构。运用符号化、图形化的艺术语言和不同程度的色彩变化做区别,构建合理的图表语言,提升信息的趣味性、灵动性,便于读者获取、理解、记忆。

二、信息可视化图表设计——南京书店信息图表

1.信息的收集与整理

设计图表之前需要明确设计主题、受众人群和图表的故事线索。南京作为一个文艺之都,有着各种不同风格的书店。包括公益型书店,如独立空间、江宁市民中心、二楼南书房等。热门的网红书店,如万象书坊、G-TAKAYA、西西弗书店等。还有大众书局、新华书店、先锋书店等企业类书店。在着重调研了万象书坊、可一书店、西西弗书店这三家风格和类型上具有特色的南京书店后,通过分析书店的整体风格、与周边交通和环境的关系、书籍的类型、客户人群以及客户的行为方式,从而进行信息图表设计。

2.设计视觉化表达

(1)书店路线交通地图设计

根据收集与调研的内容确定设计的框架。首先对于书店路线交通地图的设计,删除不重要的交通线路,保留了地铁线路、交通主干道、公交和必要的步行线路。南京书店主要分布在鼓楼区、秦淮区、玄武区三个市中心区域,建邺区、雨花台区、栖霞区、浦口区也有少量,新街口商业圈书店最为密集。通过搭乘地铁或公交步行少于即可到达。将书店分为重点调研书店、公益型书店、先锋书店、网红书店、大众书局、新华书店六种类型。在色彩上用低纯度的玫红、橘黄、土黄、橄榄绿、草绿、天蓝表示。交通路线分为地铁、公交和步行。分别用地铁线路数字、天蓝色和灰色虚线来区分,在图中标出了路线区间的站名。其中地铁路线有1、2、3、4、10号线,以新街口为中心,用不同颜色来区分同一号线的不同方向。该图为三层组合而成,第一层为书店分布图,第二层为交通路线图,第三层为南京市分区图,用来表示宏观的地理位置,为读者呈现直观的印象及具体的路线推荐。

图1 书店周边地图

(2)书店周边地图设计

第二个内容是重点调研的书店周边地图(图1),主要绘制了万象书坊、可一书店和西西弗书店周边的详细地图。地图涵盖了南京大学、南京师范大学、河海大学三所标志性高校。应用扁平化的图标,简约与丰富相结合。书店LOGO与学校图标较为复杂,辅助性公共小图标采用了符号化图形。整体板式具备点、线、形状、颜色、对比和图案元素。通过图形、色彩、布局等的有机结合,增强信息可读性。在图中可清晰的看到每个书店的具体位置、路线及与周边环境、建筑物、高校的关系。

图2 万象书坊人群行为图表

(3)万象书坊信息图表设计

万象书坊兼具休闲、学习、阅读于一身的多功能书店。位于南京大学旁边,服务对象为学生和游客,作为年轻群体,喜好的书籍多为当代文学,因此畅销书单的图案用文艺青年和代表年轻人的音乐、运动线型元素来罗列。客户人群行为主要有购买书籍、阅读、学习、休闲茶饮、洽谈、旅行摄影,以叙述的形式来表达,插图和文字相结合(图2)。书籍分类有国内文学、历史传记、国外文学、南大出版、生活经验、古籍古史、旅行摄影、艺术设计。主要客户为高校学生、文艺青年、白领一族和少年儿童,图表采用了对比明显的柱状图、环形图来直观感受数据的大小与分类(图3)。

图3 万象书坊图表

(4)可一书店信息图表设计

可一书店&可一画廊整体风格简洁明快,空间通透,第一部分为前台、咖啡吧、集会区、周边售卖区,第二部分为图书区,第三部分为阅读区和画廊,以书架分隔。图表设计选用画框、伯里曼和画速写的美术生为元素,来表现艺术主题的可一书店畅销书单。可一书店主要书籍为美术绘画类,还有传记历史、人文小说、畅销书籍和古籍,表现了对艺术的尊重。由于分类较少,图表采用环形图,通过所占面积可看到整体与部分的比较。

图4 西西弗书店热门书单

(5)西西弗书店信息图表设计

西西弗书店极具复古英伦风,门店采用橱窗的形式展示复古的装饰品。阅读区顶部吊灯为BOOK字母图案,为柔和的平光源,书籍区由射灯散点照明,无不体现书店的朴实感。空间功能分为前台、图书区、咖啡区、儿童阅读体验馆、创意空间。由于西西弗书店热门书籍为小说文学、漫画、儿童读物,选用儿童幻想的形象进行书单列表创作,表现畅游书籍的海洋世界(图4)。书店客户主要有青年学生、少年儿童、家庭主妇、白领一族,图表采用百分数相比较的环形图。书籍分类广泛,图表采用可列出多种类型的柱状图。

三、结语

南京书店信息图表是南京这座“文学之都”城市信息的一部分,它可以使读者快捷高效的找到喜爱的书店,提供了便捷的服务和美的享受。在本次设计中,应用了扁平化的图形语言使信息的传达更加富有成效,图表内容更加清晰,视觉效果更加舒适。在数据化的信息时代下,可视化图表设计在各个领域的应用都将会更加广泛。

猜你喜欢
西西图表可视化
自然资源可视化决策系统
思维可视化
基于知识图谱的我国短道速滑研究可视化分析
复变函数级数展开的可视化实验教学
复变函数级数展开的可视化实验教学
种子西西的烦恼
双周图表
双周图表
双周图表
图表