这篇文章会手把手教你如何搭建一套优秀的作品集，从「设计师的能力模型」分析到「作品集搭建思路」在到「作品集内容模块拆解」

前言

大家好，我是郭大毛毛，

前几天有大四的小可爱来咨询我是应该考研还是转行做 UX 设计入局互联网行业，那在今年这个行情下我当然是果断劝他去考研，尤其对方是一个普通二本，在学历上没有什么竞争力，也没有对应工作经验，这个时候选择入局基本上就是被按在地上摩擦。据我自己在字节工作期间了解到的，招一个拧螺丝的实习生学历入门要求都是硕士学历，而且海外留学回来的也不在少数，学历内卷严重，所以对于这位同学来说，目前的大环境考研绝对是上上策。

虽然现在整个互联网市场惨不忍睹，对于学历不占优势的职场新人非常不友好，但是互联网行业仍然是汇集了全国最高端人才，和其他传统行业相比发展依旧快的，对于已经有工作经验或者学历背景很有竞争力的同学们，也不要彻底放弃，接下来请打起精神！这篇文章会手把手教你如何搭建一套优秀的作品集，从「设计师的能力模型」分析到「作品集搭建思路」在到「作品集内容模块拆解」，让你顺利拿到心仪的offer。

设计师的能力模型

作品集是设计师拿到面试机会的敲门砖，面试官通过作品集快速给你打标签，来判断你是否是合适的人选，这时候我们需要了解企业在招聘的时候想要什么样的人，按照他们想要的人才模型去包装自己，可以让面试官在众多作品集中快速定位到你。

先看美团的这份资深Ui设计师（B端方向）的招聘要求，「岗位职责」第一条主要讲了这份工作负责的项目是企业办公、数据、工具相关的，那么如果想投递这个岗位你作品集中有类型项目经验在专业技能上会很匹配；第二条和第三条是多方协作和项目推动，基本上是UX设计师的通用技能，每个公司的 UX UI UE 都会有这一项要求，可以抽象为沟通能力和推动力；第四条和第五条是关于个人成长和团队建设，个人成长很好理解就是学习能力了，那赋能团队除了你自己需要学习，更重要的是可以把你的知识传授给大家，一般是通过写文字，或者公开演讲这时候需要很好的表达能力。

从以上拆解的招聘JD可以看出来，企业在进行招聘的过程中最重要的当让是你过往工作经历和当下招聘岗位的匹配度，除此以外也很看重一些通用能力像沟通能力、推动能力、学习能力、表达能力等等。

在招聘者的角度有个候选人能力模型，也就是“冰山模型”，是由心理学家弗洛伊德作发表在《歇斯底里研究》”。他认为，“冰山以上部分”包括知识和技能，是外在表现，比较容易通过培训来改变和发展；“冰山以下部分”包括个人的综合能力、性格、动机、人生目标等等、不太容易被看到。

怎么展示出自己的专业能力

明确自己的定位：

首先明确你要放什么项目，大方向对了怎么走都不会出错，在所以项目的选择上要明确自己的领域，常见的误区就是作品越多越好，明明是B端设计师，在作品集中放了插画设计、动效设计、3D建模等等，以为放的越多看起来越厉害。其实不是的，需要根据自己的具体情况选择相应类型的作品，类型太多会让招聘者没有办法给你进行明确定位，同时也显得不够专业。在数量上也不用太多，选择一到三个项目进行详细讲解可以了。

B端设计师需要具备的专业能力：

B端设计师的趋势是全链路设计，单纯画好界面已经很难找到高薪工作了，需要具备偏向产品和交互部分，从用户体验出发来思考页面如何设计，总结来说市面上对于高级 B 端设计师的业务能力是：分析问题和解决问题的能力，两者结合起来就是B端设计师核心业务能力，如果只会分析问题不能通过设计手段解决问题是不行的，这里的设计手段就是绘制页面；如果不会分析问题只能通过一些设计的视觉手段把页面做的很漂亮，但是没有解决业务的问题也是不行的。

通常出现的误区：

在做作品集中大家都会照着作品集模版放一些前期的思考和分析，但是大部分人只知其然不知其所以然，用户分析、、竞品分析、情绪板等等前期分析乱写，跟下面的设计方案没什么关系。需要注意的是在梳理前期分析的时候一定要多思考，为什么要做这些分析？他的作用是什么？

举例下面这张用户画像，我们分析用户想要得到什么信息呢？图片中只写了用户信息和使用目标，在后面的设计方案里跟这里的内容完全脱节，没有真正从用户的角度思考设计是怎么做的。

另一个误区是：产品目标就是设计目标。举例下图列举的更新信息结构、优化视觉风格这些都是产品目标，设计师工作中拿到需求后直接把产品目标当作设计目标，这样我们在设计拆解会不够完整，在产出完整的设计方案后会不够有理有据。

理清项目的叙述逻辑：

切记不要一上来就开始排版页面，先要理清思路。就像画画一样很多人上来开始画眼睛把眼睛刻画特别细致推着画，最后发现整个造型都跑偏了，前面的努力都白费了。做作品集也是一样，不建议过早的陷入视觉包装，容易页面做的非常精美，内容毫无逻辑，最后还要继续返工。

这里我总结了一套成体系的方法论，来帮助设计师理清作品集中项目介绍的思路，使用 STAR 法则进行项目的叙述，情境 (situation)、任务(task)、行动 (action)、结果 (result) 4 个步骤彼此间逻辑关系清晰明了、一气呵成，从情景到任务，从任务到行动，从行动到结果，是非常严谨的逻辑顺序。

举个例子来方便大家理解，假设我是一个律师，先要有顾客找上门，向我说清楚事件的来龙去脉，以及双方谈价，确定通过这个案子获得的收益，在来判断这个案子接不接（情景）。接了案子后我要先收集证据，翻找律法的条例来找到我辩护时使用的法律依据（任务）。有了充分的证据和法律依据后开庭进行辩护（行动）。最后法官判定得出结果（结果）。将同样的方法用在项目拆解中如下：

项目背景（情景SITUATION）：

这些项目在什么背景下发生的，描述清楚这件事情开始的来由是什么。在我们产品设计中主要有两种场景，一种是从0-1的产品、另一种是1-N项目改版，下面会通过拆解详细案例来说明这两种情况的项目背景如何进行表述。

0-1的全新产品设计

从0-1的产品设计背景通常是外部环境发生了变化，产生了一个很大的机遇，只要描述清楚这个机遇是什么？为什么要抓住这个机遇即可。

举例：2021年双减政策以后，教育局提出让学生回归校园，推动了一个新的概念叫「课后服务」在学校正常放学后，新增加两节课程，培养孩子兴趣爱好陶冶个人情操（描述了市场变化）。这时候就需要学校和大量外部机构进行合作（解释了机遇是什么）。谁能快速搭建出符合学校使用的「课后服务」产品，谁就能抢占市场份额（抓住机遇的原因）。这是一个典型的由外部机遇产生的项目背景。

1-N 的项目改版

1-N 的项目改版往往伴随一些问题，需要去解决这些问题才进行的项目改版，需要注意的是这里千万不要只放一个需求的描述，要解释清楚现在出现了什么问题，这些问题从哪里来的，为什么要去解决这些问题。

大家通常都会讲「出现了什么问题」和「为什么要解决问题」，但是很容易忽略「这些需求从哪里来」，这里通常分为外部原因和内部原因：

内部原因：产品架构上拓展性差，难以继续增加新功能满足用户；没有组件化同样的组件每一次都要单独设计单独开发一次效率低；内部产品和设计走查后发现体验一致性低。

外部原因：通过用户调研、客户反馈、埋点数据、业务数据得到的反馈。

举例：我现在做的一款发展中的产品，前期为了快速搭建起来给用户使用，无论从产品设计还是从技术方案上都很简陋，随着客户越来越多，对产品的要求也越来越高，在产品的功能和用户体验上明显落后于竞品（出现的问题）。导致老客户续费率低、新客户开单数少，整个公司的营收数额没有达到预期（通过售卖的业务数据得到）。这时想要留住老客户、增加新客户，就需要优化改版，提高用户体验和产品性能，增加产品的拓展性为以后服务更多客户做准备（为什么要改版）。

前期分析（TASK任务）：

接下来就要以设计师的视角切入，为找到合理的设计方案来做一些分析和推导，是一个设计推到的过程，常用手段是：竞品分析、用户分析、体验地图分析，通过这些推导和分析得到的结论，能为我们接下来的设计做指导，从而将产品目标转化为设计目标。

竞品分析：借鉴竞品的优点，规避缺点及特点，从而总结出我们产品在设计中有什么机会点。举例：在做一款产品某个功能，去参考竞品的视觉以及交互有没有值得借鉴的地方，首先要选择竞品和自家产品使用场景一致的产品，比如抖音VS快手、淘宝VS京东。去体验相关功能并总结出每个产品的优点和缺点，最后抽离出哪些点值得我们借鉴。

用户分析：分析用户群体特征，针对用户的群体和特征应该使用什么样的设计手段。举例：一款学校老师使用的产品，通过数据统计，教师的年龄分布很广从30-50岁都有，不过一些资深教师年龄普遍偏大，使用电子产品会有抵触情绪，学习能力也很差，所以在设计过程中要考虑降低系统学习成本，提升系统易用性

使用场景：拆解用户在每个场景中的行为，探索其可能的评价和感受。举例：还是学校老师用于在考试前用来出卷的产品，是一款工具类型产品操作比较复杂，只有在考试的时候才会使用，通常学校里考试的频率很低，使用间隔很久，用户很容易在下一次使用时忘记怎么操作，所以在产品设计的时候路径的唯一性和交互设计的稳定性非常重要。

设计落地（ACTION行动）：

为了达成上面推导出来的设计目标，采用了哪些具体的行动就是设计落地，是整个作品集最重要的部分，真实展示设计实力的地方，总结来说包括设计目标、设计策略、设计方案，从设计目标到设计策略，再到设计点是一个慢慢往下推导的一个过程，环环相扣。

在OKR工作法中，设计目标一个「O」根据前期分析得到的；设计策略是「KR」，为了达到设计目标我们应该怎么做？建立在设计目标的基础上，每个目标可能有多个策略，一般在罗列的时候建议不操过3点；每个设计策略会有多个设计机会点，这些执行的设计点也就构成了我们的设计方案。

举例：通过前面的分析得到的设计目标是「降低用户的理解成本，让用户可以自主使用产品」，「KR1」是增加新手引导功能，提供触手可达的帮助；「KR2」信息与功能感知简化，对现有的信息排版进行优化，让用户一眼就能看到重点要操纵的地方；「KR3」设计契合教师用户的试卷设计。设计方案集中体现个人的设计专业水平和设计方案落地能力，用于呈现典型的交互原型、视觉页面、上线效果等页面，在设计方案中无论是页面、模块、流程的优化，都要展示出你的设计依据和思路、过程稿、元素拆解、以及多个版本之间对比优缺点，要避免设计定义不明确，罗列产品的想法，缺乏设计方面思考，设计点没有理论依据。

项目总结（RESULT结果）：

最后项目结束带来了什么结果，用户反馈、数据验证、沉淀了什么样的设计规范。项目总结是个人能力或价值的展示，一方面可以体现出设计师个人对设计过程的认知和反思能力；另一方面体现设计师个人可衡量的设计价值，上线后的结果是什么，通过一些客观、落地的量化评估数据来展示设计的价值，更加的有说服力。设计价值包含两个部分一个是商业价值另一个是复用价值：

• 商业价值：通过上线后的用户满意度、用户行为路径（客观数据）、项目结果表现等数据来量化设计产出的商业价值。
• 复用价值：设计经验沉淀以后被多个项目所复用，能够提升后续项目的设计效率，如设计过程中解决问题的思维方式和推动落地的执行力、后续设计工作有哪些坑可以避免等。

  
  通用能力的体现
  
  

  业务能力介绍完以后，需要放一些通用能力，占整个篇幅的20%就可以。通用能力是不针对某一具体职业，而是从事任何工作的任何人，要获得成功都要具备的能力，具有跨职业的，有助于终身学习的，可发展独立性能力的特点，这部分对于初级同学可以简单说，但是对于想拿高薪的同学非常重要，在前面业务能力差不多的情况下，这部分是和其他候选人拉开差距的重点，包括表达力、执行力、抗压力、洞察力、思考力、推动力、抽象能力、自驱意识等。👇 举例一些具体怎么做：

沉淀设计规范：

关键体现你在现有各种设计规范、流程规范的基础上发现的问题，如何做的优化，使之成为可持续的设计准则，以及其产生的有效的正向影响。落地到实际工作中可以是组件库的搭建、设计交付物的规范制定、以及一下设计专项研究（微文案、帮助体系等）。

举例：发现了目前的团队没有固定的组件规范，也没有人去梳理这部分内容，就导致无论是研发还是设计团队都在重复造轮子，产品的一致性差，发现这些问题后成立了专项小组，推动了组件库的搭建，在任何场景下都遵循这一规范，增加研发团队的确定性节省不必要的设计，保持系统一致性，让设计师专注于创意最需要的地方。这整个过程中体现了你的洞察力、推动力以及抽象能力，搭建组件库就是一个抽象的过程。

团队管理能力：

关键体现你根据业务情况对团队流程和制度进行的优化和改进。在现有流程与制度的基础上发现的问题，如何做的优化，使之成为更为有效的团队流程与制度，以及其产生的有效的正向影响。比如设计评审流程、周会流程等。

举例：在设计评审阶段发现每次时间都很长，主持人讲自己设计稿的时候也没有说清楚项目背景，设计依据，大家很容易发散，为了解决这个问题，制定了设计评审机制，主持人在讲自己设计方案的时候要讲清楚项目背景，前期的思考，讲解过程中大家不要打断，可以直接在设计稿上评论，整个讲解过程不要太长，控制在半小时内，讲解结束后一条一条的过评论的内容，过评论的过程中遇到难以马上解决的问题记录下来，会后单独去沟通，不要占用大家时间，整个设计评审会议时间不要超过两个小时，保持高效。

沟通协作能力：

设计师负责一个或几个项目时，对自己的项目有应该具有合理安排优先级，推进自己设计在多个项目里很好的被还原，主动推进优化的能力，这些都需要更有效的沟通和协调，这也是作为一个支持部门必须要具备的一种基本能力。

举例：作为产品设计师，和研发团队配合工作时难免会有些摩擦，如果能有效沟通会让工作效率和质量大大提升，在和研发对接过程中设计师要避免频繁改稿，遇到必须要调整的信息要及时和研发同步，并且在工作的过程中要统一目标，在大家有同一个工作目标后，哪怕设计稿交付后又一点小小的改动都是可以接受的，避免在交接给研发后自己偷偷调整设计稿，不及时同步沟通，这样无论脾气多好的研发都会觉得很恼火。

个人影响力：

影响力是专业能力从量变到质变的体现，在工作几年后，总结出一些方法论并输出给行业其他小伙伴，工作时间越久的设计师这部分越重要，对于工作五年以上的设计师影响力可以划分为专业能力的范畴，用影响力来证明自己的不可替代性。

举例：在设计平台上发布的作品，如国内的站酷、UI中国、花瓣，国外的Behance、Dribbble、pintrist等，公众号发表的经验文章。这过程中需要不断进行知识输入以及工作实战经验总结，也可以锻炼很强的写作能力、逻辑思考能力、分析总结能力

个人介绍怎么写

个人介绍通常放在作品集的第一页，让面试官快速了解你的基础信息，以及是否与该岗位匹配，这里不需要写的太详细，面试官这一页只停留几秒，重点展示个人信息，学历、工作经验、个人擅长技能，有照片可以放一张美美的个人照片，高颜值可以加深面试官对你的印象，最后一定要注意在这一页写清楚 联系方式！

作品集的视觉表现

对于设计师除了内容以外，视觉包装也很重要，是设计基本功的体现。是市面上有很多流行的风格，比如潮酷、酸性、卡通，复古等等，但是作为 B 端设计师，不太建议使用和产品差距太大视觉风格，作品集的风格调性决定了气质，B端产品大部分还是以专业、科技为主，如果你的产品中有一些插画、3D元素也可以融合在视觉包装里，也可以在背景中穿插一些产品行业特性的照片，来和其他面试者拉开差距。在色调的选择上也最好和产品的色调保持一致，如果产品的品牌色是蓝色，作品集的包装最好还是使用蓝色。

封面的设计是面试官对你作品集的第一印象，封面的风格要和作品集整体保持一致，可以运用多种潮流设计手法，如液态、局部放大、光影、毛玻璃、排版需要符合当下潮流设计趋势；极致的简约和排版，高质量大气的图片（自己照片）叠加效果运用在封面设计中，👇 是站酷推荐上一些优质封面截图，仅供参考。

注意要理清楚思路后再进行视觉包装，B端设计侧重于产品逻辑思维的呈现，以阅读自然舒服为主，不要以视觉炫酷目的，去掉除了渲染氛围以外不必要的装饰。页面要很清楚的展现界面设计的细节，在界面附近简洁扼要的说明设计思考。保证视觉语言的一致性，整体的形色字质构保持风格一致，不要出现低质量图片和设计细节不到位，比如：同一个页面中同样层级的卡片圆角不一致，这种情况很难去说服面试官为什么不一致；图标的统一性不够，有的很复杂有的很简单，很像直接从网上下载没有进行设计修改就直接使用；低级错误，错别字、同样的卡片左右间距不一致等，这些都是不应该犯的错误，基本上没有面试机会的。

最后，调整好心态

最后一定要保持好的心态 ，不要否定自己，由于当下设计岗位日益饱和, 一个岗位会对应多个候选人,多方面因素会影响面试官对你的判断,被pass不一定是因为你不优秀,很有可能是不够匹配。长期有耐心做好打长期战的准备,准备越充分,拿下 offer 的概率就会越大。大厂面试3-4轮，整个周期在一个月很正常,长时间没有收到反馈也不要太焦虑，可以联系HR问下结果。

整个面试过程中不断迭代作品集，先从小公司开始面试，每一次面试都可以积累很多经验，知道自己的不足，不断调整作品集调整话术，手里现有offer后，会更有底气去面试自己最心仪的公司，谈薪阶段和可以更好的去聊薪资，最后祝大家能顺利找到心仪的工作。