展示你的技能——如何制作作品集

设计师的目标是用他们的作品集赢得下一份工作。 然而，大多数人都未能创造出能够有效地吸引、吸引和推销设计师的作品。 遵循行业专业人士的建议和最佳实践，设计师可以制作出完美展示其才能和技能的理想作品集。

设计作品集需要给人留下深刻印象并产生影响。 遗憾的是，只有少数人成功了。 设计师可能是高技能和才华横溢的，但如果演示文稿平淡无奇，它将导致打哈欠而不是哇，客户点击下一个作品集。

设计作品集需要专注于一个目标：推销设计师。 给人留下深刻印象、传达引人注目的个人品牌和展示设计师独特风格的机会可能只持续几秒钟。

很多时候，许多设计作品集令人失望，因为它们缺乏启发性、误导性和难以理解。 它们要么不够彻底，要么过于混乱和过于复杂。 他们可能缺乏关键信息，不传达个人品牌，或者不传达职业目标——所有这些都会降低被录用的机会。

设计组合不是过去项目的在线档案。 这不是吹嘘或炫耀以前的项目。 它不适用于其他设计师。 它需要是一个专注的、引人注目的价值主张，旨在吸引潜在客户。 精心设计的设计作品集应展示设计师解决问题的战略能力以及对设计如何传递价值的理解。

客户想要脱颖而出的设计作品。 他们正在寻找能够解决业务挑战并在市场上有所作为的独特、卓越、创新的工作。 因此，要传达设计师的技能水平和客户将获得的产品质量，战略性地规划产品组合并仔细考虑每个细节至关重要。

为了制定构建理想设计组合的最佳方法，我回顾了自己的经验，研究了行业标准和最佳实践，并与 Toptal 的几位设计人才专家进行了交谈，他们每天审查数十个设计组合。

设计作品集的主要目标是让设计师找到工作。 Toptal设计人才专家

瞄准目标受众

设计师需要仔细考虑他们的投资组合的目标人群。 精心准备会产生积极的结果。 无论是哪种类型的设计师——图形、品牌、视觉、UI、UX、产品——产品组合都需要考虑以下几点：

• 设计师希望吸引的受众是谁？
• 如何最好地构建作品集以打动观众？
• 设计师有兴趣从事什么类型的工作？

通常，三种类型的人审查设计组合：客户、招聘人员和设计经理。 构建满足这三种类型的作品集的明智方法是以满足所有三种类型的方式对内容进行分层——尤其是复杂的 UX/UI/产品设计师作品集。

从维度上思考，制作作品集类似于交互设计中的渐进式披露。 第一层，针对招聘人员，设计用于快速扫描，展示最佳工作，正面和中心。 第二层将为客户创建。 它会更深入一点，但仍然允许快速扫描。 第三层将针对设计经理和设计负责人。 对于 UX/UI/产品设计师，这个最终维度将包含详细的案例研究。

三种访客类型：

• 招聘人员倾向于浏览和扫描设计组合。 他们在候选人的作品集上花费三分钟或更短的时间。 他们正在寻找丰富的视觉内容和有影响力的设计作品，并带有简短的项目描述。
• 客户希望看到精致、高品质的设计。 如果参与，他们将花 3-5 分钟审查投资组合。 他们想知道设计师将如何为他们的业务带来价值。 展示基于价值的设计方法以及软技能将大有帮助。 获奖作品集展示了出色的工作以及展示流程、策略和各种设计风格的能力。
• 设计经理希望深入研究项目并对细节感兴趣。 他们中的大多数人会花费 5-10 分钟来审查设计作品集，有些会超过 10 分钟。 在 UX 领域，他们喜欢通过案例研究看到解决问题的过程和设计思维。 经理们也在寻找软技能。 在 UI/视觉/Web/交互设计组合中，他们喜欢看到响应式设计、微动画或视频演练。 展示运动中的产品有很长的路要走。

客户从他们的角度看待投资组合，以实现他们的目标。 Toptal设计人才专家

获得正确的设计组合结构

每个投资组合只有几分钟的时间，客户希望看到具有特定布局的结构良好的内容，以简化他们的评估过程。 一些设计师可能决定违背常规——想要与众不同——但他们这样做是有风险的。 一旦客户形成了负面印象——缺少某些东西、投资组合太奇怪、导航很麻烦——就很难让他们继续审查投资组合。

这是一个复杂的平衡行为。 设计师需要讲述一个故事，同时牢记他们的受众，传达他们是谁以及他们追求的工作类型。 例如，平面设计师需要快速让用户惊叹并留下深刻印象。 在他们的情况下，高影响力的视觉展示可能效果最好。 另一方面，用户体验设计师需要考虑如何构建他们的产品组合以进行深入的项目案例研究。

投资组合内容和布局

首先，传达您的个人品牌以吸引客户愿意与您合作。 炫耀你的设计感。 该网站的外观和感觉应该反映您的独特之处。 公司还倾向于评估其团队的文化契合度。 打开一个简短的介绍，你做什么，你的激情所在，以及你的经历的简短介绍。 个人资料照片不是必需的，但它有助于建立个人联系。

接下来，展示带有“封面图片”的项目画廊，即展示您的设计（网站、手机屏幕）并附有简短描述的卡片。 这些图像必须具有吸引力，才能吸引客户的注意力并让他们想看更多。 但是，正确设定期望——如果人们点击该项目，他们会看到什么？ 再次使用“渐进式披露”方法并将其应用于项目和案例研究的介绍。

如果是图形/品牌设计师，则封面图片可以将访问者带到专门的项目页面，其中将显示更大的高保真图像以及有关项目的更多详细信息。 如果是 UX/UI/产品设计师，请带领人们完成您的设计过程。 以案例研究的形式展示 UX 工件和设计迭代。

在项目页面上，请务必包括：

• 简要介绍项目、解决的问题以及您的角色（即品牌、移动设计、网页设计、UX/UI 设计、UX 研究、用户测试）。
• 产品路线图是什么？ 可交付成果是什么？
• 您是从头开始设计产品还是跳入项目中间？
• 你在设计团队工作过吗？ 你们是如何合作的？
• 显示结果，无论是定量的还是定性的。 突出显示收入、留存率和转化率增加等结果。
• 提供关键知识。 在这个项目上工作是如何让你成为一名设计师的？

一个单独的“关于”页面详细说明了您的设计师类型、任何专长以及您正在寻找的工作类型是典型的。 “关于”页面与您的爱好、宗教信仰或您喜欢烹饪无关。 保持专业。

技能和首选工具列表可以帮助客户和设计团队找到使用特定工具（Sketch、Figma、Adobe XD 等）的设计师。 此外，不要忘记指向您的 LinkedIn 个人资料、Medium 文章和您存在的其他设计网站（Dribbble、Behance）的链接。

设计组合中应包含的内容

• 展示最好的作品，而不是所有作品。 对展示的内容和原因要有选择性——人们的注意力有限。
• 考虑展示一些不起作用的想法以及原因。 你探索了哪些方向但没有采取？ 除了设计作品外，还要讲述一个故事并概述您如何应对挑战。
• 尝试炫耀你的软技能。 几张设计演示文稿（设计审查、战略计划）的幻灯片组合成拼贴画效果很好。 无论在何种情况下——远程工作或现场工作——传达设计原理和概念的能力都至关重要。
• 谈论您在工作中使用的设计方法和特定技能。
• 包括交互式原型、微动画、动态设计，而不仅仅是静态设计。 客户喜欢观看实际产品的视频或 GIF 动画。

什么不包括在设计组合中

• 不要包括旧的、过时的工作。 在图形/品牌/视觉/UI 设计领域超过五年的任何东西看起来都过时了。 设计职业是动态的。 客户正在寻找符合当代现代风格的新鲜、近期作品。
• 不要显示太多图像，尤其要避免低分辨率、像素化的图像。 坏形象比好形象更突出——它不会给人留下积极的印象。
• 避免受密码保护的项目。 大多数访问者没有时间联系、询问密码并返回到作品集。 当人们浏览投资组合时，它会竖起一堵墙，阻碍用户体验。 相反，展示一个带有“联系以获取更多详细信息”的链接的诱人设计。 机密项目可以在面试期间进行屏幕共享。

设计组合技巧和最佳实践

• 战略性地创建您的投资组合。 获得正确的内容、结构和布局。 想想什么该包括，什么不包括。 理想的项目数量是 4-6 个。 保持一切简单、干净且易于扫描。
• 不要胆怯，要大胆。 客户需要在几秒钟内了解您是谁以及您的专长——制作出独特的视觉故事。
• 从简要介绍开始投资组合。 列出您的经验、主要成就和技能。
• 展示并演讲。 人们大多是视觉的。 描述要简洁。 阅读的人越少越好。
• 了解您的优势并定制演示文稿以专注于您想要的工作类型。 如果它是视觉设计/UI 设计工作，那么主要是展示你的工作。 如果是 UX 设计，请展示 UX 项目。 不要过度混淆学科，因为它会削弱投资组合并使客户感到困惑。 不要把自己描绘成“万事通”。
• 首先展示您最严格的案例研究。 大多数招聘人员和客户不会审查所有案例研究。
• 如果是产品设计师，请展示 2-3 个案例研究，但要改变展示方式。 展示产品策略工作与 UX/UI/视觉设计的组合。
• 不要假设任何事情对人们来说都是显而易见的。 在过度沟通方面提供清晰和错误。
• 对项目和你的角色有一个很好的描述性标题。 例如，“金融科技初创公司的企业 SaaS 平台用户体验设计”。 它将迅速传达项目的内容和您的角色。

• 表明您可以从头到尾处理一个项目，或者跳到项目的中间并开始运行。
• 以不同的媒介为不同的观众展示不同的项目，以展示灵活性。 客户正在寻找能够“设计几乎任何东西”的设计师。
• 如果是网页设计师，请提供网站的 URL（如果它在您工作后没有更改）。 客户更喜欢查看最终的实时网站与静态屏幕截图。
• 在项目页面上，首先显示完成的设计并简要提供上下文。 然后，深入研究设计过程。
• 在每个项目结束时提供关键的学习和结果，以及您的参与如何使它们成为可能。
• 如果以设计师的身份开始并且没有足够的项目可以展示，请进行设计练习。 例如，重新设计知名品牌的网站或应用程序。
• 优化搜索引擎的产品组合。 它会让你更容易被发现。 使用“图像替代标签”来描述图像。 这些标签为搜索引擎爬虫提供图像上下文。
• 从设计经理或招聘人员那里获得有关您的作品集的专业反馈。
• 让以英语为母语的朋友检查您的作品集，了解正确的英语。
• 使网站易于浏览并使其适合移动设备（响应式）。

UX/产品设计师的设计组合技巧

因为在 UX 设计过程中生成的大多数工件和可交付成果往往在视觉上并不令人兴奋，所以 UX/产品设计师一直在努力构建一个能够有效传达他们的才能和技能的作品集。 但是有一种方法可以让它发挥作用。

例如，拼贴和双色调处理是可用于 UX 工件的两种技术。 在您专注于展示您的设计过程时，部署能够传达适量信息的速效视觉效果。

提供论文和设计理由来解释你为什么做你所做的。 展示沿途收集的关键知识以及您的设计决策如何影响特定结果。 谈谈你的批判性思维如何揭示用户行为、动机和需求。 这样做将使客户更好地了解您的产品思维过程、方法和策略。

当人们浏览您的作品集时，请明确 UX 的哪些方面在您的驾驶室中。 你处理视觉设计还是UI设计？ 你做用户体验研究吗？ 您在给定项目中的角色是什么？ 描述问题是如何解决的，以及你是如何找到解决方案的，但要简短。

UX 设计师需要将他们的作品集视为以用户为中心的设计项目。 使其用户友好。 想想客户在寻找什么。 证明您了解整个 UX 生命周期的方式。

要避免的设计组合错误

任何妨碍有效的作品集审查的事情都会影响设计师被录用的能力。 当客户和招聘人员遇到障碍时，他们更有可能转向下一个设计师组合。 一些常见的错误：

• 作品集展示过于特殊且“过于有创意”，这会妨碍可用性并使导航变得困难。 使投资组合易于审查。 最好对作品留下深刻印象，而不是作品集的设计。 重点应该放在交付客户正在寻找的东西上，而不需要过多的花哨。
• 不要对演示文稿半心半意。 汗水细节。 拼写和语法检查您的文本。 客户还评估设计师的专业水平。
• 不清楚你是什么类型的设计师，你正在寻找什么，以及你更愿意与哪些行业和企业合作，即电子商务、B2C、品牌、移动、初创公司、大公司等等。
• 避免无休止的滚动页面。 将演示文稿分解成更小的部分，供客户消化。 没有关于你是谁的详细介绍，把它放在关于页面上。
• 避免展示杂乱无章、随意的作品图片，同时不告诉访客项目的内容。 记得讲一个故事。 始终提供上下文。 人们没有时间解读长篇大论的文本和大杂烩的图像集合。
• 使用设备模型来放大设计，而不是分散设计的注意力。
• 不要试图对演示过于花哨（使用倾斜的 3D 设备模型和等距图像）。

• 没有明确说明您在项目中的角色。 尤其是在较大的团队和项目中，对您的参与保持透明至关重要。
• 如果您正在寻找 UX 设计职位，请先关注您的 UX 项目，然后再展示 UI 设计工作。 将用户体验案例研究放在首位，向审阅者表明你的优势和兴趣所在。
• 不要展示品牌风格指南，然后展示不反映它的作品。
• 不要在项目库中显示将人们带到“即将推出”的页面的图像。 从图库中删除该项目，直到它准备好。
• 不要让你所有的案例研究看起来都一样——一种枯燥的、模板化的格式，一个项目到另一个项目。 以另一个角度呈现不同的故事，并改变文物以保持游客的参与。
• 不要只展示你工作过的大品牌公司的截图。 相反，专注于您如何交付价值。 在 Facebook、谷歌或亚马逊工作并不像仔细考虑过你所做的事情和工作的影响那样令人印象深刻。
• UX/产品设计师应避免在没有上下文的情况下展示无数的 UX 工件和成品，而无需遍历其背后的过程。
• 歪曲工作是立即关闭的。 例如，使用任何人都可以购买的 UI 工具包和网站模板。 有些客户可能不熟悉它们，但许多招聘人员和设计经理却很熟悉。 即使设计师暂时侥幸逃脱，很快就会发现他们不具备交付这种质量设计的技能。

设计师可以在哪里建立在线作品集？

今天，有各种无代码和基于模板的投资组合网站可供使用：Webflow、Without Code、Tilda、Squarespace、Wix、Editor X 和 Semplice，仅举几例。 其中，免费产品往往令人印象深刻，与托管公司品牌和子域的使用有关。 付费计划每月从 6 美元到 15 美元不等，它们使设计师能够构建具有专业外观的产品组合并使用自定义域名。

最后的想法

在线设计作品集是您向世界展示的作品，可能会为您提供下一份工作。 如果你没有在它的创作上投入足够的时间，它就会成功。 要成功设置它，您必须精心规划其内容、结构和布局。

当设计师考虑如何构建作品集时，他们可能想要探索其他设计作品集以向他们学习。 特定的投资组合有什么好处？ 什么有效，什么无效？ 如果你是客户，你会聘请那个设计师吗？

当客户审查投资组合时，他们将自己投射到与您未来的工作关系中。 他们想知道，这位设计师的经验、工作和技能如何适用于我的情况？ 在我的项目上与他们合作会是什么感觉？ 设身处地为客户着想。 知道他们只在您的作品集上花费几分钟，让他们可以轻松访问最重要的信息并查看您的最佳作品。

让我们知道您的想法！ 请在下方留下您的想法、评论和反馈。

• • •

进一步阅读 Toptal 设计博客：

• UX 组合技巧和最佳实践
• 展示设计作品：正确的方式
• 关于流程的一切——剖析案例研究组合
• 保持敏锐——如何在工作消退时提高创造力
• 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例