---
description: "信息图排版，36 种，每条一张版式示意图加一段中文排版 prompt，标题带编号"
---

# 信息图（36 种）

拼接方法见[手绘风格库](../images/handdraw-style/index.md)：画风片段 + 排版 + 色彩 + 你的主题。

### IG-001 · 标题金字塔图标信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-001.webp" alt="标题金字塔图标信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：顶部设置明确标题，主体采用层级递进的金字塔示意图，每一层包含多个带标签的图标，使用分层结构清晰表达信息关系。
````

### IG-002 · 中心主图标注信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-002.webp" alt="中心主图标注信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：主图放在画面中央，周围环绕多个带线标签的注释，连接线分别指向主图的具体部位，对主体结构或细节进行清晰标注说明。
````

### IG-003 · 多行左文右图信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-003.webp" alt="多行左文右图信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。高泛用性多层/多行图文并列结构。排版：顶部设置醒目的主标题区（可包含主标题、副标题、日期/标签或分类标语）；主体由多行（通常 3–5 层）垂直等距对齐的横向模块组成，每一行采用左侧文字信息（时间点/小标题/标签与要点说明）、右侧对应配图（场景插图/实物/产品图）的并列结构，各行保持整齐统一的水平对齐；底部可配置总结提示、实用贴士备忘或简短结语。该版式通用于各类横向分层条目展示，包括但不限于每日行程路线安排、图鉴速览、分类清单、步骤流程、多维度对照或对比等场景。
````

### IG-004 · 双列多行对比信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-004.webp" alt="双列多行对比信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：顶部设置主标题，主体分为左右两列进行对比，每列内部包含多行对应内容；保持两列结构清晰、行项相互对齐，突出不同对象之间的逐项比较关系。
````

### IG-005 · 大主视觉下方图鉴信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-005.webp" alt="大主视觉下方图鉴信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。整体采用“顶部超大标题＋中部大型结构主视觉＋下部图鉴式分类单元”的纵向结构。顶部设置一行醒目的大标题，字号明显大于其他文字，横向展开，占据独立标题区，并与下方内容保持清晰间距。画面中部放置一个尺寸很大的完整主视觉，占据画面主要宽度，作为整张卡片的核心；主视觉内部可根据自身结构划分若干区域，并直接嵌入简短标签，使文字与主视觉形成一体化标注，不拆成多个独立卡片。画面下部排列多个尺寸较小的独立视觉单元，采用规则但不过分拥挤的多列布局，每个单元由“小视觉＋下方短标签”组成，尺寸尽量统一，横向和纵向间距稳定，形成图鉴、目录或分类展示的扫描节奏。小单元数量可以较多，但必须明显小于中部主视觉，不使用复杂卡片框，依靠留白、对齐和重复结构建立秩序。整体阅读顺序为顶部标题→中部整体结构→下部细分类单元，避免左右分栏、复杂装饰和不规则拼贴。
````

### IG-006 · 多层标题图标对比信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-006.webp" alt="多层标题图标对比信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：设置一个主标题，主体由多个层级组成，每一层左侧放置该层标题，右侧整齐排列多个带文字标签的图标，用于呈现不同层级之间的对比关系。使用纯色背景，保留较多留白空间，整体构图简单。
````

### IG-007 · 粗体标题标签小图卡

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-007.webp" alt="粗体标题标签小图卡" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：粗体标题，多行带标签小图，底部一行字，纯色背景，无框，较多留白空间。
````

### IG-008 · 多路径流程步骤图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-008.webp" alt="多路径流程步骤图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：设置一个主标题，主体采用流程步骤图结构，步骤路径可以是横向、纵向、S 形或其他清晰的路径式布局。每一步只包含一个小图和一句简短说明，步骤之间通过方向、顺序或适度引导关系连接。保留大面积留白，避免复杂装饰和过多文字。
````

### IG-009 · 时间轴节点信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-009.webp" alt="时间轴节点信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：设置一个主标题，主体采用时间轴型结构，用一条清晰的主轴串联多个节点。时间轴可以横向或纵向展开，每个节点包含一个小图、一个时间信息和一句简短说明。保持节点顺序清楚、层级明确，并保留大面积留白，避免复杂装饰和过多文字。
````

### IG-010 · 阶段等级进阶信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-010.webp" alt="阶段等级进阶信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：阶段进阶型，重点展示由低到高的等级变化和阶段提升，不以时间先后为组织依据。顶部设置简短醒目的主标题，主体可采用阶梯、上升箭头或清晰的层级结构，使进阶方向一目了然。各阶段配简洁小图、等级名称和简短说明，层级关系清楚，文字从简。保留大面积留白和舒适的阶段间距，构图简洁。
````

### IG-011 · 前后变化对比信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-011.webp" alt="前后变化对比信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：Before / After 型，前后变化是绝对视觉重点。将画面组织为前后两个主要区域，可以左右排列，也可以上下排列；两部分之间只放箭头、日期或极少量说明，用来表达变化方向。Before 与 After 各自呈现完整、可直接比较的主视觉，标签和文字保持简洁。保留大面积留白，避免复杂装饰和过多辅助信息。
````

### IG-012 · 分层结构型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-012.webp" alt="分层结构型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：分层结构型，围绕天然存在的层级关系组织信息，可以表现为上中下、内中外、表层深层或由基础到核心的多层结构。设置清晰的主标题，主体通过层层嵌套、上下分层或由下至上的结构展示不同层级；每一层配简洁名称、短句或小图，保持层级顺序和阅读关系明确。保留大面积留白，避免复杂装饰、过密文字和无关模块。
````

### IG-013 · 漏斗转化型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-013.webp" alt="漏斗转化型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：漏斗型，上宽下窄，通过逐层收窄的结构展示从广泛进入、筛选、转化、淘汰到聚焦沉淀的过程。设置清晰的主标题，漏斗各层配简洁的阶段名称、短句或小图，突出人数、对象或范围逐步减少而重点逐步集中的关系。层级顺序应清楚，保留大面积留白，避免复杂装饰和过多文字。
````

### IG-014 · 四象限矩阵信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-014.webp" alt="四象限矩阵信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：矩阵型，以两条相互垂直的轴将内容划分为四个象限，优先采用清晰易读的 2×2 结构。设置一个主标题，并明确标注横轴、纵轴及其两端含义；每个象限放置一个主题单元，可包含简短标题、小图和少量说明。四个区域保持对齐、间距均衡和比较关系明确，保留大面积留白，避免复杂装饰和过多文字。
````

### IG-015 · 坐标散点型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-015.webp" alt="坐标散点型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：坐标散点型，在一个清晰的坐标空间中散布多个不同对象，通过它们在横轴和纵轴上的位置表达分类、倾向或关系。设置一个主标题，明确标注横轴、纵轴及两端含义；每个对象由简洁的小图、名称和少量说明组成，位置分布应有辨识度并便于比较。保留坐标区域周围的大面积留白，避免复杂装饰和过多文字。
````

### IG-016 · 分类树状型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-016.webp" alt="分类树状型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：分类树 / 树状型，从一个核心大类或根节点开始，向下分成若干主要小类，再继续分解为更细的子类或末端节点。设置清晰的主标题，根节点位于顶部或中心上方，各级节点通过连线体现所属关系和分支路径。每个节点使用简短名称或极少说明，层级深度、分支顺序和阅读路径必须清楚。保留适度留白，避免过度装饰和无关信息。
````

### IG-017 · 思维导图型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-017.webp" alt="思维导图型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：思维导图型，中心主题作为核心节点，向外延伸多条分支；每条分支包含若干短标签或小图标，清楚表达从中心到子主题的层级关系。避免规则表格和过密文字，使用自然弯曲的连线、适度留白和简洁角色概括形成清晰阅读路径。
````

### IG-018 · 关系网络型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-018.webp" alt="关系网络型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：关系网络型，多个对象分布在画面中，用不同颜色或粗细的连线表达合作、影响、依赖或关联关系。可以只有弱中心，不要求所有节点平均分布；节点名称保持简短，整体留白充足，避免复杂表格和密集说明。
````

### IG-019 · 循环闭环型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-019.webp" alt="循环闭环型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：循环闭环型，多个阶段围成圆形或环形路径，用连续箭头串联，强调持续循环、反馈和迭代，而不是开始到结束的单向流程。中心保留标题或核心结论，节点配小图和短句，留白清楚，避免拥挤。
````

### IG-020 · 路径地图型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-020.webp" alt="路径地图型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：路径地图型，一条弯曲、蜿蜒或游戏地图式路线贯穿画面，沿途安排多个编号节点、地点或阶段。每个节点配一个小视觉和一句短说明，用箭头、虚线或路标表达探索方向；不必是真实地图，重点是路径和节点关系，保留大面积留白。
````

### IG-021 · 真实地图标注型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-021.webp" alt="真实地图标注型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：真实地图与标注型，以真实地图轮廓、街区、水系或区域关系作为主视觉，在地图上放置地点标记、极短说明和少量小图标。标注需避开主体遮挡，层级清楚，图例简洁，避免把地图做成密集列表。
````

### IG-022 · 数字大字型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-022.webp" alt="数字大字型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：数字大字型，以一个或多个超大数字作为绝对视觉主体，周围只放极短解释、单位或对象名称。数字要占据主要面积并形成强烈冲击，其他元素弱化，背景大面积留白，不加入复杂图表。
````

### IG-023 · 排行榜型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-023.webp" alt="排行榜型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：排行榜型，按1、2、3、4、5的明确顺序排列对象。每个对象配一个小图、名称和一项核心数据，可采用纵向排行、奖台或错落分层结构。重点突出名次差异和第一视觉对象，避免退化成普通无序清单。
````

### IG-024 · 比例构成型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-024.webp" alt="比例构成型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：比例构成型，使用圆环图、饼图、100人图标或色块面积表达整体中各部分所占比例。设置清晰图例和少量百分比标注，主图最大，说明简短，颜色区分明确，留白充足，避免堆叠过多指标。
````

### IG-025 · 尺度比较型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-025.webp" alt="尺度比较型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：尺度比较型，让多个对象按真实或相对大小从小到大排列，视觉尺寸本身直接传递比较信息。对象高度概括，配极短名称或阶段标签，用基线、箭头或少量刻度强化递进关系，保持构图简单和大面积留白。
````

### IG-026 · 拆解爆炸图型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-026.webp" alt="拆解爆炸图型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：拆解爆炸图型，一个完整物体作为主体，多个零件或组件从主体中分离并围绕主体展开，用引导线说明每个组件的名称、用途或组成关系。重点表现“由什么组成”，不要做成普通标注图；角色高度概括，构图简单，大量留白。
````

### IG-027 · 剖面截面型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-027.webp" alt="剖面截面型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：剖面 / 截面型，把一个整体建筑或物体切开，直接展示内部空间、楼层和功能分区。剖面主视觉占据主要面积，旁侧配置少量楼层标签或极短说明，切口和内部结构必须完整可读，角色高度概括，保留大量留白。
````

### IG-028 · 连续场景信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-028.webp" alt="连续场景信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：连续场景型，整张图是一幅连贯的空间或时间场景，多个信息节点自然藏在道路、人物、建筑和道具中。不要拆成卡片或规则网格；用场景关系串联信息，角色高度概括，构图简洁，保留大片天空、地面或背景留白。
````

### IG-029 · 人物群像标签型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-029.webp" alt="人物群像标签型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：人物群像 + 标签型，多个角色自由站位，不必形成规则宫格。每个角色配一个短标签或极短说明，角色之间保持清楚间距和视觉平衡，可用姿态、道具和大小差异表达区别。角色高度概括，背景大面积留白，避免复杂装饰。
````

### IG-030 · 一大多小知识图谱型信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-030.webp" alt="一大多小知识图谱型信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：一大多小知识图谱型，设置一个占据主要面积的大型核心图，作为画面最重要的视觉主体；在核心图周围分布若干尺寸明显更小的视觉单元，每个单元配一个极短标签、名称或说明。小单元围绕核心主题形成知识关联，但不要求规则网格或完全平均分布；通过留白、位置和适度连接表达整体关系。角色高度概括，构图简单，保留大量留白。
````

### IG-031 · 百科全书式信息卡

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-031.webp" alt="百科全书式信息卡" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：百科全书式信息卡。采用“顶部主标本展示区 + 中部非对称多模块信息区 + 底部资料来源区”的三段式结构。顶部以主视觉实物/标本为核心，搭配标题、学名/副标题、分类标签与少量基础信息。中部通过细线网格、坐标系统和黄金分割组织6–10个信息模块，混合小标题、短文、图解、对比、数据条、地图、时间轴等形式，整体图文混排、秩序清晰、留白充足。底部设置弱化的编号、注释或来源说明区，整体呈现标本馆档案与现代博物馆导览牌融合的理性设计感。
````

### IG-032 · 手绘编辑式知识信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-032.webp" alt="手绘编辑式知识信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：手绘编辑式知识信息图。采用“顶部超大标题 + 中部大型核心主视觉 + 周边多个带数字编号的知识点模块 + 底部总结区”的构图。核心主视觉明显大于其他元素，作为全图视觉中心；周围自然环绕分布4–8个知识点模块，每个模块带有清晰醒目的数字序号（如01、02、03、04）建立列表感与阅读动线。每个编号模块包含短标题、简短说明和一个小型视觉解释（如小场景插图、图标、对比、流程、思维泡泡或微型漫画）。模块围绕核心视觉灵活排布，非僵硬规则宫格，允许箭头、标签、对话气泡与手写注释穿插连接。底部设置一句话总结、关键词提炼或checklist清单区收束全图。整体呈现杂志编辑插画、知识信息图与轻漫画叙事融合的生动手绘质感。角色高度概括，构图简洁，较多留白。
````

### IG-033 · 讲义式高密分析信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-033.webp" alt="讲义式高密分析信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：讲义式高密分析信息图。一页高信息密度的讲义式分析排版，整体呈现“先总览、再分解、再总结”的清晰结构。顶部设置主标题栏与核心要点/速览区；中部为主体分析区，由多个带编号的独立分析卡片模块组成，各模块包含要点小标题、项目符号清单、公式框与局部图解说明，并穿插表格容器、步骤流程区与思维导图/流程连接区，通过不同大小的内容区形成丰富的视觉节奏；底部设置通栏重点结论区与易错提醒/避坑说明区，辅以边缘补充说明区与角落批注小框。版面遵循从上到下、从左到右的严谨阅读顺序，分区明确、容器边框分明，不做海报式单一视觉中心布局，不做机械均分网格，不添加知识点以外的纯装饰性图像元素。
````

### IG-034 · 编辑式等距轴测全景地图信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-034.webp" alt="编辑式等距轴测全景地图信息图" width="320" loading="lazy" decoding="async"/>

````text
小红书信息图。排版：编辑式等距轴测全景地图信息图。采用纵向长幅构图，以一个连续展开的等距轴测微缩世界作为画面主体。主视觉像一座沿纵向自然生长的小型城市、主题乐园或幻想产业园，由多个大小差异明显、造型各异的独立场景节点组成。整个轴测世界集中在画面中央区域，但不要铺满画布，四周保留大量纯净背景和呼吸空间。场景节点不要按照规则网格排列，也不要切成等大的流程模块。建筑、设施、商店、工厂、交通工具、特殊装置等以不规则方式错落组合，通过道路、车辆、传送结构、空间方向或视觉动线产生联系。构图强调“一张完整世界地图”，而不是“多个步骤依次排开的流程图”。可以存在流程关系，但流程隐藏在空间叙事之中，不使用明显的大箭头串联所有节点。核心节点可以明显放大，次要节点缩小，局部甚至可以出现非常夸张的大型标志物、广告牌、纪念碑式装置、特殊建筑或巨型物件，以制造视觉节奏和幽默感。文字信息不要覆盖整个画面。标题、编号、简短说明、小型图例和局部注释主要放在画面外围留白区域，与附近场景进行弱连接。避免大量白色信息卡、统一尺寸说明框、规则章节标题和密集参数表。整体采用极简的二维轴测线稿插画语言：辅助色A细线轮廓、辅助色B建筑主体、主色背景及少量主色填色，基本限制在三色体系。无渐变、无真实材质、无复杂光影。建筑与设备保持高度概括、图标化和卡通化，不追求工程结构准确度；加入大量非常小的人物、动物、车辆和幽默互动细节，使整个世界具有“主题乐园地图 / 杂志插画地图 / 品牌世界观海报”的感觉。重点：大留白、中央连续轴测世界、不规则节点、大小强对比、外围零散注释、趣味叙事。避免：满版工业园、规则分区、标准流程卡、密集文字框、大量流程箭头、写实工厂、工程制图感、所有节点尺寸一致。
````

### IG-035 · 2.5D等距轴测微缩场景

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-035.webp" alt="2.5D等距轴测微缩场景" width="320" loading="lazy" decoding="async"/>

````text
排版：2.5D等距轴测微缩场景。2.5D视角，等距轴测构图，微缩场景表现。
````

### IG-036 · 迷宫大侦探高密度轴测全景信息图

<img src="../images/handdraw-style/assets/images/layouts/infographics/IG-036.webp" alt="迷宫大侦探高密度轴测全景信息图" width="320" loading="lazy" decoding="async"/>

````text
排版参考：<迷宫大侦探>式高密度轴测探索全景。
1. 轴测俯瞰视角：采用约45°斜向俯瞰的轴测视角，同时清晰展示大场景顶部、侧面、空间动线与内部活动区域，整体保持统一的空间观察角度，减少透视变形。
2. 多层次立体空间布局：多种场景元素交错立体排列，通过前景、中景、远景以及高低错层形成深远的空间纵深感，不同高度与楼层的场景相互连通，形成连续、可探索的空间结构。
3. 多局部高密度构图：局部区域元素密度较高，但保留适当呼吸感留白；画面容纳大量人物、建筑构造、道具和独立事件，元素分布密集且保持清晰间隔，避免相互遮挡或视觉混乱，画面各区域均有可供观察的丰富内容。
4. 多中心分区叙事：整体画面由多个相互关联的局部小型场景组成，每个区域具有相对独立的主题、人物活动和事件，不依赖单一视觉中心，形成多个局部视觉焦点，共同拼合构成宏大完整的统一大场景。
5. 连续式视觉动线：通过通道、阶梯、走廊与道路动线建立连续的视觉引导路径，各场景沿动线自然衔接，不采用割裂的分格框线排版，观看顺序具有开放性，可从不同位置进入并自由探索。
6. 大场景与微细节嵌套：大型建筑框架与道路构成宏观空间骨架，中型场景承载具体活动与事件，小型人物、道具、标识和微型细节填充局部空间，形成“大区域—小场景—微细节”的三级清晰信息层级。
7. 全局均衡与局部变化：画面整体元素分布相对均衡，无单侧严重堆积失衡；局部通过建筑高度、空间尺度、人物数量和活动密度制造节奏起伏，在高信息密度下保持高度的空间秩序与各区域识别度。
````
