80%同学不会做的“信息可视化”，附案例和工具模板，一次搞懂！

朝菌学园ZhaoDesign

2024年06月17日 09:29

01 写在前面

在制作作品集或者参与课题项目时，信息可视化总是不可缺少的一部分，它既能突出我们的逻辑思维和信息处理能力，还能为观者创造新奇的美的体验。但是，信息可视化的难点也恰恰在于如何平衡信息的体量与视觉的美观度，如何选择合适的可视化类型，将脑中奇幻的想法用恰当的方式传达出来，以及如何将交互体验融入设计当中，确保用户能够轻松地与数据互动。

Beautiful News, The Book, by David McCandless

本期内容，我们就将为你介绍信息可视化的多样类型，从平面展示类到实体交互类，为你在选题与视觉化方面提供更多的切入视角，并分享一些好用的可视化工具。

02 定义及特点

在介绍具体的可视化类型之前，我们先简单概括一下信息可视化的几个关键信息。首先从定义出发，信息可视化就是将信息通过图形、图像、动画等形式展现出来，让复杂难懂的数据变得直观易懂。它就像是数据的“翻译器”，把那些密密麻麻的数字和文字，转换成我们一眼就能看懂的图表和图像。

它也可以运用于商业、科研、教育、医疗等多个领域，具体可能用来进行数据分析、信息设计、展示地理信息系统（GIS）、科学可视化或艺术创作等。能够帮助用户快速把握信息的要点，理解数据之间的关系，以及洞察数据背后的趋势和模式。

项目名称：甲烷(或“天然气”)--另一种主要的温室气体

而信息可视化的几个关键特点则主要包括了直观性、简洁性、交互性，叙事性以及一定的美感。因此，信息可视化也可以叫做数据的视觉艺术，我们需要让数据“说话”，让信息“活”起来。

直观性：通过视觉元素，如颜色、形状、大小等，直观地展示数据的特点和趋势。
简洁性：去除多余的信息，只保留关键数据，让信息一目了然。
交互性：用户可以通过操作来探索数据的不同方面。
叙事性：好的信息可视化能够讲述一个故事，引导观众跟随设计者的视角去理解数据。
美感：视觉元素的美观设计可以提高信息的吸引力。

此外，信息可视化的类型也非常多样，我们可以根据不同的维度进行分类。如静态的和动态的，能否交互的，不同数据类型的，不同展现主题或在不同平台展示的。同时，一份可视化信息图表既可以用来解释一个概念，也可以用来探究一个问题，讲述一个故事或展示一个过程，不仅要求创作者具备数据理解和分析的能力，还需要良好的设计感和创意思维，以创造出既美观又实用的作品。这里为大家展现几种我们常见的可视化应用。

WOKR1 平面类-婴儿出生时间

图片来源：Nadieh Bremer 和 Zan Armstrong;

首先是平面类展示，一般包括图表、信息图（Infographics）和地图，目前的平面图已经在信息丰富度和视觉呈现上有了更多综合的表现方式。这几个图表就探究了“为什么在早上8:00左右会有较多婴儿出生”这一现象。

作者重点关注了不同时间段内出生婴儿的数量，时间级别从周细化到了分钟。通过与平均出生率的对比，展现出婴儿出生率的波动。结果显示，人为因素的影响在分娩时间上比人们预期的要显著得多。这种细致的分析也揭示了医疗日程安排和医疗干预在分娩过程中的重要作用，挑战了人们对于自然分娩过程的一些传统认知。

WOKR2 平面类-失踪者地图

THE MISSING MIGRANTS MAP - Corriere della Sera

而这个“失踪移民地图”，则为我们展示了复杂事件的叙事方式。它旨在追踪全球移民在旅途中的失踪事件，所依据的数据主要来源于政府、机构、非政府组织和媒体的统计。在设计上，它将各类相关数据用彩色图表展示，并采用了独特的地理伪装手法，既展示了地理的形态，又巧妙地强调了全球公民的共同身份。

通过这种视觉叙事，它成功地将冰冷的数据转化为引人深思的视觉故事，增强了公众对移民失踪问题的认识和同情。不仅为研究人员、媒体和公众提供了一个获取最新信息的重要渠道，也成为了提升公众意识和促进社会对话的有效工具。

WOKR3 平面类-东京美食地图

再来看这张名为“Tokyo Eat Map”的3D实验性数据可视化作品，作者巧妙地将热图、密度图和等高线图等元素融合在一起，把餐馆数据转化为日本拉面的图形，以独特的方式展现了东京市中心餐馆的密集度，将地图和美食梦想相结合，提供了一种新颖的探索城市美食的方式。

WOKR4 网页类-紫禁城的历史

紫禁城独特的建筑

当中国地方博物馆宣布在香港设立分馆的计划时，《南华早报》抓住了这个机会，深入探讨了紫禁城的建筑、历史和艺术藏品在中国大陆和台湾之间的分布情况。他们的网站采用了一种多媒介、多维度的叙事手法，将插图、地图、虚拟现实（VR）和视频等元素与引人入胜的讲故事技巧相结合。

紫禁城中的生活

通过这些精心设计的可视化和互动元素，读者能够更加直观地了解紫禁城的文化和历史价值，同时也加深了对两岸文化遗产分配的认识。完美展示了如何利用现代技术手段和创新的叙事策略，有效地传达复杂的历史文化信息，同时也为其他媒体提供了一个如何将传统新闻报道与新媒体技术结合的优秀案例。

紫禁城如何成为故宫博物院

WOKR5 网页类-Deepfakes

另一个有关制造假新闻的案例，他们的做法就更为大胆前卫。近几年，利用机器学习制作虚假视频的技术迅速崛起，引发了广泛的担忧和讨论。许多人认为这项技术可能会破坏信任、颠覆民主，甚至导致现实感的瓦解。

这个新闻团队就尝试着自己创建Deepfakes，以视觉效果为重点，选择了制作澳大利亚总理的Deepfakes作为故事的主线，采用交互式图形来解释和可视化Deepfakes制作过程的每个步骤。这种叙事手法不仅掩盖了主题的复杂性，还能通过用户滚动时逐步展开的设计，增强故事的互动性和吸引力。

利用视觉驱动新闻的选择，使他们不仅成为了首家使用公开图像和机器学习软件制作Deepfakes的新闻机构，还成功地揭示了该技术的潜力和风险，提高了公众对人工智能和机器学习主题的理解和认识。

看完这几个案例，你会发现目前的平面，网站或应用类的可视化效果大多是动态的可交互的，而进阶版的复杂可视化，则将空间由二维平面转为了三维立体，场景也可以随之由线上转为线下。

这种可视化效果常常被应用在博物馆或展览的数字屏幕和物理装置上，观众可以通过触摸屏幕、投影等技术与数据互动，享受沉浸式的数据体验。例如3D模型可以用于展示建筑模型、分子结构等复杂的空间数据，虚拟现实（VR）技术能够提供沉浸式的三维数据探索体验。

WOKR6 网页类-谎言工厂展览

例如，当假新闻被从网站搬到线下展览中，一个"谎言工厂"就诞生了。它通过精心的设计布局，向参观者介绍了假新闻的的定义、起源和传播方式，同时探讨了人类大脑为何容易接受不实信息。并通过历史视角，带领观众了解从古至今的各种重大的虚假信息案例，特别强调了媒体在虚假信息传播中的作用，尤其是互联网、社交网络和人工智能的兴起，如何极大地促进了假新闻的快速扩散和病毒式传播。

通过这种创新的信息交互展览形式，“谎言工厂”成功地将假新闻这一主题从线上转移到线下，深入探讨了虚假信息的复杂性，为公众提供了一个提高媒介素养和批判性思维能力的平台。

WOKR7 墙面AR互动装置-星巴克

星巴克也在线下的信息可视化互动中有精心的设计。为了纪念星巴克在意大利米兰科尔杜西奥广场开设的首家门店，设计工作室Accurat创作了一件巨大的落地式墙面作品，它以黄铜为材料，由当地工匠精心打造，通过独特的雕刻技艺展现星巴克品牌的历史和咖啡文化。

除了静态的视觉展示，工作室还利用增强现实（AR）技术，设计并开发了一种互动体验。观众可以通过AR应用程序，将手机或平板电脑作为“魔术镜头”，探索三维动画和虚拟内容，为顾客提供了全新的沉浸式体验。通过这种创新的展示和互动技术，他们成功地将星巴克的历史和咖啡文化以一种引人入胜的方式呈现给了意大利乃至全世界的顾客。

WOKR8 动态展览-加密货币实时交易

再来看看这个实时变化的动态艺术展。当代艺术家亚历山大·里沃为了庆祝数字货币的创新，创作了一个名为“Carved Currencies”的展览。展览的亮点在于，它将比特币等几种主要的加密货币的实时交易数据，转化成了动态的艺术雕塑。

每个货币都有自己独特的3D数字雕塑，而且这些雕塑会根据市场上发生的实际买卖活动而变化。而这种互动性是通过一个特殊的网络websocket API实现的，它可以实时接收到加密货币市场的最新交易信息，交易的大小就决定了雕塑增加或减少的量。

更有趣的是，这些雕塑每隔十分钟就会“重置”一次，展示新的市场变化。每次重置时，都会拍摄一张雕塑的照片，然后这些照片会被制作成短视频。最终，这些短视频被集合起来，形成了一个特殊的数字藏品，在特定的平台展示和收集。这个展览不仅让参观者以一种全新的方式体验加密货币市场，而且还创造了一种新的艺术形式，将科技、艺术和市场动态巧妙地结合在了一起。

03 未来可视化形式

而除了以上介绍的可视化类型外，未来信息可视化也大概率还会往多模态数据融合、实时数据和动态可视化、AI智能推荐可视化等等方向发展。新的信息可视化方式不仅可以在信息处理上，将不同类型和来源的数据（如文本、图像、声音）结合起来，利用AI和机器学习技术自动化数据的分析过程，提供更智能的数据洞察和推荐。

设计与研究：David McCandless

可视化的表现形式还将体现更多的个性化、包容性和叙事性，确保不同能力和背景的用户都能理解和使用可视化结果，为用户提供个性化和定制化的交互体验，并通过故事讲述传达更深层次的信息和见解。

04 可视化工具推荐

如果你也正在制作信息可视化作品，却苦于没有合适的工具，这里我们就为大家介绍几个好用的信息可视化工具。

①Rawgraphs：简单直观，平面数据图表专家。

https://www.rawgraphs.io/

②Visme：模板丰富，新手友好型设计。

https://www.visme.co/

③ChartBlocks：极简主义，图标构建简易化。

https://www.chartblocks.io/

④Flourish：美观大方，数据故事叙述者。

https://flourish.studio/examples/

⑤Tableau：数据洞察，深度分析工具。

https://www.tableau.com/zh-cn/products/desktop

⑥Infogram：快速创建信息图与报告。

https://infogram.com/

⑦Datawrapper：故事丰富，图表与地图。

https://www.datawrapper.de/

⑧花火数图：在线短视频图表制作，多样化导出格式。

https://www.zhanid.com/daohang/hanabi.html

⑨Fine BI：商业智能分析工具，用户友好的数据处理。

https://sem.fanruan.com

⑩Information is Beautiful：数据可视化案例合集

以上就是对各种信息可视化知识与参考类型的介绍，在制作作品集的过程中，我们也千万不要迷失在繁杂的数据和信息中，总是追求面面俱到，更应该选好主题抓主线，并选择适合的工具，以目标为导向，展现你独特的创意想法。如果你还有更多有意思的idea希望分享给大家，或是为我们提出选题创意与想法，欢迎联系我们～

选校定位 & 课程咨询

可联系我们～

👇

微信：zhaojundesign2