路野

随着设计职场的应聘方式不断变化,设计师在求职过程中也不会是硬盘化的一堆项目展示,都会花心思设计一套作品集。如果你还是零零散散的作品展示,已经无法获得面试官的青睐。

如果作品集是通过附件的方式添加,而招聘平台和企业内推系统附件大小受限制,我们就需要控制作品集的大小。那么如何控制作品集大小呢?应该从哪些方面入手,或者有哪些压缩的工具,本文将会和大家一起分享一些个人经验,希望可以带给你一定的帮助!

 

 分享目录 

一、作品集包装尺寸

二、作品集配图大小控制

三、链接化作品集

四、Demo 化作品集

五、作品集压缩工具

六、小结

 

 一  作品集包装尺寸 

目前来说我们通常是以 PDF 的形式展示作品集居多,方便面试官进行作品预览。在包装作品集的时候大部分设计师会选择设计软件进行,比如 Sketch、PS 和 AI 软件等,多画版包装便利,也方便导出 PDF 格式。

图片

 

在包装尺寸上面通常有两种形式,一种是平台型展示,以长图为主,这种形式包装样式丰富,作品包装上下衔接过度自然。不过单张作品包装不易过长,最大值尽量控制在 6000px 以内,可以多分段,不然加载过慢。宽度个人建议在 1280px-1920px 之间,如果作品数量很多,尽量控制在 1280px 左右。(以上数值仅供参考)

图片

 

第二种是固定比例包装作品集,一般我们选择 16:9 的宽屏比例(比如 1280*720px、1920*1080px 等)。这种形式显得更加正式,不过包装形式相较于平台型作品来说要单一一些,上下过度容易不自然,分割感比较明显。我们在包装之前也要分析项目作品和自己的驾驭度,选择最适合自己的形式。

图片

作品集包装尺寸并没有严格限制,如果自己的项目作品比较特殊,自定义尺寸比例也可。只要最终的包装效果能为设计助力,更好的呈现作品自身的优势即可。

 

 作品集配图大小控制 

在包装作品集的过程中,无论是背景图片还是作品展示,或者是装饰性配图等,我们尽量根据作品集包装尺寸来匹配。图片尺寸可以比需要的尺寸稍微大一点,但是不要都选择太大的尺寸。(比如一张宽度 300px 的图片就可以满足尺寸要求,就不要嵌入一张宽度 3000px 的图片。)

图片

 

我们只要保障图片在一比一预览作品集的时候清晰即可,无论多大尺寸的配图,多余部分的尺寸都没有必要性。控制配图大小,在包装的时候电脑反应速度也会更快。

如果是 UI 设计的界面,一般都没有问题,遇到一些视觉设计作品,单张图片大小在嵌入包装文件时需要优化一下。通过 PS 等软件优化图片尺寸、格式和质量大小等,从每个细分板块控制好作品集的整体大小。

图片

 

 链接化作品集 

作品集提交给面试官主要是以 PDF 格式居多,但是对于 UI设计师来说会遇到一些动效作品无法嵌入展示。这时候我们可以采用链接化形式的作品集,可以将作品集发布在一些设计平台、分享类平台、文档工具类平台等,如果你不想被公开分享,可以选择一些文档编辑工具进行存储。比如:印象笔记、石墨文档、有道云笔记、语雀等等。

图片

 

可以利用第三方工具平台存储作品集,然后在简历中附上作品集的链接,这样也能解决因为招聘平台附件大小限制的问题。也可以将链接转化为二维码,附在 PDF 作品集中,利用草料二维码转换器可以将链接转换为二维码。链接化作品集的形式简单方便,无论是通过链接分享还是二维码分享都非常便利。

图片

 

我们在包装作品集的时候会先制作最全的版本,然后会精简出一个精简版本,要是企业内推或者平台附件限制,可以传精简版,然后里面备注最全版本的链接或者二维码,这也是一种变相的解决方案。

图片

当然,如果方便对外公开的作品集,个人还是建议在一些设计平台进行发布,也能带来更高的曝光度,创造更多的机遇。

 

 Demo 化作品集 

对于 UI 设计师来说,我们的作品集大部分都是 App 界面、小程序界面、网站后台界面等,特别是对于移动端设计为主的同学,将项目作品 Demo 化更有利于面试官直观的体验我们的产品设计。

图片

如果我们做的每一个项目都还在线上,可以直接访问,这是最理想的状态。如果反之我们可以利用第三方原型工具将我们设计好的界面搭建出演示 Demo,然后安装到我们的手机桌面,模拟出产品点击的交互流程。就像一个真实的产品在体验一样,不同之处就是这是一个利用图片搭建起来的演示 Demo 而已。

作者:Chris_Tiny

关于制作项目演示 Demo 的软件和第三方工具很多,比如:Axure、Principle、Flinto、Origami、Pixate 等等软件,还有很多第三方线上平台这里就不列举了,感兴趣的同学可以微信黑马哥探讨。软件或者平台都只是工具而已,主要是自己熟悉和适合自己的项目,作为设计师来说设计思路和技巧才是主要的。

 

五  作品集压缩工具 

除了上面提到的作品集包装经验分享以外,如果已经制作好的作品集依然满足不了大小限制的问题,这里也为大家分享一些作品集压缩的工具,大家可以尝试一下。我们在追求体积减小的过程中也要注意画质的变化,不要提交给面试官的作品画质差或者模糊等情况出现。

 

5.1 ilovepdf

这是一个针对 PDF 格式相关需求的网站,功能非常齐全,涉及合并、拆分、压缩、转换、旋转、解锁和水印 PDF 等操作。无论你是想要各种不同格式文件转 PDF,还是压缩作品集,都可以得到一站式解决。这个网站的压缩效果非常明显,而且画质保持得也是很不错的。

图片 

 

5.2 Smallpdf

这个网站的口号是提高工作效率和更智能地处理文档所需的所有工具,不负所望,网站涉及到 PDF 需求的工具非常多。提供了 21 个免费转换、压缩和编辑 PDF 的工具,快去试试吧!

图片

 

5.3 PDF.IO

这个网站设计简洁易用,hover 状态下的图标动效也非常的巧妙直观,作为设计师来说,满足我们对于 PDF 压缩的需求之外,网站的感官体验感也是一种追求。

图片

 

5.4 迅捷 PDF 转换器

这是一款功能丰富的 PDF 办公类产品,轻松实现 PDF 与 Word、PPT、Excel 等多种格式文档间的相互转换,同时提供 PDF 合并、压缩和图片文字识别 OCR 等功能,适用于各类办公文档的高效处理。

图片

 

5.5 PDF2GO

这是一个免费的在线 PDF 转换器,不用安装软件就可以在线把文件转换成 PDF 和进行 PDF 压缩等操作,功能齐全使用便利。

图片

更多关于 PDF 文件压缩的工具这里就不一一列举了,感兴趣的同学可以微信黑马哥索取。无论是通过网站还是软件进行压缩,都只是工具层面的运用,希望大家坚持加强自身专业的拔高。

 

六  小结 

本文主要分享的方向是如何控制作品集的文件大小,从最初的尺寸设置思路到包装过程中的图片大小控制等。也分享了链接化作品集和 Demo 化作品集的形式,这些是提高面试体验度的方法,带给面试官更好的判断体验。我们也可以将一些可以公开的作品集发布在一些设计平台,提高曝光度获得更多的机遇。

除了一些变相的方法以外,也给大家推荐了一些 PDF 压缩的工具和网站,可以在保障画质的情况下使得作品集体积更小。

无论是工具还是包装的技巧,都是在“最后一公里”进行完善,而作品本身的质量也是至关重要的。希望大家加强日常的学习和磨练,提高自身的专业素养,才能获得更好的机遇,发挥更高的设计价值。

希望本文的分享可以带给你更多帮助,我们互相努力。

 

PDF压缩分享 

文中提到的作品集 PDF 压缩工具网址获取方式:关注“黑马家族”公众号,后台回复关键词“PDF压缩”获取打包网址。

 

原文地址:黑马家族(公众号)

作者:黑马青年

图片

 

 

转载请注明:学UI网 » 作品集文件太大怎么办?

登录收藏
 
你可能喜欢的:
HMI设计需要遵循什么设计原则?HMI设计需要遵循什么设计原则?
业务想大多全,用户要精准简,首页设计该如何破局?业务想大多全,用户要精准简,首页设计该如何破局?
改作业 | 有一说一,这个改稿效果真不错!改作业 | 有一说一,这个改稿效果真不错!
15条APP体验设计的思路分析15条APP体验设计的思路分析
设计师如何提升总结力设计师如何提升总结力
淘宝订单页改版分析:如何提高支付转化率淘宝订单页改版分析:如何提高支付转化率
笔刷教程 | PS颜色动态功能在绘画中的作用笔刷教程 | PS颜色动态功能在绘画中的作用
作品集别用这几个设计目标了,太老套作品集别用这几个设计目标了,太老套
项目总结|红包设计测试,驱动裂变数翻三倍项目总结|红包设计测试,驱动裂变数翻三倍
【蓝湖大咖访谈】流利说设计负责人黎静波:创业型设计团队的组织特点【蓝湖大咖访谈】流利说设计负责人黎静波:创业型设计团队的组织特点