UI设计师的作品集文件太大怎么办？

黑马家族

3年前

【摘要】：作品集制作分享

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

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

分享目录

一、作品集包装尺寸

二、作品集配图大小控制

三、链接化作品集

四、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 等等软件，还有很多第三方线上平台这里就不列举了，感兴趣的同学可以微信黑马哥探讨。软件或者平台都只是工具而已，主要是自己熟悉和适合自己的项目，作为设计师来说设计思路和技巧才是主要的。