一、全文速览图
设计师作品集用PDF还是个人网站？看完这篇就知道怎么选！一、全文速览图 随着 AI 编程越来越强大，制作设计师个人主页的门槛也越来越低，我们可以很轻易地制作并上线自己的个人主页，免去前端的编程和代码调试。阅读文章 >
二、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 设计中常用的各类工具，大家有需求也可以在评论和社群里提出来。
我们下篇再贱～