January 1, 2020

作品集设计：怎么让面试官一眼记住你？

设计师找工作，作品集就是你的门面。

很多设计师，能力很强，但作品集做得烂—— 结果连面试机会都拿不到。

也有一些设计师，能力还行，但作品集做得好—— offer 拿到手软。

作品集的重要性，怎么强调都不过分。 因为面试官不认识你，他对你的第一印象，就来自作品集。

这篇文章，我们聊聊怎么做好设计师作品集—— 从内容选择，到结构组织，到呈现方式，全给你讲清楚。

作品集的本质是什么？

先想一个问题：作品集到底是干嘛的？

很多人觉得，作品集就是"把我做过的项目放进去"。 错了。

作品集，是一个"销售工具"。 你卖的是"你自己"——你的能力、你的经验、你的潜力。 而作品集，就是你的"产品介绍手册"。

面试官看作品集，是在找什么？ 他在找这几个问题的答案：

1. 你能力怎么样？能不能干活？
2. 你是怎么思考的？是"只会画图"还是"会思考"？
3. 你和我们公司/团队匹配吗？
4. 你和其他候选人比，有什么不一样？

所以，作品集不是"项目的堆砌"。 它是一个"有策略的展示"—— 你要通过作品集，告诉面试官："我就是你要找的人。"

作品集的常见误区

在讲怎么做之前，先说说大家常犯的错误。 这些错误，90% 的设计师都犯过。

误区一：什么都往里放

很多人觉得，作品集越厚越好—— 放的项目越多，说明我经验越丰富。

错。 面试官看作品集，通常只有 3-5 分钟。 你放 20 个项目，他根本看不完。 而且，放了太多普通的项目，反而会把好项目淹没了。

记住：作品集比的是"质量"，不是"数量"。 3 个精彩的项目，比 10 个平庸的项目，强 100 倍。

误区二：只有结果，没有过程

很多作品集，一上来就是一堆图—— "看，我设计得好不好看？"

但是，面试官想看的不只是"结果"，他更想看"过程"——

• 你为什么这么设计？
• 你遇到了什么问题？
• 你是怎么解决的？
• 你的思考过程是什么样的？

只有结果的作品集，面试官会觉得： "这个人可能是只会画图的美工，或者是抄的。"

好的作品集，要讲故事。 讲你是怎么从 0 到 1 把这个项目做出来的。

误区三：太花哨，喧宾夺主

很多设计师为了展现自己的"设计能力"，把作品集本身做得特别花哨—— 各种动效、各种炫酷的转场、各种奇怪的排版……

结果呢？ 面试官光顾着看"作品集的设计"了，没看你项目的内容。

作品集本身的设计，应该是"透明的"—— 它应该衬托你的项目，而不是抢项目的风头。 用户看完之后，记住的应该是"你的项目做得好"，而不是"这个作品集网站很炫"。

误区四：假大空，没有细节

有些人的作品集，写得特别高大上—— "赋能"、"闭环"、"生态"、"打法"、"链路"…… 一堆专业术语，但是看不到具体的东西。

面试官看完之后，只有一个感觉： "这个人会不会只是会吹？"

好的作品集，要具体。

• 不要说"提升了用户体验"，要说"把转化率从 5% 提升到了 8%"
• 不要说"优化了界面"，要说"把操作步骤从 5 步减少到了 3 步"
• 不要说"得到了好评"，要说"用户满意度从 3.5 分升到了 4.2 分"

越具体，越有说服力。

误区五：所有岗位用同一份作品集

很多人找工作，不管投什么公司、什么岗位，都用同一份作品集。 这就像找工作，所有公司都投同一份简历一样——效果肯定不好。

不同的公司、不同的岗位，看重的东西不一样。

• 投交互设计岗 → 多放交互思考、用户研究的内容
• 投视觉设计岗 → 多放视觉设计、品牌设计的内容
• 投大厂 → 多放完整的、有数据的项目
• 投创业公司 → 多放有创意的、全栈的项目

针对不同的岗位，调整你的作品集。 不是要你重新做，而是调整项目的顺序、展示的重点、描述的角度。

投其所好，成功率才高。

怎么选项目？

作品集的第一步，是选项目。 选对了项目，作品集就成功了一半。

选多少个项目？

一般 3-5 个就够了。

• 最少 3 个：太少了，说明你经验不够
• 最多 5 个：太多了，面试官看不完

如果你有很多项目怎么办？ 挑最好的、最有代表性的。 剩下的，可以放在"更多作品"或者"其他项目"里，简单展示一下。

选什么样的项目？

选项目，有几个标准：

1. 相关性 和你要找的工作相关。

• 找 UI 工作 → 主要放 UI 项目
• 找品牌工作 → 主要放品牌项目
• 找 UX 工作 → 主要放有用户研究、交互设计的项目

不相关的项目，再好看也尽量别放—— 除非你实在没东西可放了。

2. 完整性 最好是完整的项目—— 从需求、到调研、到设计、到上线、到结果。

完整的项目，最能体现你的能力。 那种"做了一半"的项目，除非特别精彩，否则尽量别放。

3. 你的角色和贡献 一定要是你深度参与的项目。 你在里面扮演了重要角色，有明确的贡献。

那种"我只是打了个下手"的项目，就别放了。 面试官一问细节，你就露馅了。

4. 有结果、有数据 最好是有结果的项目——

• 上线了吗？
• 效果怎么样？
• 有没有数据？

有数据支撑的项目，说服力强 10 倍。

5. 多样性 几个项目之间，最好能体现你不同方面的能力。

• 一个体现交互能力
• 一个体现视觉能力
• 一个体现品牌能力
• 一个体现用户研究能力

这样，面试官会觉得你"能力全面"。

没有项目怎么办？

很多同学说："我是新人，没做过什么项目怎么办？"

没关系，项目不一定要是"工作项目"。 你可以：

1. 重做别人的项目

• 找一个你觉得设计得不好的产品
• 重新设计一遍
• 把你的思考过程写出来

这叫"概念项目"或者"虚拟项目"。 只要你的思考是深入的，一样有说服力。

2. 自己给自己出题

• 想一个你感兴趣的产品方向
• 自己定义需求，自己设计
• 完整地走一遍流程

这样的项目，反而更能体现你的主动性和思考能力。

3. 参加比赛

• 各种设计比赛
• 获奖了最好，没获奖也没关系
• 比赛项目，也是很好的作品

4. 开源项目 / 自由职业

• 参与开源项目的设计
• 接一些小的自由职业项目
• 既能练手，又能丰富作品集

记住：面试官看的是你的能力，不是你的头衔。 只要你能力够，不管是工作项目还是虚拟项目，都能拿到 offer。

单个项目怎么讲？

选好了项目，接下来是怎么讲每个项目。 这是作品集里最重要的部分。

很多人讲项目，就是： "这是一个 XX 项目，我负责设计，这是最终效果……" 然后放一堆图。

这样的项目描述，等于没说。

好的项目描述，应该是一个完整的故事。 有背景、有冲突、有过程、有结果。

这里给大家一个经典的故事结构： STAR 法则 → 情境（Situation）、任务（Task）、行动（Action）、结果（Result）

放在设计项目里，可以分成这几步：

第一步：背景和挑战

先说清楚——

• 这是个什么项目？
• 背景是什么？
• 目标是什么？
• 遇到了什么挑战？

目的：让面试官快速理解这个项目是干嘛的。

不要：

• 写一堆公司介绍（没人关心你的公司）
• 写一堆行业背景（太啰嗦）
• 假大空的套话

要：

• 简洁明了，几句话说清楚
• 突出"挑战"和"难点"
• 让面试官产生兴趣："哦，这个问题有点意思"

举例：

这是一个电商 APP 的购物车改版项目。 当时的问题是：购物车转化率只有 12%，低于行业平均水平。 我们的目标是：在 3 个月内，把购物车转化率提升 20%。 挑战是：开发资源有限，只能做前端的优化，不能改后端逻辑。

你看，几句话就说清楚了—— 是什么、为什么、难在哪。

第二步：我的角色和团队

说清楚——

• 你在这个项目里是什么角色？
• 你负责什么？
• 团队有多少人？
• 你和谁协作？

目的：让面试官知道你的真实贡献，避免"抢功"的嫌疑。

很多人不说这个，面试官就会想： "这个项目到底是不是你做的？你做了多少？"

说清楚了，反而更可信。

举例：

我是这个项目的主设计师，负责从用户研究到最终落地的全部设计工作。 团队有 1 个产品经理、2 个前端、1 个后端、1 个测试。 我和产品经理一起定义需求，和前端一起跟进落地。

第三步：研究和发现

然后是——

• 你做了哪些调研？
• 发现了什么问题？
• 用户的痛点是什么？
• 数据说明了什么？

目的：体现你的"研究能力"和"问题定义能力"。

很多设计师一上来就开始讲"我是怎么设计的"。 但是，你为什么这么设计？依据是什么？ 这一步，就是在给你的设计"找依据"。

可以包括：

• 用户访谈
• 问卷调查
• 数据分析
• 竞品分析
• 用户旅程地图
• 问题梳理

举例：

我们先分析了后台数据，发现用户在购物车页面的流失主要有三个节点：

1. 进入购物车后，什么都没做就走了（40%）
2. 点击结算后，在确认订单页放弃（30%）
3. 支付过程中放弃（30%）

然后我们访谈了 10 个用户，发现主要痛点是：

• 商品信息不清晰，不知道选的规格对不对
• 优惠券的使用规则太复杂，搞不懂
• 结算步骤太多，嫌麻烦

你看，有数据、有用户反馈—— 后面的设计，就"师出有名"了。

第四步：设计过程

这是最核心的部分——

• 你是怎么设计的？
• 有几轮方案？
• 每一轮是怎么迭代的？
• 做了哪些尝试？
• 遇到了什么困难？怎么解决的？

目的：体现你的"思考过程"和"解决问题的能力"。

很多人只放最终方案。 但面试官更想看的是"过程"—— 因为过程才能看出你的能力。

怎么展示过程？

• 早期的草图 / 线框图
• 不同方向的方案对比
• 每一轮迭代的变化
• 用户测试的反馈
• 遇到的问题和你的解决方案

不要怕展示"不好的"方案。 有对比，才能体现你的思考。 一上来就是完美的最终方案，反而让人觉得不真实。

举例：

针对"商品信息不清晰"的问题，我们尝试了三个方案：

• 方案 A：在购物车列表直接展示完整的商品信息
• 方案 B：点击商品展开详情
• 方案 C：增加"商品详情预览"的弹窗

我们用这三个方案做了用户测试，发现：

• 方案 A 信息最清晰，但页面太长
• 方案 B 太隐蔽，用户发现不了
• 方案 C 兼顾了清晰度和页面长度，用户反馈最好

所以我们最终选择了方案 C，并且优化了弹窗的交互细节……

这样讲，面试官就会觉得： "这个人是会思考的，不是拍脑袋做设计的。"

第五步：最终方案

然后才是最终的设计方案——

• 最终的界面 / 视觉
• 核心的设计亮点
• 为什么这么设计？和问题怎么对应？

目的：展示你的设计成果和设计质量。

这部分，图可以多放一点——

• 完整的界面
• 关键的交互
• 细节的特写
• 设计系统的规范

但是，不要光放图，要配文字——

• 这个设计解决了什么问题？
• 亮点在哪里？
• 为什么这么设计？

图 + 说明，才是完整的。

第六步：结果和反思

最后，也是最重要的——

• 项目上线了吗？
• 效果怎么样？
• 数据有什么变化？
• 你学到了什么？
• 如果再做一次，你会怎么改进？

目的：体现你的"结果导向"和"反思能力"。

有数据，一定要放数据——

• 转化率提升了多少？
• 用户满意度提升了多少？
• 完成率提升了多少？
• 收入增长了多少？

数据是最有说服力的。

如果没有数据怎么办？ 可以写——

• 用户的反馈
• 业务方的评价
• 你自己的反思

即使项目失败了，也没关系—— 只要你能从中学到东西，反思到位，一样加分。

举例：

项目上线后，购物车转化率从 12% 提升到了 15.6%，提升了 30%，超额完成了目标。 用户满意度也从 3.4 分提升到了 4.1 分。

回顾这个项目，我觉得有两个地方可以做得更好：

1. 早期的用户研究可以更深入，当时只访谈了 10 个用户，如果样本量再大一点，结论会更准确
2. 上线后我们只跟踪了两周的数据，如果能做长期的跟踪，会发现更多可以优化的地方

有结果，有反思—— 这样的设计师，谁不想要？

作品集的结构和呈现

单个项目讲完了，我们再说说整个作品集的结构。

作品集的整体结构

一个好的作品集，大概是这个结构：

1. 首页 / 封面

• 你的名字
• 一句话介绍（你是谁、擅长什么）
• 联系方式（邮箱、微信、LinkedIn……）
• 可以加一张代表你风格的图

2. 关于我（About）

• 简单介绍一下你自己
• 你的经历
• 你的擅长方向
• 你的设计理念
• 不要太长，两三段就够了

3. 项目作品（Projects）

• 3-5 个精选项目
• 按重要性排序（最好的放第一个）
• 每个项目按我们上面讲的结构来

4. 更多作品 / 其他（Optional）

• 一些零散的作品
• 插画、摄影、动效……
• 不用太详细，简单展示一下就好
• 体现你的广度和兴趣

5. 联系方式

• 再放一次联系方式
• 方便面试官联系你

作品集的呈现形式

作品集有几种常见的形式：

1. 个人网站（最推荐）

• 最灵活，最能展示你的能力
• 可以自己设计、自己开发
• 也可以用模板（Webflow、Framer、Notion……）
• 缺点：需要花时间做

2. PDF / PPT

• 最传统的形式
• 方便发送和打印
• 缺点：交互性差，展示效果一般
• 适合：当面面试的时候，或者面试官要求发 PDF

3. Behance / Dribbble / 站酷

• 设计社区
• 可以顺便攒点粉丝
• 缺点：格式固定，不容易讲清楚过程
• 适合：作为补充，不适合作为主要作品集

4. Figma 链接

• 直接给 Figma 文件的链接
• 可以交互，可以看细节
• 适合：UI/UX 设计师
• 缺点：需要组织好结构，不然面试官会迷路

我的建议：

• 最好有一个个人网站
• 同时准备一个 PDF 版本
• Behance/站酷 也可以同步更新
• 不同的场合，用不同的形式

作品集本身的设计

作品集本身的设计，也很重要。 但要把握好"度"。

几个原则：

1. 内容优先

• 作品集的设计是为了衬托内容
• 不要让形式大于内容
• 不要为了炫技而炫技

2. 风格统一

• 整个作品集的视觉风格要统一
• 颜色、字体、间距、版式……都要统一
• 这本身就是你设计能力的体现

3. 易读性好

• 文字要清晰易读
• 图片要清晰
• 导航要清楚
• 不要让面试官"找半天找不到东西"

4. 移动端适配

• 很多面试官会用手机看作品集
• 一定要适配移动端
• 不然体验会很差

5. 加载速度

• 图片要压缩
• 不要放太多视频和动效
• 打开太慢，面试官可能直接就关了

记住：作品集本身，也是你的一个作品。 它的设计质量，也会影响面试官对你的评价。

简历和作品集的关系

很多人会问：简历和作品集是什么关系？重复吗？

不重复。它们是互补的。

简历：

• 概览，快速了解你的基本情况
• 教育、工作经历、技能、奖项……
• 1-2 页纸，一目了然

作品集：

• 深入，展示你的真实能力
• 具体的项目、思考过程、设计成果
• 没有页数限制，但要精选

它们的关系是：

• 简历勾起面试官的兴趣
• 作品集让面试官确认你的能力
• 一起决定你能不能拿到面试

所以，简历要简洁、有亮点； 作品集要深入、有说服力。

面试的时候，怎么讲作品集？

光有好的作品集还不够， 面试的时候，你还要会"讲"。

很多人作品集做得不错，但讲得烂—— 结果面试挂了。

讲作品集，也是有技巧的。

讲项目的时间控制

面试的时候，通常每个项目讲 5-10 分钟。 3 个项目，大概 20-30 分钟。 剩下的时间，面试官提问。

不要讲太久—— 讲太久，面试官会不耐烦，而且时间不够。 也不要讲太短—— 讲太短，说不清楚，体现不出你的能力。

提前练几遍，控制好时间。

讲项目的重点

讲的时候，不要面面俱到。 要突出重点——

• 你遇到的最大的挑战是什么？
• 你是怎么解决的？
• 你最得意的地方是什么？
• 这个项目里，你最大的收获是什么？

把这些讲清楚，就够了。

互动，而不是背诵

不要像背书一样。 要和面试官互动——

• 讲的时候，观察面试官的反应
• 他感兴趣的地方，可以多讲一点
• 他不感兴趣的地方，可以快速带过
• 适时地问一句："这部分我讲清楚了吗？"

互动感好，面试体验就好。 面试体验好，通过率就高。

准备好被提问

面试官肯定会提问的。 常见的问题有：

• 这个地方，你为什么这么设计？
• 你有没有考虑过 XX 方案？
• 如果再做一次，你会怎么改？
• 这个项目里，你最大的困难是什么？
• 你和产品经理有分歧的时候，是怎么解决的？

提前想一想这些问题怎么答。 答得好，会大大加分。

真诚，不要装

最后，也是最重要的—— 要真诚。

• 不会就说不会，不要瞎编
• 不是你做的，就不要说是你做的
• 项目有不足，就大方承认
• 有不懂的，可以说"这个我之前没考虑过，我之后去研究一下"

面试官都是过来人， 你装不装，他一眼就能看出来。

真诚，反而会让他觉得你靠谱。

怎么持续优化作品集？

作品集不是"做完就完了"。 它是一个持续迭代的东西。

每次做完项目，及时更新

很多人，项目做完就完了，不记录。 等到找工作的时候，才想起来做作品集—— 结果很多细节都忘了。

最好的做法是： 每个项目做完之后，趁还记得， 马上把项目的过程和结果整理出来，更新到作品集里。

这样，作品集永远是最新的。 哪天想换工作，直接就能用。

定期回顾和优化

每隔一段时间（比如半年）， 回头看看你的作品集——

• 有没有可以优化的地方？
• 有没有更好的项目可以替换？
• 有没有新的感悟可以加进去？

作品集是越改越好的。 不要指望一次就做好。

多找别人看

自己看自己的作品集，容易"当局者迷"。 多找别人看看——

• 同学
• 同事
• 朋友
• 甚至是陌生人

听听他们的反馈——

• 哪里看不懂？
• 哪里没兴趣？
• 哪里觉得好？

有了反馈，再去优化。 进步会快很多。

写在最后

作品集重要吗？ 重要。 它是你找工作的"敲门砖"。

但是，作品集也没有那么重要。 因为—— 作品集是"结果"，不是"原因"。

你的能力强、项目做得好，作品集自然就好。 你的能力不行、项目做得烂，作品集再怎么包装，也没用。

所以，最重要的还是—— 好好做项目，好好提升自己。 作品集只是把你的能力"展示出来"而已。

但是，也不能因为这样就不重视作品集。 有能力，却因为作品集做不好而拿不到 offer， 那也太可惜了。

好的作品集，应该是——

• 内容有深度（思考过程、结果数据）
• 呈现有设计（美观、清晰、易读）
• 策略有针对性（针对目标岗位）

把这三点做好， 你就能在众多候选人里脱颖而出。

愿你， 既有做好项目的实力， 也有做好作品集的方法。 然后，拿到你想要的 offer。