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

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

为什么需要压缩作品集

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

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

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

压缩作品集的正确流程

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

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

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

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

压缩工具的选择

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

△ tinypng网站截图

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

压缩进阶技巧

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

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

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

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

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

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

压缩实验案例

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

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

△ pdf 压缩前有 22.5M

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

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

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

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

其他情况

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

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

总结

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

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

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