SmartArt 与信息图

SmartArt 的两面性

SmartArt 是把文字一键变成结构图的捷径,快是真快,坑也是真坑。一键生成的 SmartArt 有三个老问题:颜色花哨不统一、形状比例不协调、文字塞得满满当当。用 SmartArt 的正确姿势是把它当 半成品:先生成结构,再手工收拾颜色、比例和留白。收拾过的 SmartArt 完全不输手工画的图,而收拾的时间远少于从零画起。这也正是所有工具的辩证法:工具给你速度,你给它品味。怕的不是用工具,是用完工具就以为结束了。这十几年我见过无数默认样式的 SmartArt 混在各种材料里,一眼就能看出制作者停在了哪一步。

SmartArt 从生成到能用

先选结构再填字

SmartArt 提供几十种结构,别被分类绕晕。工作里最高频的就六种:列表、流程、循环、层级、关系、矩阵。选结构的方法和上一节选图表一样:先问这组文字是什么关系,是并列?先后?包含?对应每种关系有固定结构。选错结构比没图更糟,因为错误的结构会传达错误的逻辑。我见过最典型的例子:把明显的先后流程用并列列表图呈现,读者以为可以跳着做,执行顺序全乱。先想关系再选结构,这个习惯值得反复强调。

文字关系 推荐 SmartArt 结构
并列要点 列表类
先后流程 流程类
闭环循环 循环类
层级组织 层次结构类
对比映射 矩阵或关系类
整体分解 金字塔或棱锥

SmartArt 的文字纪律

SmartArt 最容易坏在文字上。每个框的容量有限,长句子放进去要么溢出要么字号被压小。建议给每个框立个规矩:最多十五个字,一个关键词加一个短句。放不下的内容不是框的问题,是内容没瘦身。看到哪个框挤成一团,就退回文字层面再删一轮,这个动作比反复调框大小有用得多。

文字问题 表现 解决
句子太长 字号被压小 删到十五字内
多句堆叠 溢出框外 只留关键词
层级混乱 标题正文同号 用字号分主次
空框占位 内容不够结构太多 减少节点数量

SmartArt 的动画陷阱

SmartArt 可以整体设置动画,听着方便,实际上坑很多。常见的是逐个节点播放时顺序错乱、动画效果与整体风格冲突、后排观众等得不耐烦。建议:正式汇报里 SmartArt 动画要么不用要么整体淡入。把节奏交给翻页,而不是交给元素动画,这条原则在下一章还会展开讲。

信息图的叙事顺序

信息图不是元素的堆砌,是一次完整的叙事。先讲背景(为什么有这件事)、再讲主体(具体内容分几块)、最后结论或行动号召。放在一张图上看:最上方放标题和钩子,中间是主体板块按逻辑顺序排开,底部收尾或署名。好的信息图读者从头看到尾像读了一篇短文,而不是只扫了一眼就走。给信息图设计叙事感,是从中级走向高级的分水岭。

第一步改颜色:全部统一到主题色系,只留主色和辅助色的深浅,生成的默认彩色一律换掉。第二步调文字:每个框只留关键词和一个短句,长句要么删要么移到框外。第三步调比例:框的大小统一,间距拉开,给每个框足够的呼吸位。三步做完,气质至少提升两个档次。有经验的人会把这三步存成自己的检查清单,每次生成 SmartArt 后照单执行,形成肌肉记忆。时间长了你会发现,所谓高手和普通人的差距,往往就是这种标准动作的差别。另外提醒一句:改完后用灰度模式扫一遍,确认层级不依赖颜色也能成立,这一步常常被忘掉。

SmartArt 的美化边界

SmartArt 的默认样式是 工程感的:颜色饱和、边框规矩、样式统一。想摆脱这种感觉有两个思路。一是极简化:去掉所有渐变和立体效果,纯色填充加细边框,立刻冷淡高级。二是替换形状:把默认矩形换成圆角矩形或圆形,视觉气质完全不同。但记住折腾有度,SmartArt 再美化也还是结构图,别指望它替代有设计感的信息图。聪明的做法是把 SmartArt 当结构工具,把审美交给全局的配色和版式体系来兜底,各司其职。

SmartArt 常见结构速查

什么是信息图

信息图这个词听着高级,本质就是 图文数据的组合表达。一张信息图里通常有:一个鲜明主题、若干图标或插画、少量关键数字、分块的文字说明。它比 SmartArt 更自由、更有设计感,常用于总结页、介绍页、传播海报。做信息图的能力,是前面所有章节功夫的综合应用:版式、配色、字体、图标、数据,全用上。

手工信息图的制作流程

第一步定主题与框架:先确定这张图讲什么、分几块。第二步画草图:纸上或脑子里画出块面的布局,块的数量三到五为宜。第三步填内容:每块一个图标、一个关键词、一两行说明。第四步统一风格:图标一套、颜色一套、字体一套。第五步检查留白与对齐。整个流程的核心是先有框架再填内容,顺序反了就会陷入局部细节出不来。

信息图的三种经典布局

第一种横向分栏:整页分成三四列,每列一个板块,适合并列内容。第二种纵向时间线:从上到下一根线串起各阶段,适合发展历程或步骤。第三种中心辐射:中间一个主题,周围四到六个分支,适合总分结构。三种布局共同点:结构一眼可见、板块大小规整。选哪种看内容性质,这个判断和版式章节的逻辑完全一致。

布局 适合内容 阅读路径
横向分栏 并列板块 从左到右
纵向时间线 历程步骤 从上到下
中心辐射 总分结构 由内向外
网格平铺 同类多项 网格顺序

Keynote 还是 PowerPoint

不同软件做信息图的体验不同,但底层逻辑通用。PowerPoint 的形状和 SmartArt 生态最全,适合结构化表达;Keynote 的对齐和动画手感更好,适合发布会类场景。WPS 等国产软件也提供丰富的在线模板。选哪个不矛盾,关键是把一个软件用透。在软件选择上纠结的人,往往换什么软件都做不好,这话虽然直接但中肯。

信息图的常见坑

第一个坑:元素堆砌,什么都往上放,信息图变成杂物图。第二个坑:数字没有参照系,孤零零一个大数字没有单位没有对比,读者不知道是多是少。第三个坑:图标和文字含义不搭。第四个坑:颜色失控,用了七八种颜色。第五个坑:字体超过三种。这五个坑和整本书反复强调的原则一一对应,到这里你应该能背下来了:克制、统一、对齐。

信息图的数据处理

信息图里的数字要经过处理才能用。不是直接把表格搬过来,而是提炼出最有冲击力的几个:总量、增速、排名、占比。每个数字配上参照系:增长百分之三十放在行业平均百分之十的背景下才有分量。数字越大字号越大,形成视觉层级。这些处理思路和数据图表完全一致,区别只是信息图把数字当主角而不是配角,表现手法更大胆。

信息图的协作与复用

团队里做信息图最好有一套标准流程:文案定稿再设计、设计完统一审稿、定稿后源文件归档。信息图改版成本高,文案阶段多花十分钟,能省掉设计阶段的一小时。归档时把结构模板和源文件一起存,下次同类主题直接套结构换内容,这就是团队效率的来源。信息图复用的颗粒度比模板更细,值得专门维护一个结构库,这也是素材体系的自然延伸。

信息图的尺寸与场景

信息图的最终归宿决定它的尺寸。放进 PPT 一页就要按页面比例设计;发公众号长图就要做成窄长条;印海报要留出血边和打印分辨率。在做之前就想清楚用途,尺寸、字号、密度全跟着用途走,这是新手最容易忽略的前置判断。做完了才发现场景不对,要么图太小看不清,要么图太大装不下,返工成本极高。

好的信息图有二次传播价值:受众会拍照、截图、转发。想让信息图被传播,要做到三点:主题鲜明(一句话能转述)、数字惊人或有用、风格独特到让人想存图。团队介绍、年度成绩、行业科普这三类内容最适合做成信息图。这也解释了为什么很多公司把年报里的核心信息图单独提炼传播。对个人而言同样成立:一张漂亮的能力信息图发到社交平台,比十页简历更容易被记住,简历信息组织的技巧见 程序员简历指南。

信息图素材的积累

日常看到好信息图就存下来,分析它的布局和叙事顺序。积累多了你会发现,经典布局来来回回就那些,创新的是内容组织方式。素材归档的方法直接参考 Obsidian 指南。表格数据做成信息图的方法可以借鉴 Excel 工作台 的可视化思路。

数据的可视化思路,以及 视频剪辑指南 里关于动态信息呈现的节奏控制,两者做长了你会发现底层道理都是同一套。

SmartArt 与信息图的取舍

不是所有内容都值得做成 SmartArt 或信息图。判断标准:内容本身有清楚的结构,且受众结构化阅读的收益大于你制作的成本,就做;内容零散或受众只需要结论,一句话点透更快。工具存在的意义是帮你表达,不是让你证明会用工具。这一条想通了,做材料的整体节奏会舒服很多,这大概也是整章特别想留给你的心态。

延伸阅读

  • 图表类型的选择,看本章上一节
  • 版式与网格的底层逻辑,看本书第二章
  • 素材库的建立方法,看 Obsidian 指南