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

简介:

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


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


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



1
讲述故事

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


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


2
找到“钩子”

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


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


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

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


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


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



3
展示,不要“告诉”

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


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


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


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


4
谋求改变

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


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


这个是一个很棒的例子!


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


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


5
颜色和字体

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


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


篇尾语:

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



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


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



相关文章
|
4天前
|
人工智能 API 内存技术
刚刚 DeepSeek V4.1 Flash 开启内测,1 分钟教你用上!
刚刚 DeepSeek 内测群发布了 DeepSeek V4.1 Flash 中间版本内测的消息,这次的模型采用了新的结构,原生支持多模态、能力更强、速度更快、且成本更低。
1670 5
|
8天前
|
人工智能 运维 BI
阿里云千问办公QwenWork深度解析:基于Qwen3.8,六大核心能力重构企业全自动化工作流与计费选型指南
传统AI办公工具大多停留在对话问答、文档摘要、简单文案生成层面,只能完成单点碎片化任务,无法自主拆解复杂业务流程,很难串联多工具、多文档、外部业务系统完成端到端完整工作交付。很多企业在落地AI办公的时候,需要组合多款不同工具,来回切换界面,手动复制粘贴中间结果,智能化改造落地门槛居高不下。千问办公QwenWork是整合多款智能体产品能力打造的一体化企业办公智能体平台,底层基座依托Qwen3.8大模型,打通桌面端Agent、云端Agent、企业协同Agent三种运行形态,不再局限简单问答,接收业务目标之后自主拆解任务步骤,调用各类工具,处理文档、表格、浏览器自动化、数据查询,直接输出可交付的办公
1614 1
|
5天前
|
SQL 人工智能 前端开发
QoderWake 1.0 正式发布:从桌面里的 Agent,到工作现场的数字员工
QoderWake v1.0正式发布:企业级数字员工团队平台。支持“一句话建岗”,预置10类特训岗位;Waker常驻钉钉/飞书群,@即响应、自动协作、跨任务记忆;具备定时/事件/API多触发方式与统一任务看板;已沉淀27.6万条记忆、12.3万项技能,助力组织实现人机协同增效。
715 1
|
17天前
|
人工智能 自然语言处理 安全
阿里云千问办公、Qoder Teams、Qoder CN区别与选择指南:模型能力、适用场景与最新活动参考
本文聚焦阿里云2026年推出的三款自研AI办公产品,清晰拆解千问办公、Qoder Teams、Qoder CN的差异化定位与能力边界:千问办公主打职场全场景提效,支持自然语言指令一键完成PPT生成、数据分析等高频办公任务;Qoder Teams面向程序员团队,深度整合AI代码生成、团队协同与企业知识库能力;Qoder CN则专为金融、政务等强合规场景打造,实现数据不出境与VPC私有化部署。文章同步给出分场景选型指南与最新活动定价,帮助不同类型的企业按需组合产品,实现业务岗、研发岗与强合规场景的AI能力全覆盖。
3876 5
阿里云千问办公、Qoder Teams、Qoder CN区别与选择指南:模型能力、适用场景与最新活动参考
|
8天前
|
人工智能 自然语言处理 安全
阿里云AI数智鉴密:AI 生成内容如何拿到一张"防篡改的身份证"
隐形水印 + C2PA签名:让AI生成内容“持证上岗”。
1143 0
|
9天前
|
网络协议 Linux iOS开发
【2026实测】Wireshark下载+安装+汉化+使用教程(图文版,巨详细)
Wireshark 是一款免费开源的网络协议分析工具,可实时捕获、解析并可视化数据包,助你诊断网络故障、分析通信协议(如HTTP、DNS、TCP等)。支持Windows/macOS/Linux,含中文界面,新手入门便捷。(239字)
|
3天前
|
缓存 测试技术 API
DeepSeek V4.1 Flash 内测接入:改个模型名即可调用(附代码)
DeepSeek V4.1 Flash 内测不用申请,base_url 不变、改个模型名就能调,9/10 到期。本文讲清接入、计费限流与多模态注意点。
696 0
DeepSeek V4.1 Flash 内测接入:改个模型名即可调用(附代码)
|
10天前
|
缓存 数据可视化 开发工具
DeepSeek Harness 怎么更新?dsh 更新完整指南:更新本体(npx、npm、源码)与更新插件两种方式
DeepSeek Harness 的更新分两层:本体更新(npx 自动最新、npm update -g、源码 git pull)与插件更新(插件市场点更新、命令行覆盖安装)。本文按「准备 → 更新本体 → 更新插件 → 更新后检查」四步走,覆盖新手常见疑问。
1268 1
DeepSeek Harness 怎么更新?dsh 更新完整指南:更新本体(npx、npm、源码)与更新插件两种方式