制作信息图的“核心信条”

简介:

偏好柱状图和饼状图的陈腐的企业审美已经不复存在了。如今,“数据可视化”(包括为信息图)被大量使用,可谓是无处不在。数据可视化是一个极好的方式,用来传递出与公司行为相关的信息,或者以一种视觉上引人入胜的方式,简单解释一个社会现象。


但是,确切地说,是什么成就了一个好的信息图呢?在网上搜索一下,你会找到非常多的观点,其数量如同信息图设计者一样。尽管如此,对于信息图这一“艺术品”,还是有一些核心信条,得到了几乎每个人的认同。这里,我们对其做一个总结,同时配上一些例子作为演示。


先来一个极简风格:用Lego(乐高)总结信息图的概念。



1
讲述故事

任何一个信息图不仅仅是数据的整理,还是一个故事。它有起因,经过,结果(作文结构。仿佛回到了语文课?),或者是问题,数据,结论(论文结构。一跃又来到了毕业论文)。


这需要理解手中数据的内容,其回报是抓住读者的注意力,并引导他们的理解,而不是让读者迷失在随意堆叠的无意义的数字中,并最终失去他们。用信息图说话,来看一个好的例子。


2
找到“钩子”

每一个信息图都有它的“钩子”——那些数据中特别有趣的、意想不到的或者令人玩味的部分,它是明白或理解信息图要展开叙述的“故事”的核心。一旦你有了这些“钩子”,以视觉形式强调它们:让它们比周围的信息更大或者显眼,给予更多的空间,摆放在等不或者底部,而不是夹带在中间。


注:英文原文中用了“hook”一词,其精妙之处在于,hook有钩子、鱼钩、上钩以及诱惑等多重含义。


先上信息图,然后我们来解释。

这是另一个关于Record Deal的信息图,与其它版本相比,做得明显更好的是它强调了钩子:数据如“500,000份拷贝”、“5百万美元”以及“375,000美元”,都比周围文字用了明显的粗体。


这个设计还使用背景色块将其分割成几个部分,这是一个聪明的主意。唯一美中不足的是,设计者没有可视化“对375,000美元有争议”这一事实,这个应该是可以很容易做到的。


下面两个信息图在强调钩子方面做的很好,它们用了位置,大小和颜色。



3
展示,不要“告诉”

这个貌似很明显,但是还是要尽可能减少文字到使用量。使用简介的遣词,局部聚集的文字,一语中的。


在不得不使用文字的地方,确保用图标、有趣的排版活着周边留白加以均衡处理,避免密集文字区块。不论是好还是坏,读(文字)是个不怎么21世纪的事(图和视频更受欢迎)。


同样,先上信息图,再做解释


这个信息图是一个工作职位列表,但它不是简单地逐点罗列出对候选人的要求,而是使用视觉上更吸引人的一版图标。整体上来说,在格式和颜色方面,这个设计做到了完美的平衡。


4
谋求改变

给定一个数据集,你可以用千万种方式展示它。对于制作一个信息图,你的工作是选择可视化手段,既能非常容易理解,又比标准图表更有趣。


改变一下:如果你正在一个信息图中使用某类可视化手段超过一次,你的创造性也许还不够。


这个是一个很棒的例子!


它使用非传统的、多样的图形可视化手法。这里有一个柱状图,但是被装扮成了一个“橱窗兼智能手机显示屏”,非常聪明!


对于紧随其后的那些百分比数字,设计者使用了相应大小的气泡。最后,是另一个柱状图,但将其表现为一个台阶造型,以区别于之前的柱状图。


5
颜色和字体

对于任何形式的设计,选择漂亮的颜色和明显的字体非常关键。对于颜色,使用三色调调色板通常是一个好的选择。在不得不处理比期望要多的文字时,这一点特别突出。


这个信息图有文字繁冗的问题,但对合适的字体和颜色的选择,极力拯救了这个信息图。


篇尾语:

这些信息图,你最喜欢哪个?或者,看到什么很酷的信息图?请留言给分享给我们,并借此分享给更多人。您的参与和支持,是对大数据文摘的莫大鼓励!



原文发布时间为:2015-04-27


本文来自云栖社区合作伙伴“大数据文摘”,了解相关信息可以关注“BigDataDigest”微信公众号



相关文章
|
9天前
|
Linux 开发工具 iOS开发
Codex保姆级教程(下载+安装+登录+使用,含所有版本,2026最新)
Codex是OpenAI推出的开源AI编程智能体,本地运行,可理解整个代码库,支持自然语言指令改代码、执行命令、跑测试、修Bug,兼容Win/macOS/Linux。(239字)
3605 13
|
10天前
|
JavaScript API iOS开发
DeepSeek Harness下载、安装、配置一篇搞定(2026整理,送常用插件)
DeepSeek Harness(DSH)是DeepSeek于2026年开源的MIT协议AI Agent框架,支持插件化组装模型、工具、沙箱与UI,兼容主流大模型。本文提供免Node.js的桌面端安装包(Win/macOS),含详细图文教程及热门插件推荐。
3928 43
|
10天前
|
iOS开发 Docker MacOS
【2026实测】Docker Desktop下载、安装、汉化、配置教程(附官网安装包)
Docker Desktop 是 Docker 官方推出的桌面容器管理工具,集成引擎、CLI、图形界面与 Kubernetes,支持 Win/macOS/Linux。2026 最新版 4.88.1 强化 ARM 原生运行、镜像加速及资源可视化,附中文汉化与国内镜像配置指南。
1799 6
|
4天前
|
云安全 人工智能 安全
|
5天前
|
存储 弹性计算 人工智能
2026 年阿里云双十一活动入口攻略,新客服务器优惠通道、三大会场入口梳理
综合来看,2026年阿里云双十一活动入口清晰: 阿里云轻量应用服务器、阿里云ECS云服务器、阿里云GPU云服务器、阿里云百炼大模型服务平台 活动会场、综合权益中心、99计划专场三大入口覆盖服务器、AI权益与续费特价;新用户通过控制台首页banner、权益中心、产品页三处路径进入专属专场,老用户通过控制台弹窗和费用中心权益中心进入老客专区,企业用户做企业实名后解锁专属满减与阶梯折扣。
596 0
|
4天前
|
Linux 开发工具 iOS开发
2026最新codex下载安装保姆级使用教程(下载+安装+登录+使用,含所有历史版本)
本文详解OpenAI Codex国内快速上手指南:提供Win/macOS/Linux全平台免安装包、npm/Homebrew等多方式安装、账号/API Key双登录、简体中文切换,覆盖下载、安装、汉化、使用及高频避坑(如微软商店失败、npm超时等),10分钟即可跑通。
777 1
|
10天前
|
安全 算法 定位技术
《高性价比人生指南》完整原版:普通人用最少的资源,过好这一生的底层逻辑~How To Live Better
📖《高性价比人生指南》是一份基于实证、拒绝焦虑的生存手册,倡导以“人生时薪”为视角,重新计算时间、金钱与精力的成本与收益。它不承诺逆袭,只教人算清账:省下的钱若耗掉时间便亏;买体验比买物品更值;睡眠是最高杠杆的健康投资;关系贵在情绪价值而非表面热络;学习重在改变行为而非自我安慰。核心理念:用低成本、高回报的微小行动,换取长期的选择权——不是成为谁,而是掌控自己人生的主动权。
2096 4
|
云安全 安全 网络安全
|
23天前
|
人工智能 API 开发工具
DeepSeek Harness 神插件:白嫖 13 家大厂模型
`dsh-our-free-model` 是 DeepSeek Harness 神级插件:零配置、零API Key、零账号,聚合13家大厂免费模型(含DeepSeek V4.1 Flash、Kimi K3等),支持本地网关、用量看板与自动降级,真正实现“白嫖即用”。
4084 56