• 2020 年艺术院校考试招生简章汇总

  • 水蓝 + 浅灰,简约空间的浪漫清新

  • 清新极简!DÉL 化妆品包装设计

  • Tezo 把「潮店」开到了 ChinaJoy

  • Veloce 自行车鞍座光滑且符合人体工程学,高端设计为比赛者助力!

  • 网易邮箱大师更换新 LOGO,五条斜杠组成「邮」字

  • Hothouse——拱棚里的“热带雨林”!

  • 开启创意盛宴丨平安信用卡牵手学院奖为青春打 CALL

  • 这样极致的体验感,你真的拥有过吗?

  • 色彩活力!Silk 植物蛋白饮料包装

  • BKID 打造混合型可伸缩犬用胸背牵引绳

  • STILFORM INK——这是一款屡获殊荣的钛金属钢笔!

  • 头条告了油条:关心你的,不止头条,还可能是一根油条!

  • 坚持原创力量,沃科于“设计中国北京 2020”呈现可持续办公生命力

  • 美轮美奂!Daniel Rericha 旅游风景摄影作品

  • Aurora - Artificial Intelligence Brand Interactive Design

  • 微软正式发布 Surface Hub 2 是协同工作的未来吗?

  • 餐厅与产品的用户引导设计

设计

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

贡献者: 彩云译设计 来源:weixin 时间:4个月前 热度:

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

大家好,我是彩云。最近有不少设计师朋友在我的设计交流群里问作品压缩相关的问题,其实我之前在视频号上有发过我的一些经验的。但是肯定有很多人还没看过,所以就干脆再写一篇文章详细介绍作品压缩相关的问题吧。


1. 为什么需要压缩作品

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

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

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

2. 压缩作品集的正确流程

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

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

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

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

3. 压缩工具的选择

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

pic_001.png

tinypng 网站截图


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


640.gif

4. 压缩进阶技巧

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

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

pic_002.png

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


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

pic_003.png

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


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

5. 压缩实验案例

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

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

pic_004.pngpdf 压缩前有 22.5Mpic_005.png

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


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


pic_006.png

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


pic_007.png

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


6. 其他情况

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

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

7. 总结

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

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

最后总结下我介绍的方法核心:先压缩图片,再制作 pdf,最后作品集就会体积小,清晰度高,学到了吗?分享给身边有需要的小伙伴吧。我是彩云,关注我持续获得实用小知识!

 

彩云译设计

彩云,设计师一枚,每周一晚9点,准时更新一篇原创国外精选设计译文。欢迎对设计前沿知识感兴趣的朋友订阅、转发,期待和大家共同进步。

评论 条回复
扫进你口袋
微信搜索Arting365design 或 扫描二维码
© 2017 Arting365 Corporation, All right reserved.