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

简介:

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


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


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



1
讲述故事

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


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


2
找到“钩子”

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


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


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

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


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


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



3
展示,不要“告诉”

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


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


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


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


4
谋求改变

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


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


这个是一个很棒的例子!


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


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


5
颜色和字体

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


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


篇尾语:

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



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


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



相关文章
|
10天前
|
人工智能 开发工具 iOS开发
Claude Code 新手完全上手指南:安装、国产模型配置与常用命令全解
Claude Code 是一款运行在终端环境中的 AI 编程助手,能够直接在命令行中完成代码生成、项目分析、文件修改、命令执行、Git 管理等开发全流程工作。它最大的特点是**任务驱动、终端原生、轻量高效、多模型兼容**,无需图形界面、不依赖 IDE 插件,能够深度融入开发者日常工作流。
3249 9
|
3天前
|
人工智能 自然语言处理 文字识别
阿里云百炼Qwen3.7-Max简介:能力、优势、支持订阅计划参考
Qwen3.7-Max是阿里云百炼面向智能体时代推出的新一代旗舰模型,对标GPT-5.5、Claude Opus 4.7等闭源旗舰。该模型支持百万级token上下文窗口,具备顶级推理能力、多模态搜索与视觉理解增强、流式输出低延迟响应等核心优势,覆盖编程、办公、长周期自主执行等复杂场景。同时支持OpenAI接口兼容,便于系统快速迁移。用户可通过Token Plan团队或节省计划等订阅方式灵活调用,适合企业级高要求场景使用。
阿里云百炼Qwen3.7-Max简介:能力、优势、支持订阅计划参考
|
13天前
|
Shell API 开发工具
Claude Code 快速上手指南(新手友好版)
AI编程工具卷疯啦!Claude Code凭借任务驱动+终端原生的特性,成了开发者的效率搭子。本文从安装、登录、切换国产模型到常用命令,手把手带新手快速上手,全程避坑,30分钟独立用起来。
3295 23
|
7天前
|
人工智能 Linux BI
国内用 Claude Code 终于不用翻墙了:一行命令搞定,自动接 DeepSeek
JeecgBoot AI专题研究 一键脚本:Claude Code + JeecgBoot Skills + DeepSeek 全平台接入 一行命令装好 Claude Code + JeecgBoot Skills + DeepSeek 接入,无需翻墙使用 Claude Code,支持 Wind
2312 4
国内用 Claude Code 终于不用翻墙了:一行命令搞定,自动接 DeepSeek
|
25天前
|
人工智能 JSON 供应链
畅用7个月无影 JVS Claw |手把手教你把JVS改造成「科研与产业地理情报可视化大师」
LucianaiB分享零成本畅用JVS Claw教程(学生认证享7个月使用权),并开源GeoMind项目——将JVS改造为科研与产业地理情报可视化AI助手,支持飞书文档解析、地理编码与腾讯地图可视化,助力产业关系图谱构建。
23597 15
畅用7个月无影 JVS Claw |手把手教你把JVS改造成「科研与产业地理情报可视化大师」
|
12天前
|
人工智能 JSON BI
DeepSeek V4-Pro 接入 Claude Code 完全实战:体验、测试与关键避坑指南
Claude Code 作为当前主流的 AI 编程辅助工具,凭借强大的代码理解、工程执行与自动化能力深受开发者喜爱,但原生模型的使用成本相对较高。为了在保持能力的同时进一步降低开销,不少开发者开始寻找兼容度高、价格更友好的替代模型。DeepSeek V4 系列的发布带来了新的选择,该系列包含 V4-Pro 与 V4-Flash 两款模型,并提供了与 Anthropic 完全兼容的 API 接口,理论上只需简单修改配置,即可让 Claude Code 无缝切换为 DeepSeek 引擎。
2790 3
|
4天前
|
人工智能 自然语言处理 安全
Claude Code 全攻略:命令大全+三种模式+记忆体系+实战工作流完整手册
Claude Code 是当前最流行的终端级 AI 编程助手,能够直接在命令行中完成代码生成、项目理解、文件修改、命令执行、错误修复等全流程开发工作。它不依赖图形界面、不占用额外资源,却能深度理解项目结构,自动生成规范代码,大幅提升研发效率。
869 2
|
11天前
|
存储 Linux iOS开发
【2026最新】MarkText中文版Markdown编辑器使用图解(附安装包)
MarkText是一款免费开源、跨平台的Markdown编辑器,主打所见即所得实时预览,支持Windows/macOS/Linux。内置数学公式、流程图、代码高亮、多主题及PDF/HTML导出,是Typora的轻量免费替代首选。(239字)

热门文章

最新文章