图
图不是文字的装饰。一个好图能让你一眼看见谁和谁有关、哪里是层级、哪里是流动、哪里是边界。它把需要在脑子里来回保持的关系放到纸面上,让理解从“记住很多句子”变成“看见一个结构”。
关键结构图
当前相关远处弱强
三个节点分别是元素、关系、布局,共同连到中心的“图”,边上标出层级、流程、网络和对比四种用途。
What
图是用位置、形状、连接和层级把关系表达出来的可视化结构。
图是一种视觉表达形式,用节点、线条、区域、方向和比例承载关系。它适合展示结构、流程、对比、层级和系统。它的边界是,图必须服务理解;如果图比文字更难懂,它就失去了价值。
Structure图 = 元素 + 关系 + 空间布局
When
当文字里出现很多关系、步骤、层级或反馈循环时,考虑用图把结构外化。
How
先确定图要回答的问题,再选择图形类型:层级、流程、网络、对比还是反馈。最后删掉与问题无关的视觉元素。
Examples
解释 DIKW 时,阶梯图比一长段定义更直观,因为它让读者看到数据到智慧的层级上升。
解释拖延循环时,反馈环比列表更有效,因为拖延的关键不是一个步骤,而是短期舒服和长期压力的循环。
来源
类型:设计实践 / 信息可视化
事实线:信息可视化和图解设计常用空间关系表达文字难以快速呈现的结构,例如层级、流程、反馈、对比和网络。
依据:图解、视觉设计、概念图、信息架构和 1000 Bricks 中 Concept Diagram 的实践规则。
边界:适用于解释关系、结构、流程和系统;不适合为了好看而强行图形化,也不适合掩盖证据不足。
常见误读:不要把图当成视觉装饰。图的任务是降低理解成本,不是用复杂视觉制造专业感。