设计师必知：控制作品集大小的实用攻略

本文授权转自：黑马青年（ID：heimauiux）

正文

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

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

分享目录

一、作品集包装尺寸

二、作品集配图大小控制

三、链接化作品集

四、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 压缩的工具和网站，可以在保障画质的情况下使得作品集体积更小。

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

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

在科技浪潮奔涌向前的当下，人工智能正深刻重塑我们的生活与工作。人机之间的关系，也从简单交互迈向深度协作。想知道如何在这一趋势下把握体验设计的新方向吗？2025 年 10 月将在北京举办的 IXDC 国际体验设计大会聚焦 “人机共生：人工智能时代人机协作新范式”，作为全球领先的用户体验创新盛会，它将汇聚前沿理念与实践。一起来关注这场盛会，探索人机协作的无限可能。

文章转载：黑马青年，版权归原作者所有

原文链接：https://mp.weixin.qq.com/s/ZISMYS47m4q0Z0O-omOgew

版权声明：“IXDC”所推送的文章，除非确实无法确认，我们都会注明作者和来源，本公众号对转载、分享的内容、陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完善性提供任何明或暗示的保证，仅供读者参考。部分文章推送时未能与原作者取得联系，若涉及内容或作品等版权问题，烦请原作者联系我们，给出内容所在的网址并提供相关证明资料，我们会核查后立即更正或者删除有关内容！本公众号不承担任何责任，并拥有对此声明的最终解释权。

联系微信：18802086168

联系电话：18802086168

编排 | 罗家玉

终审 | 苏 菁

点这里，学习更多设计知识！