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

用户头像
深圳/交互设计师/6年前/3670浏览
如何正确压缩你的作品集,来看看腾讯高级视觉设计师的经验
用户头像
彩云Sky

因为作品集不正确压缩而丢失品质感,在面试中是最血亏的一件事

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


1.为什么需要压缩作品集

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

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

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

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

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

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

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

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

3.压缩工具的选择

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

tinypng网站截图

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


4.压缩进阶技巧

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

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

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


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

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


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

5.压缩实验案例

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

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

pdf压缩前有22.5M

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

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


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

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

6.其他情况

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

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

7.总结

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

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

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


115
阅读原文
|
举报
|
316
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】积分icon
UI通用设计素材1
智能家居中心 简约 UI设计组件库
【新年UI图标】30个图标
盲盒APP UI设计
拟物风质感写实UI卡片合集源文件
高级表盘系列UI源文件
Security Camera UI kit
3D渐变流体抽象矢量UI背景图
【新年UI图标】相机icon
【新年UI图标】活动icon
钱包ui模板
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
户外旅行飞机情侣假日出行
新能源APP应用UIKit
UI 登录界面设计模板包
UI界面 组件
科技医疗透明柜UI界面设计
【新年UI图标】体育icon
【新年UI图标】银行卡icon
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】礼物/活动icon
我的钱包-UI界面设计-app
新拟态风格 UI设计组件库
你可能喜欢
相关收藏夹
大家都在看
登录注册