信息图设计的技巧.docxVIP

作者： @Calan- 宇 很多设计师都对信息可视化、设计信息图非常感兴趣，在平时的作品中合理地加入一些 可视化的元素，能瞬间提升设计质感和强化主题，这里我想给大家扯扯信息图设计的一些事。 ——信息图概要—— 什么是信息图？ 提及信息图，不可避免要先讲下时下热门的议题：信息可视化(Information?Visualization)。 大家从字面上以及平时工作学习中应该或多或少有了解，可以将它大致理解为：将复杂的信 息通过图形样式清晰明了的传达给读者。信息可视化是一个跨学科的领域，其详细深入的定 义这里不做研讨，本文主要针对其图形化的产物信息图进行介绍。 可视化并不是什么全新的概念，生活中很多信息可视化例子：公共指示、统计图、星级评 分、五线谱… 信息图形（Infographic），又称为信息图，是指数据、信息或知识的可视化表现形式。 ——摘自百度百科； 信息图最初是指报纸、杂志、新闻通讯社等媒体刊登的一般图解。随着信息可视化在大数 据时代越来越被人重视，以及越来越多的设计师热衷于以图形化的方式结合视觉上的美感将 信息传达给读者，使得信息图越来越流行和被大众所喜闻乐见。将原本很难用语言表达的信 息，通过图画来加以说明，使其容易理解，这是信息图设计的目标和理想。 信息图的分类 信息图的分类有很多种，各分类之间也并不是泾渭分明，所以大可不必纠结什么样的分法 最正确，在木村博之所著的《图解力》一书中，他将信息图分为六大类：图解（Diagram）、 图表（Chart）、表格（Table）、统计图（Graph）、地图（Map）、和图形符号 （Pictogram）。 图解（Diagram）：主要运用插图对事物进行说明 图表（Chart）：运用图形、线条及插图等，阐明事物的相互关系 表格（Table）：根据特定信息标准进行区分，设置纵轴与横轴 统计图（Graph）：通过数值来表现变化趋势或进行比较 地图（Map）：描述在特定区域和空间里的位置关系 图形符号（Pictogram）：不使用文字，运用图画直接传达信息 实际制作信息图的过程中会用到多种形式配合完成 信息图制作流程 信息图的制作是一个团队合作的过程，在平时的设计中可能并没有严格按照下面的流程来 做，但是可以从中理解到信息图的核心是传达主题！ ——制作信息图的五大要素—— 2009?年?2?月，由国际新闻媒体视觉设计协会（SND）主办的新闻视觉设计大赛在美国纽 约州?Syracuse?举行，评审结束后，图文设计组的专家们总结了他们认为的在制作理想的信 息图时应该考虑的五大要素： 1.吸引眼球，令人心动（Attractive）：在这个信息爆炸的时代，富有吸引力非常重要，应 该设计一些能够让读者产生共鸣的东西 FACEBOOK?Realationships?Visualized：极具视觉冲击力和吸引力 2.准确传达，信息明了（Clear）：设计时要选择一个最想要传达给读者的主题，把这个主 题巧妙地表现出来 The?Internet?Map?:?将全球网站以星系的形式表现，流量越大，表示圆点越大，颜色代表不 同国家 3.去粗取精，简单易懂（Simple）：从庞大的信息量中将真正必要的信息筛选出来，同时 设计的表现手法同样需要合理简化，突出重点 伦敦地铁路线图进化过程：查看?1935?年至?1946?年间贝克的路线图设计，可以发现其换乘 的表现手法有变化。1935?年的换乘站点以方块表示，车站的名称要容纳在其中，对字体的 大小长度都有了限制，让人难以阅读；1940?年和?1941?年的线路图，换乘站名称写在圆圈旁 边，但每条线路都会标注同样的名称，出现多余文字信息；1946?年的路线图，相接的圆用 白线连接，将换乘站用更容易识别的方式表现出来，之前重复的站名也改为只标记一次，更 简单和容易阅读。 4.视线流动，构建时空（Flow）：充分利用人的阅读习惯，注意视线移动的规律；能够通 过设计营造时空感 How?Long?Do?Animals?Live：通过线的引导聚集视觉焦点，让读者很流畅的浏览，图中的 动物都处理成沿曲线行走的方向，方向性更加强烈。 5.摒弃文字，以图释义（Wordless）：对事物的结构或流程等进行说明时，尽量避免使用 文字，仅以图形传达信息 各国问候礼仪：奈杰尔·霍姆斯的作品，在不使用文字说明的情况下，解说法国、荷兰等 国家的问候的礼仪。他还有很多类似的无文字说明的图解作品。 ——信息图设计的技巧—— 通过整理一些相关资料以及结合自己的经验，我总结了一般信息图设计中经常涉及到的?8 类手法和技巧：图形化、对比、转换、比喻、关联、流动、引入时空、构建场景； 图形化 运用图形，直观明了 Coffee?Drinks?Illustrated:关于咖啡种类的说明，通过一杯咖啡的图