设计作品集:如何打造一份真正能让你被录用的作品集
一位在职设计师的作品集构建指南。真正重要的五个项目、能转化的案例研究结构,以及如何搭建一个让招聘经理回复而不是划走的网站。
招聘经理在决定是否面试之前,只会在作品集上花 90 秒。大多数设计师打造作品集是为了满足自己的虚荣心,而不是为了这 90 秒。结果就是:一个拍得漂亮、却没人往下看的首页,五个看起来一模一样的项目,以及一套把所有有意思的决策都埋在截图墙下面的案例研究结构。
这篇文章是实战版。它讲的是:真正能让作品集从初级升到高级的五个项目,证明你的决策能力(而不是品味)的案例研究结构,以及如何搭建一个 48 小时内就能收到回复、而不是又一封拒信的网站。
作品集到底是什么
作品集是对你下一份工作的押注,不是你过往工作的博物馆。 每个项目都必须有存在的理由。每个案例研究都必须让读者了解你是如何思考的。网站上的每一个决策,从首页的层级到案例研究的长度,都是一个招聘信号。
能拿到面试的作品集,不是项目最多的那一份,而是让招聘经理读完三个案例研究后心想“我想让这个人加入我们”的那一份。这种结果不是偶然,而是一种结构。
视觉层级设计的拆解讲了如何控制任何页面上的阅读顺序。作品集就是试验场。如果你的作品集没有层级,招聘经理根本读不完。
真正重要的五个项目
大多数作品集包含八到十二个项目,而招聘经理只会读两个。“全部放进去”与“精心筛选”的设计之争已经结束了。筛选。最多五个项目。挑出能讲完整故事的那五个。
项目 1:旗舰项目
一个你从研究到上线全程负责结果的项目。通常是你最强的案例研究。它放在首页,第一屏。如果招聘经理只读一个项目,你希望他们读的就是这个,而对 40% 的读者来说,他们也确实只会读这个。
旗舰项目不一定是最漂亮的项目。它是决策最清晰、范围最大、从问题到结果主线最紧凑的那个。一个你全权负责的普通项目,胜过一个你只碰了三个界面的炫酷项目。
项目 2:拓宽范围的项目
这个项目要证明你能在与旗舰项目不同的视觉风格中工作。如果旗舰项目是干净的 SaaS 仪表盘,那么拓宽范围的项目就是富有表现力的品牌识别。如果旗舰项目是个性十足的消费级应用,那么它就是一个精准严谨的企业级工具。广度证明你能适应,而这是“高级”含义的一半。
这个项目通常是首页上的第二个项目。它在第一眼看上去就应该与旗舰项目截然不同,这样招聘经理不用读案例研究就能感知到你的广度。
项目 3:深度项目
一个展示你高阶专长的项目。设计系统架构、无障碍工作、研究方法、动效设计、前端实现。深度是区分高级与中级的关键。每位高级设计师至少在某个领域比通才需要的钻得更深。
深度项目的案例研究篇幅比旗舰项目短,但技术密度更高。代码片段、token 架构图或研究方案都会出现在这里。设计系统指南就是适合放进深度项目的那类主题。
项目 4:协作案例
一个证明你能与其他设计师、工程师或非设计相关方合作的项目。在这个项目里,你要坦诚地写出取舍、妥协,以及你实际交付的和你想交付的之间的差距。招聘经理非常看重这个项目,因为它告诉他们你作为队友而不是独行侠会是什么样。
协作案例往往最难写,因为它需要诚实。没有任何妥协就交付的项目通常并不存在,声称有的案例研究读起来就像谎言。
项目 5:个人或副业项目
一个不是客户工作的项目。自发的探索、你做的工具、字体实验、game jam 作品。作品集在这里证明设计师在需求文档之外也有品味。个人项目不需要很大,但必须具体。
副业项目对职业早期的设计师(客户工作有限)和资深设计师(展示持续的好奇心)更重要。职业中期的设计师有时可以跳过这个位置,换成第二个深度项目。
能转化的案例研究结构
大多数案例研究的结构是:一连串最终界面的幻灯片,中间夹着营销文案。那不是案例研究,那是画廊。真正的案例研究读起来应该像一份决策日志。
有效的结构如下:
第 1 部分:两行简介
客户是谁,问题是什么,你的角色是什么。两行,不能多。只读这一部分的招聘经理也应该知道这个项目是什么,以及你贡献了什么。
示例:“为一家服务 18 个市场、200 万用户的金融科技客户重新设计了结账流程。我负责 UX,与一位品牌设计师和三位工程师合作,交付的流程比旧基线降低了 23% 的购物车放弃率。”
第 2 部分:问题
用一到三段话讲清真正的问题。不是“用户体验不好”,而是具体的。数字、行为、摩擦点。问题越具体,解决方案越可信。
陷阱在于,用设计师关心的措辞而不是业务关心的措辞来陈述问题。“界面显得过时”是设计师的问题。“17% 的用户在支付页面放弃”是业务的问题。写第二种。
第 3 部分:方法
你是如何攻克这个问题的。做了什么研究。形成了哪些假设。哪些约束塑造了这项工作。这是思考部分,也是招聘经理阅读案例研究的原因。他们想看你如何从问题走向解决方案,而不仅仅是你得到了一个解决方案。
别跳过约束。每个真实的项目都有:预算、时间线、遗留代码、合规要求、相关方偏好。读起来毫无约束的探索式案例研究,读起来就像小说。约束就是调味料。
第 4 部分:成果工作
展示产出物。研究发现、线框图、设计探索、最终界面。截图就放在这里,但它们是为故事服务的,而不是取代故事。每张截图都配有说明,解释它代表的是什么决策,而不只是它看起来怎么样。
常见的错误是用精致的最终界面来开场,把过程埋起来。把它翻过来。先展示混乱的中间过程(被否决的方向、研究洞察、争论过的取舍),再把最终成果作为这些思考的结论呈现。
第 5 部分:结果
上线之后发生了什么。指标、定性反馈、后续工作、经验教训。如果有硬数据,就用。如果没有,就用定性信号(客户评价、内部反响、你会如何改进)。
永远不要编造数字。招聘经理一旦发现你捏造的转化率,面试还没开始就结束了。诚实地说“我们当时没有衡量这一点,但销售团队反馈重新设计后演示到试用的转化更强了”,每次都胜过编造的指标。
第 6 部分:反思
用一小段话写你学到了什么,以及你会改变什么。这往往是区分高级与中级的部分。初级设计师写的案例研究声称一切都很顺利。高级设计师写的案例研究会包含这样的话:“我们本该在上线前用五位用户测试新的引导流程,因为第一周我们就发现了两个可用性问题,而这些在研究中本来很容易发现。”
反思不是自我鞭挞,而是自我认知的证明。没有反思的案例研究读起来像是一个认为自己什么都做对了的设计师,而这恰恰是招聘经理最不想看到的。
首页规则
首页就是 10 秒测试。如果通不过,案例研究就永远不会被读到。三条规则。
规则 1:先展示作品,而不是你自己
首屏应该是你最强项目的预览,而不是头像,不是口号,也不是一句关于“打造愉悦体验”的文案。招聘经理现在还不关心你。他们关心的是你的作品是否在他们要招的领域。先展示作品,再介绍自己。
唯一的例外是那些名字本身就是卖点的知名设计师。如果你不是那样的设计师,就先展示作品。
规则 2:一句话定位
在主推项目的下方或旁边,放一行给你定位的文字。不是价值主张,而是定位。“专注早期金融科技的产品设计师。”“专注消费健康领域的品牌设计师。”“专注企业级 SaaS 的 UX 系统设计师。”
定位语会过滤受众。正在为健康公司招品牌设计师的招聘者看到你的定位会继续往下读。正在招企业级 SaaS 的招聘者看到你写的是金融科技就会走开,而这正是正确的结果。价值定价词条讲的是客户工作中同样的逻辑:精准定位是为了吸引对的工作,而不是排除各种可能性。
规则 3:不添乱的导航
顶部导航恰好三到五项:作品、关于、联系,可选加上笔记或写作。作品集是一个线性的产物。招聘经理第一次访问时会从上到下阅读。别让他们到处找。
避免案例研究筛选菜单、悬停时会重新排列的瀑布流网格,以及会自己隐藏的动画导航。首页本来就在争夺招聘经理的注意力。别再增加摩擦。
关于页面
关于页面是作品集上阅读量第二高的页面,仅次于旗舰案例研究。大多数设计师把它当作形式。其实不是。关于页面回答的是招聘经理的一个具体问题:“和这个人共事会是什么样?”
要包含三样东西:
一份大白话的简介。 两到四段。你是谁,做过什么,在乎什么。像在大会上介绍自己那样写,而不是像 LinkedIn 简介。具体和质感胜过打磨。
与你共事过的人。 不是每一家公司,而是重要的那些。一份简短的客户、公司或合作者清单。如果能从其中一位那里拿到一句话的推荐语,这一句话比你自己写的任何一段都更有价值。
联系方式,要显眼。 大多数招聘经理是在关于页面联系你的。把邮箱地址以纯文本形式放出来(不要藏在联系表单后面),而且放两次:一次在顶部,一次在底部。联系表单是一道障碍。移除这道障碍。
作品集之外的工作
招聘经理不会止步于作品集。他们会查看 Twitter/X、LinkedIn、Dribbble、你个人网站的笔记板块,以及任何长文写作。假设他们正在看,并确保他们找到的内容强化作品集所讲的故事。
这并不意味着伪造存在感,而是不要自相矛盾。一份把你定位为具备系统思维的高级设计师的作品集,配上一个满是“刚入行设计,谁能给点建议”的 Twitter 动态,会发出混乱的信号。解决办法要么是更新 Twitter 动态,要么是承认作品集带有愿景成分。两者都可以。前后不一致不行。
常见的作品集失败
四种模式,比作品薄弱毁掉的作品集还多。
无尽的项目清单。 十二个项目,没有一个有区分度,招聘经理直接划过前三个。解决办法是筛选。五个项目,各自讲述故事的不同部分。如果一个项目回答不了某个具体的招聘问题,就砍掉。
没有层级的首屏。 一个漂亮的首页,却没告诉招聘经理该先读什么。解决办法:一个主推项目,一行定位语,其他一切都放在首屏以下。网页设计原则的拆解对任何落地页都适用同样的规则,作品集也不例外。
藏起决策的案例研究。 一墙最终界面,没有过程,没有反思。招聘经理完全了解不到设计师是怎么思考的,而这恰恰是案例研究的全部意义。解决办法:使用上面的六部分结构。先讲思考,再用成果支撑。
在手机上崩掉的网站。 在 27 英寸显示器上正常、在手机上却一塌糊涂的作品集网站。一半的首次阅读发生在手机上。在手机上不能用的作品集,就是不能用的作品集。适用于任何网页设计的响应式设计模式在这里同样适用。
把更新变成习惯
每两年才更新一次的作品集,在被打开的那天就已经过时两年了。解决办法是保持小而规律的更新节奏,而不是在每个职业转折点大改一遍。
每季度:新增或更新一个案例研究,检查首页的主推项目,确认联系方式是最新的。
每年:重新审视定位语,判断这五个项目是否仍然讲着正确的故事,淘汰任何已经过时的内容。
每次求职:大刀阔斧地修改。针对目标岗位重写定位。重新排序首页,让最相关的项目打头。更新关于页面以反映当前目标。
如果你想要帮助来构建案例研究、定位网站,或者只是想雇到已经把这些搞明白的设计师,雇佣 Brainy。我们知道高级作品集长什么样,因为我们就是从这些人里招人的。
FAQ
设计作品集应该放多少个项目?
最多五个。对高级作品集来说,两三个不够。八个或更多会稀释故事。五个项目,经过筛选,涵盖旗舰项目、拓宽范围的项目、深度项目、协作案例和个人项目,既能给招聘经理足够的证据,又不会让他们应接不暇。
作品集的案例研究应该多长?
足够讲清决策的故事,又短到招聘经理能在五分钟内扫完。通常每个案例研究 600 到 1500 字,配有截图和说明。旗舰案例研究可以更长。较短的副业项目可以只有 300 字。关键在于每个部分(简介、问题、方法、成果工作、结果、反思)都要有。
我应该把简历放在作品集网站上吗?
可选。大多数作品集会链接到可下载的 PDF 简历或 LinkedIn 主页,而不是在站内直接放简历。如果你确实要放,把它放在单独的页面,而不是首页。首页是留给作品的。
如果我有很强的 LinkedIn,还需要作品集吗?
需要。LinkedIn 是个人资料,不是作品集。强大的 LinkedIn 能让你和招聘者聊上。作品集才是让你拿到面试的东西。对于任何高于初级的设计岗位,作品集是没得商量的。
我的作品集应该展示过程,还是只展示最终成果?
两者都要,但过程才是差异化所在。最终成果显示你会设计,过程显示你如何思考。已经知道你会设计的招聘经理(他们总归是找到了你)读案例研究是为了了解决策方式。六部分的案例研究结构兼顾了两者。
设计师在作品集上犯的最大错误是什么?
筛选得太松。大多数作品集包含太多项目,却没有足够的故事来讲其中任何一个。解决办法是狠狠地删:砍掉四个项目来强化剩下的五个,写以决策为驱动的案例研究而不是画廊,首页用一个强有力的主推项目开场,而不是八个项目的网格。
作品集是一场押注
每一份作品集都是在声明你接下来想和谁共事。五个项目是论点。案例研究是证据。首页是开场白。关于页面是结语。
像把你的下一份工作押在上面那样去打造它,因为事实就是如此。毫不留情地筛选。把每个案例研究都构建成决策日志。每季度更新。让它在手机上好用。把你的邮箱用纯文本放出来。
如果你想雇用已经通过这道门槛的设计师,或者想要帮助构建能在高级层面转化的案例研究,雇佣 Brainy。作品集就是求职申请。就这样对待它。
相关阅读
Need a portfolio that reads as senior in 90 seconds? Brainy helps designers structure case studies that get hiring managers to stop scrolling. Or we just hire designers who already did.
Get Started
