PDF 的制作工具说明

PDF 一直是 UI 设计师作品集输出的最重要载体，但 Figma 等软件本身并没有很好的支持 PDF 文件的导出，导致制作的 PDF 文件体积庞大臃肿。很长一段时间里大家都在纠结如何压缩 PDF 文件，在网上找各种插件和工具，比如下面这些。

这些网站的效果并不是特别理想，且在体验并不是特别好的情况下还要收费，很多人急着导出文件只能捏着鼻子冲了。

为了解决这个问题，我们其实分享过如何使用 PS 来进行 PDF 的制作与压缩，但毕竟还要开一个独立的软件，很多同学现在也没装 PS，所以这次我们干脆更进一步，直接做个网页版的 PDF 制作工具，帮助大家更简单高效的输出作品集。

使用这个工具的准备工作，需要先完成作品集的设计（这个帮不了你们），然后将所有页面导出成 JPG 保存到本地，再将这些 JPG 全部拖入到图片区域中完成置入。

如果已经导出过 PDF 想做压缩，也可以拖拽 PDF 文件进入，会得到类似的效果。但整体上还是建议大家使用 JPG 去合成 PDF，而不是拿 PDF 压缩。过大的 PDF 文件不好压缩，且会出现各类错误，从一开始就不应该导出这种超大文件（比如 Figma 直接导会是 3x）。

导入完成后，下方区域点击预览按钮可以模拟生成 PDF 以后的排列效果，方便大家做检查，图片的排序是否准确，以及是否还需要做出修改。如果还需要更换里面的图片，可以直接从本地拖拽新的 JPG 覆盖到原图上就能完成替换。

在作品集的应用场景中，投递和现场演示需要的规格是不同的，比如 Boss 直聘的投递要求小于20MB，所以需要对作品集进行大幅度压缩，会损失清晰度。但要进行现场演示或者微信、邮箱发送时，尺寸的要求就可以放宽，所以作品集文件往往要准备多个规格。

我们在右侧提供了添加不同导出规格的按钮，每个导出规格可以独立设置应用的宽度和压缩比例，上方会显示预估的文件体积。建议添加一个小于20MB的线上投递版本，以及一个50MB以内的微信/邮箱投递版本，还有一个100MB上下的演示版本。

全部设置完成后点击导出，就可以下载对应的 PDF 到本地文件夹了。

目前这个工具已经放到线上，大家可以通过下面的链接访问，后续还会增加一个动效 GIF 转换的工具上来。

https://pdf-merge.apps.uxbaike.com/

结尾

工具只在我们的使用环境下测试，如果你们碰到导出问题可以单独截图给我们留言，会尽快改进。

最近还会逐步上线 UI 设计中常用的各类工具，大家有需求也可以在评论和社群里提出来。

本周三我的体验设计全能班【全新AI变强版】开课了，这次课程工具和资料全部使用配套的自研课程平台，上课体验更顺滑，想学就来乌拉！

课程介绍：即将开课 | 提升UI/UX设计实力的时候到了

我们下篇再贱~