让数据展示更好看的秘密，用 Keynote 做好可视化 | 一日一技

之前我的一系列文章都有朋友询问图片的制作方法，尤其是数据方面的。本文就为大家带来纯粹使用 Keynote 的数据可视化制作方法，不仅是静态的图片制作，也包含动态效果的部分。

▍为什么使用 Keynote

Keynote 不仅是一个强大的幻灯片工具，也是简单的制图软件，以及在我看来最好的排版工具。可能是原生 app 的原因吧，Keynote 的参考线、灵活吸取功能比 Sketch 等设计软件还要好用。

文章配图：星级酒店常旅客入门指南

同时，我也认为，作为同一篇文章的配图，既然数据来源不同，各份报告的设计不一致，那么作者也就有统一视觉效果的责任。这就给文章配图增加了不少工作量，而相比 PS 等传统制图工具，Keynote 灵活简单，要修改文件中的数据也很方便，更是可以直接制作动画，比以往的从 AI、PS 到 AE 的制作流程方便太多，虽说 Adobe 的这一套软件功能更强，不论是图片中的如阴影等平面效果里的可调节参数、还是动画的速度曲线、表达式等详尽功能，都丰富极多，但 Keynote 更新这么多年，做个数据图还是够用的，眼下又是扁平化设计的时代，太多复杂元素反而让人觉得不够灵动。

▍数据制图

01 描摹

制图过程也很简单：以柱形图为例，首先将原版的数据截图粘贴进 Keynote 页面，「格式」→「排列」→「最后」锁定在页面下层，继而绘制矩形与其对应。全部绘制完毕后，将所有矩形成组，即可按比例拉伸，排版决定其在页面中的位置。

排版完毕后，用「线段」增加坐标轴，或直接为每个柱形添加数字即可。

柱形图的颜色我习惯使用渐变色，轻盈好看。调节路径为「格式」→「样式」→「填充」→「高级渐变填充」。调整完一个后拷贝样式，即可为所有矩形粘贴样式。

如果不知道拷贝与粘贴样式功能在哪里，可以调整自己的工具栏。

很多人不知道 iWork 套件的工具栏是可以自定义的，只需要在上面右键「自定义工具栏」即可。如果没有什么偏好，建议就按照我图中的方式排列功能。像「拷贝 / 粘贴样式」「锁定 / 解锁」「Alpha」「遮罩」等常用功能，如果不放在工具栏上，就要去繁琐的二三级菜单里寻觅，很是麻烦。

另一个不为人所知的小技巧是，拷贝和粘贴样式这样特别常用的功能可以在「系统偏好设置」→「键盘」→「快捷键」→「App 快捷键」里绑定快捷键，更加方便。我用的鼠标是罗技 MX Master，再在软件中将侧键位置绑定了快捷键。如此，平时做起幻灯片来就非常顺滑，少了很多次鼠标拖拽点击之苦。

02 自制

如果数据是自己手动总结，还未作图，则可以通过 Keynote 自带的图表功能加以编辑，然后再对照描摹，重复上述过程。

为什么不直接用编辑好的图表展示？因为自带图标可供调节的样式太少，大多数情况下都太丑了。

▍数据动画

再来讲讲数据动画的部分。文章写作的配图一般不太需要制作动画，只有讲演和视频时才会动画来锦上添花。

动画的可选项非常多，对于柱形图，我一般使用「划变」，要注意好方向和速度。

对于动画而言，把握出现时机和速度是重中之重，我一般会细调到 0.1 秒为单位。 

Keynote 的动画先后逻辑有三种：「在点按时」「与前一个构件一起」「在前一个构件之后」。「在点按时」顾名思义就是根据你点击鼠标的时间决定，与构件一起或之后则是数个构件一同展示动画的排序，也是数据动画最常用到的动画顺序。「与前一个构件一起」即构件 B 随构件 A 一同变化，「在前一个构件之后」即构件 B 在构件 A 动画完成后再开始自己的动画。

我推荐数据动画以使用「与前一个构件一起」为主。每张数据表里包含数据众多，假设单个柱形变化为一秒，十几个柱形一个接一个变化就需要十几秒，太长。不过，如果动画都是同时开始同时完成，又失去了层次感。

在动画栏的「构件顺序」菜单中，「与前一个构件一起」选项旁，还有一个「延迟」选项，我会在这里选择「0.1s」，这样动画的变化逻辑就是这样的：构件 B 随构件 A 一同变化，但延迟 0.1s；构件 C 随构件 B 一同变化，但延迟 0.2s。这样就赋予了数据出现时的层次感。

由于涉及数据众多，管理好动画栏的对象排序逻辑是很重要的，这就像在 AE 里管理好预合成的先后顺序一样。

为了方便上手，Keynote 也很细心地为不同的构件顺序选择做了不同的菜单栏展示，「在点按时」顺序的目标构件与前一个构件有间隔；「与前一个构件一起」顺序的目标构件与前一个构件间是虚线；「在前一个构件之后」顺序的目标构件与前一个构件间是实线。

掌握了这些，你就可以做基础的数据动画了。

▍导出

静态的数据图表导出只需要按图片导出即可，可选择 JPEG 或 PNG 格式。可选择全部导出，也可单独导出具体页数。

动画导出则有两个选项，一个是录屏，可以用 QuickTime 自带的录屏导出，或者一些软件。

另一个是 Keynote 自带的影片或动画 GIF 导出功能。影片导出设置繁杂，我不推荐。如果导出 GIF，还需注意分辨率和帧率。一般来说，Keynote 自带的 GIF 导出的文件过于庞大，我会选择使用如 Gifski 等软件进行二次压缩。

Keynote 的数据可视化技巧介绍就到这里。其实 Keynote 还有很多好玩的动画可供选择，我这里只是思路展示。而除了数据可视化外，动画功能还能做出一些奇技淫巧的玩意来，比如下图这个路中南表情包。

稿呢？

无限循环

几年前我做过一系列以 Keynote 为载体的五分钟动态演绎教程，反响还不错，几年下来又有了新的心得体会。如果大家感兴趣，我争取多做几个 Keynote 相关教程，分享一下这个可能是整个 macOS 里我最擅长和喜欢的软件的使用技巧。

原文链接：

https://sspai.com/post/76001?utm_source=wechat&utm_medium=social

作者： 拐子狼

责编：广陵止息

/ 更多热门文章 /