大家好,我是彩云。最近有不少设计师朋友在我的设计交流群里问作品集压缩相关的问题,就干脆再写一篇文章详细介绍作品集压缩相关的问题吧。

为什么需要压缩作品集

小而美的东西,大家都比较容易有好感,作品集也一样。体积小的作品集,对接收者来说,下载速度快,占用时间少,打开少卡顿,体验良好。你要知道,大部分面试官平时都巨忙,一份体积小,压缩得当的作品集是会有印象分的,相反,一份几十上百 M 的作品集发过来,光下载就要等好一会儿,能有好感吗?

另外,很多需要上传作品集的网站对于作品集附件都是有体积要求的,像腾讯,拉钩,上传的作品集附件就是 10M 以内,压缩就变成了一件必须要做的事了。我知道很多人会说,作品集很难压缩到这个程度,或者说体积虽然压缩到了,图片质量却惨不忍睹。

其实是有方法的。今天就跟大家分享我的压缩小经验,让作品集又小又清晰。话说,我当时面试腾讯的作品集有 80 多页,大小也才 9M,重点是还很清晰,用的就是我下面要说的方法。

压缩作品集的正确流程

现在大家都知道,设计师找工作需要带上简历(word)+作品集(pdf)。不选择 keynote 或者 ppt 的原因是因为字体可能会丢失,格式可能错位,或因版本不同打不开之类的,你做的美美的作品集,很难想象在面试官电脑上打开会成什么鸟样。

很多朋友在最后输出 pdf 时,首先想到的就是找在线 pdf 压缩工具,但很多在线工具上传下载麻烦不说,最主要是压缩效率也很差(有不少甚至还是收费的)。

那针对 pdf 的压缩,我的方法是先把作品集输出成图片,再把图片通过 ImageOption 之类的工具压缩后转成 pdf 就 OK 了。

如果用 ImageOptim 对图片进行压缩,一般使用默认设置就够了,默认设置几乎可以让图片做到无损,但也会压缩的比较小。如果你还想再小一点的话,可以手动设置有损压缩,调整到你需要的压缩比,注意压缩后的展示效果哦。

压缩工具的选择

我知道很多人经常会用 https://tinypng.com 这个网站去压缩图片,但用这个网页压缩会有 2 个问题,一方面是没法设置压缩比例,另一方面是每次只能压缩 20 张,而且压缩完你还得下载下来,非常麻烦。

如何正确压缩你的作品集,来看看腾讯高级视觉设计师的经验

△ tinypng网站截图

所以,我在压缩的时候选择的工具是 ImageOptim。它的优势在于能一次性批量压缩 N 张图片,且交互方便,直接拽进去就 OK 了,压缩文件也不需要你另存,直接保存在原文件夹,而且还能设置压缩比例。相当省时间,时间就是金钱啊,朋友们!早一分下班都是好的!

如何正确压缩你的作品集,来看看腾讯高级视觉设计师的经验

此软件为 Mac 专属,Win 系统可以试试这个:

压缩进阶技巧

如果按上面那个操作后,依然觉得大的,还可以使用进阶压缩技巧,简单说就是对不同图片设置不同压缩比。

对于作品集中不大需要展示像素级细节的页面,可以适当设置更高的压缩比,比如文字型页面,插画型页面和运营类页面等等(当然如果你觉得这些能展示你的核心优势,那可以适当放宽)。

如何正确压缩你的作品集,来看看腾讯高级视觉设计师的经验

△ 压缩比设置参考,可根据实际情况来判断,以不影响视觉效果为准

而对于作品集中需要展示像素级细节的页面,可以适当设置放宽压缩比例,比如图标细节页面,界面细节页面等等。

如何正确压缩你的作品集,来看看腾讯高级视觉设计师的经验

△ 压缩比设置参考,可根据实际情况来判断,以不影响细节展现效果为准

这样根据不同页面,单独压缩,可以获得更好的展示效果,同时也使得作品集更加精致,加分!

压缩实验案例

前面说了那么多,有些人可能不相信这样真的有效。为了验证我的方法确实是有效的,我给大家做了一个小实验(没错,就是这么严谨)。

我准备了一个 10 页的作品图,导入 keynote 转成 pdf 后有 22.5M 大小,然后我丢到一个常用的 pdf 在线压缩网站进行压缩,压缩后的尺寸是 17.27MB。

如何正确压缩你的作品集,来看看腾讯高级视觉设计师的经验

△ pdf 压缩前有 22.5M

如何正确压缩你的作品集,来看看腾讯高级视觉设计师的经验

△ 在线 pdf 压缩工具压缩后有 17.27M

然后,再用我常用的办法,先压缩好图片,然后同样导入 keynote,再生成 pdf,这时候神奇的事发生了,此时的 pdf 的体积是 9.2M。

如何正确压缩你的作品集,来看看腾讯高级视觉设计师的经验

那有人会怀疑,体积小了清晰度会不会损失呢?其实不会,我们来对比下,至少肉眼根本看不出来,甚至比在线压的 pdf 还要更清晰。

如何正确压缩你的作品集,来看看腾讯高级视觉设计师的经验

△ 我选的原图本身就有略微模糊,对比细节效果观察即可

其他情况

作品集的压缩有时候也是需要灵活处理的。如果是投递简历的时候,在邮件中或网站中以附件形式的作品集,肯定是压缩的小一点,体验才好,因为这样会减少看作品集人的成本。

但如果,你已经跟面试官单聊了,或者现场沟通了,其实作品集压不压都不大要紧,以作品展示质量最高为佳。我通常都会准备 2 份作品集,一份压缩版的,用于附件方便发送,还会再准备一份无压缩版,用于现场面试用的,这样展示效果最佳。

总结

作品集的压缩虽然是一件小事,但做好了也会提升面试体验。不单从自身角度来考虑,也需要优化对方的体验,往大了说,也是一个用户体验的过程,而我们不就是为体验负责的一群人么。

我在平时看过很多人的作品集,也帮忙提出过非常多的优化建议。但是有些作品压缩的太模糊,真的是很吃亏的一件事,本来非常好的作品,却无奈看不清细节,很是可惜,希望大家也都注重这块的问题吧。

最后总结下我介绍的方法核心:先压缩好图片,再制作 pdf,最后作品集就会体积小,清晰度高,学到了吗?分享给身边有需要的小伙伴吧。

更多作品集压缩方法:

欢迎关注译者的微信公众号:「彩云译设计」

如何正确压缩你的作品集,来看看腾讯高级视觉设计师的经验

收藏 959
点赞 77

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。