如何快速制作「一图看懂」

花火田丁 花火田丁 2020-01-15 15:59:28 +0000

题图来自于NextDay


已经不记得是什么时候开始流行起长图版本的信息数据图了,一时间冒出了很多「一图看懂 XXX」系列。

但之前看到的时候,没仔细研究过具体做法,想着应该是用 PhotoShop 等作图软件做的吧,今天想给新产品做个单页,做个「一图看懂」也不错。

除了 PhotoShop,还有更简单的方法来实现「一图看懂」。长图并不是生来就是长图,也是由一张张的小图拼接而成的,有了这个思路,那么我们就准备一些小图就好了,但产品说明或者数据报告这种类型的内容,我们一般不会直接做图,尤其是非设计师人士,那么就用我们熟悉的工具来做吧。

Windows 下可以用 PowerPoint,Mac 下用 Keynote。按照平常那样做好一个 PPT 或者 Keynote。以下以 Keynote 为例,PPT 同理。

第一步,做好的 Keynote 导出为图片。

在导出选项中,可以选择指定的页,默认是全部。Keynote 会提示你输入一个文件夹的名字,随后所有的页面将以 JPG 的格式保存到该文件夹下,假设我们的文件夹名字为 20200115

图片来自 Keynote 截图

第二步,生成图片清单

打开 Mac 的命令行,通过 cd 命令切换到 20200115 目录下(路径是上一步你选择的路径),通过 ls 命令生成一个 filelist.txt 的文件,文件内容是该目录下所有 jpeg 文件的文件名。

cd /users/你的用户名/documents/20200115
ls *.jpeg >> filelist.txt
图片来自截图

第三步,生成长图

这里我们需要用到一个图片工具 ImageMagick,我非常喜欢的一个图片工具,无比强大 (参见 如何用 ImageMagick 处理图片),安装过程请自行搜索。

montage @filelist.txt -geometry +0+0 -tile 1x4 final.jpg
一图看懂 By 町

montage 命令还有很多参数可选,包括拼接的方向,九宫格,四格漫画,横向拼接都不在话下。

一图看懂,是不是超级简单?

另,长图内容请无视,时间关系,只是做个例子哈。


关于「HOW TO」系列

这个系列的初衷,我在 回归初心 中提到的,因为平时写的关于「WHY」或者心理活动方面的文章,「HOW TO」系列更偏向于实用。另外一点在于,我发现,有些本行业内认为小儿科或者不值得一提的工具或者方法,对于大多数行业外的人来说,还是比较陌生的,本着「抛砖引玉」的想法,想让大家可以通过这些「砖」打开思路,也可以了解到一些平常不太接触得到的一些东西。

旧文参考:

如何用 RSSHub 打造个性阅读器

QuickTime Player 实用技巧

如何用 ImageMagick 处理图片

如何用 iMovie 做看上去很高级的视频

如何用 Python 写一个最简单的爬虫

如何用 ffmpeg 处理视频

如何用 ifttt 做一些自动化提醒



撒欢吧
谈理想
聊人生
讲故事
相对论
花火田丁
微信号:huahuoding
花火田丁
不折腾不人生