AntV Infographic
Home
Learn
Reference
Gallery
Icon
Editor
AI
Enterprise

目录

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

信息图理论

信息图(Infographic) 把数据、信息、知识转成可感知的图形语言。它结合视觉设计与数据可视化,用直观的符号压缩复杂信息,帮助受众快速理解并记住重点。

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

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

信息图通过视觉化放大了传达效率和吸引力,让信息“看得懂、记得住”。

信息图与传统图表的区别

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

信息图的基本特征

视觉优先

信息图以视觉为主。通常图形占比约 60%,文本约 40%;在强调画面感的场景里,图形占比还可以更高。

结构化组织

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

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

语义清晰

遵循中性化设计,使用语义明确、通用的图形符号,避免情感化或文化特异性元素,确保信息准确、可迁移。

层次分明

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

设计哲学

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

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

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

Previous自定义图案
Next信息图分类

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