AntV
AntV Infographic
文档
参考
示例
AI
企业版

目录

  • Overview
  • 信息图与传统图表的区别
  • 信息图的基本特征
  • 视觉优先
  • 结构化组织
  • 语义清晰
  • 层次分明
  • 设计哲学
  • 快速开始
    • 入门指南
    • 信息图语法
  • 核心概念
    • 设计
    • 模版
    • 数据
    • 主题
    • 资源
  • 自定义设计
    • 自定义结构
    • 自定义数据项
    • 自定义模版
    • 自定义主题
    • 自定义色板
    • 自定义字体
    • 自定义资源加载器
    • 自定义图案
  • 信息图理论
    • 信息图分类
    • 核心理论
    • 信息图构成要素
    • 信息图设计
  • 参与贡献
    • 项目介绍
    • 开源计划
    • 贡献指南
    • 代码规范
    • 提交 PR
文档

信息图理论

信息图(Infographic) 是一种将数据、信息和知识通过图形化方式进行可视化呈现的表达形式。它结合了图形设计、数据可视化和信息传达的优势,用直观、美观的视觉元素来简化复杂信息,帮助受众快速理解和记忆关键内容。

一句话来说:

信息图是一种将复杂信息转化为可视化图形的表达形式

下面分别是一段文本和一张图,你可以尝试分别花 10 秒钟来从中获取信息,对比一下你的感受:

在阿里巴巴,技术人的职级从 P5 到 P10,每一级都对应着不同的职责与能力要求。 P5 是初入职场的执行者,主要负责完成具体任务,在指导下学习和成长; P6 是独立贡献者,能够自主解决问题并交付模块级的工作成果;P7 开始承担更复杂的系统设计与项目推进,成为团队中的技术骨干; P8 则需要具备架构能力,主导大型项目的实施,并在领域内形成影响力; P9 是技术专家或管理者,负责跨团队的战略规划与资源整合,推动业务创新; 而 P10 作为行业领军人物,不仅要在公司内部引领技术方向,还要在行业内树立标杆,为组织带来深远的技术和商业价值。

信息图示例

可以看到,信息图通过视觉化的设计,大大提升了信息的传达效率和吸引力。这正是信息图作为一种强大沟通工具的核心价值所在。

信息图与传统图表的区别

维度传统图表信息图
主要目的精确展示数据叙述故事、传达洞察
设计重点功能性、准确性视觉美感、叙事性
表达方式标准化图表类型自由创意布局
信息密度专注于特定数据集整合多维度信息
受众定位专业分析人员大众传播
视觉元素以轴线、网格为主图标、图形、装饰元素丰富

信息图的基本特征

视觉优先

信息图的核心是视觉传达。根据设计准则,图形总占比应控制在 60% 左右,文本占比约 40%,以充分发挥可视化的优势。在一些强调整体感的设计中,图形占比甚至可高达 80%。

结构化组织

一个完整的信息图通常包含以下基本元素:

  • 标题(Title):概括主题,吸引注意
  • 描述(Description):补充说明,提供上下文
  • 数据项(Items):核心信息单元
  • 图形元素(Shapes):装饰、强化视觉效果
  • 图标(Icons):语义化的视觉符号
  • 连接元素:箭头、线条等,建立信息关系

语义清晰

信息图应遵循中性化设计准则,使用语义明确、国际通用的图形符号,避免情感化或文化特异性元素,确保信息传达的准确性和普适性。

层次分明

通过色彩深浅、图形大小、空间布局等手段建立清晰的视觉层次,引导受众按照设计者预期的顺序阅读和理解信息。

设计哲学

@antv/infographic 致力于让数据叙事更简单、更优雅、更高效。我们认为:

  • 简洁胜于复杂:避免过度装饰,让信息本身成为主角
  • 清晰胜于炫技:追求信息传达的准确性,而非仅仅视觉效果
  • 专业与美感并重:在保证专业性的同时,提供令人愉悦的视觉体验
  • 标准化与灵活性平衡:提供开箱即用的模板,同时支持深度定制

通过理解这些基本概念,你将能更好地运用信息图进行数据叙事,让复杂信息变得简单易懂。

上一章自定义图案
下一章信息图分类

AntV Infographic
Copyright © Ant Group Co.
文档
快速开始
核心概念
自定义设计
信息图理论
API 参考
JSX
API
设计资产
更多
更多示例
AI 在线体验
GitHub
参与贡献
友情链接
AntV
G2
G6
L7
在阿里巴巴,技术人的职级从 P5 到 P10,每一级都对应着不同的职责与能力要求。
P5 是初入职场的执行者,主要负责完成具体任务,在指导下学习和成长;
P6 是独立贡献者,能够自主解决问题并交付模块级的工作成果;P7 开始承担更复杂的系统设计与项目推进,成为团队中的技术骨干;
P8 则需要具备架构能力,主导大型项目的实施,并在领域内形成影响力;
P9 是技术专家或管理者,负责跨团队的战略规划与资源整合,推动业务创新;
而 P10 作为行业领军人物,不仅要在公司内部引领技术方向,还要在行业内树立标杆,为组织带来深远的技术和商业价值。