大厂面试官揭秘！8个章节掌握作品集的完整制作思路

我在工作中筛选过上千份作品，发现大多数设计师的作品集都有比较明显的问题，很难拿到面试机会。今天咱们就聊聊这些问题，以及基本的制作思路。

更多作品集制作思路：

主要包括以下 8 块内容：

一、作品集到底用来干嘛

在招聘中发现很多同学并不清楚这个最基本的问题。

大家可以把 “展示工作成果”、“说明工作经历”、“介绍项目经验”、“展示工作能力”、“展示个人特色优势”，这几项排个序试试。

如果你认为作品集主要是用来“说明工作经历”的，这就是混淆了简历和作品集的区别，简历的作用主要是“介绍个人基本信息，工作经历，项目经验”等，而作品集主要目的是“通过几个完整项目展示，表现出能够胜任目标职位的能力，拿到面试机会”。

二、招聘中，作品集是怎么筛选的

筛选流程：HR 从各种渠道收到作品（比如内推的、招聘平台投的、系统里捞起来的等等），先经过一轮筛选，筛掉硬指标不过关的和连 HR 都能看出来很差的，发给用人部门对接人，对接人再筛一轮，留下还不错的感觉可以面试的，发给设计主管，主管筛出确实可以面试的，约面试。也有设计部门的同学直接从系统里捞人，然后让 HR 约面的。

筛选方式：以前没有简历系统，都是把作品和简历通过聊天软件发来发去，目前各大厂都有了自己的招聘系统，招聘行为基本都在系统内部了，这对于面试官来说有很多好处，比如查看便捷、信息共享等；但对于候选人就不好了，你会发现当你有一次表现不好，就永远被打上了某些负面的标签，或者你某一次随意糊弄的笔试题，一直会存档在系统里。所以大家一定要注意，大厂的面试机会一定要认真对待，没准备好千万不要尝试。

筛选依据：每个设计部门都会制定自己的筛选依据，但其实都大差不差，整体来说就是“基础”、“外在”和“内涵”，第三条里具体讲。

三、面试官看作品集都看些什么

看基础：就是看基础条件是不是匹配，比如学历要求本科，那本科以下肯定不符合了（当然也不是完全不行，能力很强的话也有特招的机会）；比如工作经历要求做过 C 端设计，如果你的经历全是 B 端那一般就不考虑了；还有其他的一些基础要求，不同的业务、团队都不一样。

看外在：外在就是除了基础条件和项目内容之外的印象分，比如你作品的排版、配色，呈现出的气质等等。在这一阶段还会有“鉴定真伪”的工作，比如你的文字很清晰，UI 图很模糊，那就会怀疑不是你自己做的（你没有源文件）。或者你资历很浅，但作品非常成熟，也会怀疑真实性。另外还有一个“最差项目定律”，就是“作品中最差的那个项目，大概率等于真实水平”。

看内涵：这一步就是看项目了。一般情况下第一个项目会详细看，比如项目背景、过程、结果等，以及你的角色和价值，其他项目大概看。

那么，做出让人拍案叫绝的作品集，应该怎么做呢？别着急，说怎么做之前，先讲一些比较重要的基础信息。

四、作品集分类与自身定位

在制作作品集之前，先需要做好自身定位，你是哪类设计师？是什么级别？这些直接决定着作品集要做成什么样。

先说作品类别，在互联网中，按照大类来说，差不多就是三类作品：

1. UX 偏 UI 视觉的作品：现在很多大厂不单独设 UI 设计岗，都称为体验设计师（UX），但内部仍然有偏 UI 或偏交互的说法，所以 UX 偏 UI，就是以前的 UI 设计师，主要负责界面视觉呈现、组件库搭建、部分动效、视觉效果等设计。这类设计师大多都是美术院校出身，精通色彩、排版和各平台设计规范，能够按照工程化、标准化、艺术化的方式产出 UI 稿。所以很明显，这类设计师的作品，重点肯定在界面展示上，而不是项目逻辑推导，建议比例在 7 比 3 较为合适。尽量丰富地展现界面细节、视觉风格、动效、色彩逻辑等
2. UX 偏交互的作品：偏交互的同学大多不是视觉专业毕业（非美术高考生），都是工业设计、建筑设计，甚至化学、机械等等，理工科偏多，所以他们更加擅长逻辑思维，能够较为系统、结构化地展开设计。所以这类作品更加注重项目思路、产品框架和交互细节的推导，需要详细交代项目背景、挑战，所用的前期研究方法、过程，得到的研究结果，根据调研制定了怎样的解决策略，遇到了什么障碍，最后得到了怎样的项目结果等等。
3. 营销创意视觉作品：这类作品主要是纯视觉设计师，平时较多产出平面物料、品牌、长图、活动等设计，较少产出产品 UI 界面，所以作品内容以视觉稿为主，简单呈现项目思路即可。

这三类作品中，第三类比较明确，职业定位也较为清晰，关键是前两类，很多同学非常容易混淆，比如 A 同学偏 UI，投递的也是 UI 设计的职位，却长篇大论逻辑、调研，界面展示很少；B 同学偏交互，却缺少必要的逻辑支撑，主要篇幅在界面展示。

所以我们首先需要清晰自己的定位，确定往 UI 视觉方向深入还是偏产品、交互方向，然后制作不同类别的作品集，投递相应的工作岗位。当然这种定位只是前期发展定位，远期的话并不一定按照这种方式去限制自我，因为现在不乏两者都非常优秀的综合型设计师。对于两方面都很强的设计师，你只需要根据招聘要求调整作品内容篇幅即可。

然后，作品的呈现跟你的级别非常相关，面试官在考评过程中，会重点关注从业年限，比如一个工作了 10 年的设计师，还呈现出初级水平，就肯定不会考虑；而一个初级设计师呈现出非常资深的状态，我们也会怀疑作品的真实性。

整体来看，按级别可以分为这么几类：

1. 应届生求职作品集：以实习项目为主，如果没有相关实习，可以放相关的课题实践，或者自己作为练习的虚拟项目。重点在于表现对设计的热情与提升潜力。
2. 1~3 年设计师作品集（初级）：初级设计师的工作主要是碎片化项目执行，作品集需要对项目进行初步整合，可以将几个工作项目合为一个大项目来讲述。
3. 3~5 年设计师作品集（高级）：高级设计师需要有完整的大型项目，呈现完善的项目背景、问题定义、解决过程和项目结果，尽量不放任何虚拟项目。
4. 5 年+设计师作品集（资深）：资深设计师的作品需要对业务有深度思考分析，展现出通过自身设计手段，帮助业务解决的问题，带来的增量。
5. 设计管理作品集：管理者的作品必须包含设计管理相关内容，如何进行组织建设，如何提升团队效能等。

这几个类别，大家尽量做好自己的对应，不要达不到要求或过度超纲。

五、作品集的构成

一般来说，作品集主要有五块内容：

① 封面：封面不需要太华丽，如果是偏交互的设计师，简简单单就好，如果是 UI 或视觉的同学，可以做一些视觉处理，但也不需要用力过猛，总之就是不丑即可。当然，如果你视觉创意能力非常强，能从封面中展示你的优势、特点或者你的设计理念，那也是很好的。

② 个人信息页：很多同学可能会问，有了简历，为什么还要在作品集里放个人信息页呢？事实上，作品集中的个人信息页非常有必要：

1. 加深印象：面试官一般是通过信息表或者简历先简单了解求职者的基本信息，然后再翻开作品集，如果作品中也有个人信息，就可以再次浏览，加深对这个同学的印象。
2. 方便获取联系方式：看完作品可能直接就跟求职者联系，确定面试时间，或者补充作品等，如果作品中有联系方式，能够提升效率。
3. 防止简历遗失：如果公司没有招聘系统，在聊天软件中传送简历作品的话，简历很容易遗失，那么如果作品中有基本信息的话就不怕了。当然作品里的个人信息页没有必要过于详细，只是简单呈现基本信息和经历就好。

③ 目录页：目录页主要是为了告诉面试官这个作品集包含有哪些项目，可以只是项目名称，当然如果加上类别、项目图片或简单介绍的话更好，可以提升信息获取效率。以下是几个著名工业设计师的作品集目录页：

④ 设计项目：前面几项其实都是辅助信息，这里才算是正文。一般包含 3~5 个项目（视觉创意设计的可以多放），第一个详细讲，其他可以只放重点信息。顺序的话，可以根据应聘的公司进行调整，比如你有 C 端和 B 端的项目，那么在面试 C 端公司时就可以把 C 端项目放前面，面试 B 端公司就把 B 端项目靠前。具体如何呈现一个项目，到第 7 部分再细说。

⑤ 封底：封底一定要有，这样才能呈现出完整性。设计上跟封面差不多就好，写个感谢阅读，或者自己的 Slogan 之类的都可以。

以上是作品集通用性内容的简单介绍。另外在篇幅方面，整体不能太短（比如 30 页以下，会让人觉得你没有东西可讲），也不要太长（比如超过 100 页），看起来会比较吃力，而且文件也会比较大不易传输，所以最好控制在 60 至 100 页之间是比较合适的。文件大小最好控制在 30Mb 以内。

六、作品集的排版

排版是作品集的第一印象，也可以看出你对作品的用心程度（进而推断出你对工作的用心程度）。毕竟咱们是“设计师”，不论是任何领域的设计，平面设计都应该是早已掌握的基础知识。哪怕你是纯交互设计，也应该仔细对待作品排版，更不要说 UI 和视觉设计师了。这里说以下几点：

① 学习平面设计基础：如果你没有系统学习过平面设计，最好可以自己补习一下。最起码了解“版心”、“版面率”等基础排版知识，可以让你的作品更加一致、专业。推荐大家学习日本著名设计师伊达千代的《版面设计的原理》：

② 注意节奏感：把作品集从第一页到最后一页的阅读看做整体，而不是孤立某一部分，从整体上考虑疏密、详略、主次。比如好几页都是信息密度非常大，那么就需要接上较多留白的一页来缓和一下，这也是用户体验。在这里，作品集就是产品，阅读者就是用户。

③ 选择适合自己的风格：如果你是一个古灵精怪的潮流女生，那你就可以用较为大胆的欧普、蒸汽波等风格；如果你是懂编程的技术型设计师，就可以用黑色极客风。甚至去创新出自己的风格，只要不影响内容阅读，越能体现个性越好。（漫画，金属风，简约，玻璃，3D，平面设计风格都可以用，但是尽量简洁，内容至上，不要影响内容阅读，然后是一致性）

④ 学习其他优秀设计师的作品排版方式：排版是一个边借鉴边成长的过程，所以前期一定要大量看优秀作品，除了国内大厂发布的各种项目和优秀作品集之外，也可以多看看国外设计师的排版。

排版方面要说的就是这些，大家可以先做个模板，保证一致性就好。接下来说呈现项目的思路。

七、如何呈现一个项目

1. 项目问题集中点

项目是作品集的核心，问题最多也最大，主要集中在以下几点：

1. 分析和方案无关联：前面一通操作猛如虎，但跟后面的方案没有任何关系，各说各的。
2. 分析过于模板化：什么电梯宣言，焦点小组，用户体验地图，一看就是自己后来编的。
3. 思路不清晰：不知道先讲什么后讲什么，不知道这个项目到底做了啥。
4. 重点项目不完整：讲不清楚来龙去脉（有可能是工作中本身就思考不多，只是拍脑袋做决策）。
5. 分析和方案的篇幅比例问题：在分类那块也提到了，UI和视觉一定以呈现设计方案为主。

2. 制作之前资料储备（重要！！）

其实出现以上这些问题，主要就是因为平时工作中思考太少了，只是为了完成“需求”，并没有去深入了解需求的来源和解决的问题。所以为了讲好一个项目，首先就要确定这些基础信息，收集完善必要的资料（最好平时就多做阶段性的总结，不然到时候整理会非常困难，现在知道述职、总结分享有啥用了吧）。

这里给大家简单列个清单：

1. 产品经理的 PRD，里面包含项目背景，项目目标等；
2. 当时确定的设计目标和策略；
3. 竞品分析资料；
4. 交互设计过程稿与终稿（方案推导过程）；
5. UI 设计过程稿与终稿方案推导过程）；
6. 你的设计创新点；
7. 当时与其他设计师、产品经理等引起争论的点（他们觉得应该这样，你觉得应该那样）；
8. 项目遇到的难点（技术实现问题，领导喜好问题，设计实现问题等等）；
9. 项目上线后的用户反馈，用户数据等；
10. 项目成功或失败的主要原因；
11. 如果重新做你如何改进；
12. 项目后来的迭代方向。

这些资料，有些并不会体现在作品集里，但在面试的时候基本都能用到。

3. 项目呈现思路

所谓的思路，其实就是讲述的步骤，之所以要思路清晰，主要是两个目的：

① 让人听得下去/看得下去：思路不清晰的话，无论是讲话还是文案，都会让人摸不着头脑，看了半天也不知道你在表达什么，背后的关键问题就是你呈现的“结构”有问题。

② 让你的方案有理有据：面试中绕不开的一个问题就是“为什么”，为什么这么做，为什么不那么做，为什么你这个方案是合适的...清晰的思路就是最好的回答。

那么如何让你的项目“结构化”呢？

其实不同的业务，不同的项目，甚至不同的设计师，都会有不同的呈现思路，所以我们这里只介绍最通用最简单模式：我称之为 QRTSR 模型：

这个模型具体怎么用呢？我用一个设计案例解释下，比如你们产品会员转化率比较低，需要通过一个专项去提升，那么：

① 背景问题：交代这个项目的背景，你们是什么产品，处于什么样的阶段，为什么需要提升会员转化率等等。还有就是团队的大概情况和你的角色。

② 研究分析：这里就需要阐述你们如何发现会员转化率低的原因，一般情况下这是产品经理的工作，但是你需要能够非常熟悉的讲解思路，比如通过“用户访谈、数据分析等方法，发现会员转化率低主要是因为会员权益不明显，会员感知不强两方面”。

如果你是偏 UI 视觉的设计师，讲到这一步就够了，但如果是偏交互的，就需要比较详细地呈现研究过程。

③ 目标策略：研究清楚原因之后，就需要制定出目标和策略了。这个项目要解决什么问题，量化标准是什么，通过什么方式实现。比如你可以说：项目目标是会员转化率提升 5 个百分点，设计这边的目标就是通过设计手段强化会员权益的显性化和会员尊贵感知度，前者的具体策略是权益页面升级，透传链路改造；后者的策略是会员品牌升级，个人主要改造等。

④ 设计方案：这一部分就是具体的交互和界面方案了

⑤ 上线结果：很多同学只是放了设计方案就没有后续了，这样会显得你责任心不强，所以最好能够说明方案的落地情况，是否解决了问题，解决到什么程度，如果重新做，你会改进哪些方面等。

项目思路这里就说这一个最通用的套路吧，大家可以根据自身项目特点去增减内容。

八、其他常见问题

主要内容讲完了，最后一个部分就讲讲之前被各种同学问得较多的一些问题：

没有相关项目怎么办？

应届生或转行的同学，可能还没有 UI/UX 相关的项目。这个时候不用着急，可以先多看看，包括大厂的公众号发布的项目总结、站酷优秀作品集等，然后在这个基础上自己设定一个虚拟项目，比如“小红书发布链路改版”之类的，慢慢做出两三个这样的项目就可以去面试了。对于应届生和转行的同学，包容度还是比较大的。当然你要是有老师指导更好，可以做的更快一些。

平时的项目都是一些碎片化的需求，太杂太小，搞不成一个大项目怎么办？

可以做一些整合，把同一个业务线的或者同一个模块的，按照我之前提到的那个模型，做到一个项目中去。不过平时要注意多总结（公司里有年终汇报的好处就是被动总结整理）。

在面试的时候一定要按照作品集的顺序一页一页讲吗？

不一定，作品的思路比较完整，讲的时候可以灵活一点，比如你可以先迅速讲讲项目梗概，然后根据面试官的反馈，再细化讲某些部分。

工作中都是直接出方案，没有定目标策略怎么办？

问这个问题说明平时很少做总结汇报。只能做作品集的时候自己定了，注意这不是为了套路而套路，你想想嘛，没有这些套路的内容，你确实不好讲明白一个项目的来龙去脉。

当年申请留学的时候花大价钱搞得作品集可以用来找工作吗？

不能，之前文章已经提到了。每年校招都会收到一堆留学作品集，一看就知道是当年留学辅导机构做的，就给人的感觉是：这人出国啥都没搞，都毕业了还拿着申请学校的作品，肯定一点长进都没，甚至怀疑是不是自己都没参与，直接买的作品。

作品集中要不要包含简历的内容？

可以用一页简单介绍下工作经历，联系方式等，但不必呈现完整简历内容，简历和作品集应该各自承担它们自己的角色，简历介绍你是谁，作品集介绍你能不能干这个活。通常在实际场景中，面试官之间可能会相互传阅作品集，但不一定同时发送简历，所以作品集中一定要包含最重要的个人信息，比如姓名、联系方式、学历、工作经历等。

那作品集和简历要不要合并在一起？

最好不要，因为作品集比较大下载较慢，有简历的话，面试官可以先在线打开简历看看，硬性条件符合再看作品集，这也是用户体验。

作品集大小多大合适？

导出 Pdf 后请压缩，20mb 内最好。

作品集做成 pdf 还是网站？

国外都是网站，国内现阶段最好 pdf（三五年内随着 AI 建站进一步普及，应该都会变成个人网站）。如果有动效作品，可以附带线上作品网址。

偏交互的作品集需不需要好看？

当然要，在你的能力范围内，越好看越好，谁不喜欢好看的事物。但是也要把握分寸，如果你不但排版和视觉过于优秀，而且内容中视觉成分大于思维呈现，那就减分了。

项目需不需要跟目标岗位所在业务匹配？

如果匹配那最好，比如那个部门刚好要做医疗相关的项目，而你以前做过医疗项目，那就可以重点展示。但也不必为了匹配故意编造假的项目，作为个人练习项目也是可以的，但需要标明“个人练习项目”，千万不要说是真实项目，面试中深入一问就露馅，那个时候就是诚信问题，得不偿失了。

工作中产出比较快，图做的不太行，怎么办？

全部重做，不要图省事失去面试机会，如果跟线上情况有所出入，也可以说明这是之前上线的方案或者重新整理的作品。

什么样算完整项目？

很多人可能觉得是从 0 到 1 的项目，其实不是。只要是以价值为导向，有分析问题、解决问题的完整过程，就是属于完整项目。比如微信多任务悬浮窗改版，看着是个小功能迭代，其实也可以作为一个完整项目去展示。

深色版还是浅色版？

都可以，最好是根据项目特点，深色页面用深色背景、浅色页面用浅色背景效果更好。不必拘泥于一种形式。