每次要做图表你都好头痛吗?资讯好多,到底该怎么用一张清晰明瞭的图表让大家一眼看了就明白可是大学问!让纽约的图像设计师教你超完整的资讯图表全攻略,简单的十个步骤,教你做出让大家惊艳的图表,其实同样的道理,不只能套用在资讯图表的制作,任何的报告都要从搜集对的资讯开始!(同场加映:设计师一定要有的七样东西


 资讯图表:教育未来的劳动力。

再冷冰冰、生硬的资讯,只要呈现的方式对了,实用之外还可兼具美感。在资讯爆炸的时代,令人松口气的资讯解方──资讯图表,运用简单的方式,解释复杂的资讯,成为当今资讯界、行销传播界最火红的新星。好的资讯图表甚至可以触发病毒式的传播,为设计师们不可或缺的能力。钻研资讯图表近十年的纽约设计工作室 Hyperakt 的图像设计师 Josh Smith ,将资讯图表的制作,简化为十个步骤:

1. 搜集资料

筛选数据是第一关。搜集来的资讯通常很杂乱: excel 试算表、PDF 等等,有时还会连结到其他资料来源。设计师们应留意阅读资料的文字说明,帮助拚凑资讯图表所要说的故事全貌。切记,搜寻多资讯来源,一个故事,通常会散落在很多文件里面,而非潜藏在单一的资料图表中。(同场加映:别被资讯埋没,从建立个人资料库开启知识革命吧!

2. 资讯要全盘阅读

跳过大量庞杂资讯,直接阅读重点的作法尽管很吸引人,但这么做的后果,可能是要花费更多时间来修正。因为,单单引述完整研究的单项讯息,可能会偏离故事全貌。设计师应要擅于察觉资讯的漏洞,不错失重要讯息,并及确保揭示支持故事的事实数据。

3. 找到叙事/故事

资讯图表是否吸引人,最前头陈列的资讯扮演重要角色,若以乏味的资讯开始,则很可能说出令人乏味的故事。资讯图表需要以一个独特的动机作为开头,可以是澄清一组复杂的数据、解释一项过程、强调某种趋势或支持某种论点,势必要从中找出吸引人的故事。(三个步骤,教你用简报内容说出影响力

4. 辨识潜藏的问题

当故事浮现出来后,先暂停一下,回顾资料检视故事的真实性。许多情况下,资料不能反映客户所想要说的故事。许多设计师扭曲资料作出客户想要的样子,然而,这么作的结果对每个人来说都徒劳无功。因为数据不会说谎,而良好的客户也不想公然误导大众。

若发生前述的状况,还是最好退回上一步,对照故事与数据,重新发想故事。尽管对主题和数据有通透理解的设计师,可以知道如何最佳地呈现数据,但因为不是设计师本行专业,很容易遭受客户的拒绝。但仍不可放弃一试,因为设计师极度注重资讯细节的特质,最后通常能够提出备受赞赏的呈现方式。 资讯背后的真相通常需要时间来一步步揭开,资讯可以解读成正确抑或错误的论点。举例来说,单单呈现“红色轿车的事故发生机率较蓝色轿车的发生机率高”的数据,很容易误导大众以为“颜色”会影响“事故发生率”,然而,真相则是,喜欢红色的人通常具有侵略性的性格,因此容易造成事故。(也来看看:问题不在“做”不到,问题往往在“讲”不清楚

5. 创造层次结构

几乎任何的研究观点(资讯图表)中,都有一个“灵魂”贯串故事主线,这条数据会让你有惊喜的感觉。一旦你找到它,它则化身成为巩固资讯图表的层次的组织项目。其余的辅助元素,则帮忙安排故事的其他部分。当到达这一阶段,最终产品的雏形已渐渐浮出水面。


示意图范例。图片来源:Mike Rohde

6. 绘制示意图( Wireframe )

一旦资料经过梳理,最有趣的资料过滤出来,结构层及也都决定好了之后,示意图就差不多产生了。在这个阶段,设计师以容易理解的视觉方式组织重要讯息以及其呈现结构,送给客户进行审查。示意图还不是最终的设计,但为一个方便讨论的工具,帮助决定最后产品的结构。

7. 选择资料呈现的图表类型

表示讯息的方式有很多种。最好的办法可能是与传统的图表和图(长条图、折线图、园饼图)。“一个过程”可能需要一个图饼或流程图来解释。一张地图可能是讲故事的最好方式。或者直接展示数字是最好的呈现方式。如果预算许可,数据也允许的话,呈现动态、互动性也很有意义,开启视觉化资讯的所有的可能性。无论是哪种情况,图表类型是由数据资料所驱动和决定,可以使用单一种类或多种类的图表呈现。。

8. 决定主视觉

有两个首要的视觉方法来确定资讯图表的外观和感觉。在第一个阵营中( David McCandless、Nicholas Felton 等人支持的观点),这通常是以传统的图表为主轴,只透过颜色、字型学和结构将图表作得引人入胜,犹如抽象艺术。第二个阵营(Peter Orntoft, Scott Stowell)主张视觉叙事,意指以图像或是隐喻来说故事,而数据隐含在图像中。不使用传统图表,使用完全将视觉和数据融合的图像设计。

在 Hyperakt ,我们不偏好于任何一种策略。通常我们创作了一个混合型的资讯图表:结合传统图表和纯粹视觉叙事的资讯图表,但最终的解决方案,还是要根据可取得的数据资讯、媒体、客户品牌及主题来决定。 


采取视觉叙事策略的资讯图表。

9. 细致化与测试

当资讯图表成形为视觉型式时,就要开始细致化的工作。在细节处理的部分客户会加入以资料和视觉说故事的工作,来确保最重的产品会与客户品牌和最初的意图相符。 测试阶段的内部作业,我们会请整个工作室的人一同检视,确保产品式好读且易懂的,特别是对那些从来没看过数据的人来说。我们评价设计,重覆修润使产品尽可能的清晰和简单。 客户和设计师团队来回反覆的修润过程,要直到所有人同意“已经竭尽所能将资讯用最好方式呈现”才会停止。这个细致化的测试过程弥足珍贵。

10. 实际上线

大多数的资讯图表都是在网路分享的──即使是原本是印刷在纸张上的图像也会以某种方式在线上呈现,这是设计师工作的试金石。这是因为,对不同的群众而言,有不同的阅读资讯的方式。 尽管透过重重的专业检视,也不代表资讯图表涵盖了完整的故事,大众线上的讨论有可能会延伸(或拆解)你原先的故事,这可能代表你的专案作得不够完美彻底。不过,有新的资讯产出后,也就必然历经修正。尽管大众的眼睛对设计师来说是很令人惧怕,但这也同样是媒体的珍贵价值。


混合传统图表和视觉叙事的资讯图表,以大图为主体让人惊艳。