作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
米克罗斯飞利浦的头像

米克罗斯飞利浦

Miklos是一位设计领导者, 作者, 在设计领域拥有超过18年经验的演讲者.

专业知识

以前在

金融时报》
分享

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

设计作品集需要给人留下深刻印象并产生影响. 遗憾的是,只有少数人成功. 设计师可能具有很高的技能和天赋, 但如果你的演讲没有给人留下深刻印象, 这只会让你打个哈欠,而不是惊呼,然后客户就会点击下一个投资组合.

设计作品集需要专注于一个目标: 出售设计师. 给人留下深刻印象的机会, 传达一个引人注目的个人品牌, 而展示设计师独特风格的机会可能只会持续几秒钟.

太频繁, 许多设计作品集令人失望,因为它们缺乏灵感, 被误导的, 和无法解释的. 它们要么不够彻底,要么太混乱、太复杂. 他们可能缺乏关键信息, 不要传达个人品牌, 或者不要传达你的职业目标——所有这些都会减少你被录用的机会.

UX设计师作品集中一个好的设计作品集布局的例子.

设计作品集不是过去项目的在线存档. 这不是关于吹嘘或炫耀以前的项目. 这不是为其他设计师准备的. 它需要是一个专注的、引人注目的价值主张,以吸引潜在客户. 精心制作的设计作品集展示了设计师的战略解决问题的能力和理解 设计如何传递价值.

客户想要脱颖而出的设计作品. 他们在寻找独一无二的, 异常, 能够解决商业挑战并在市场中发挥作用的创新工作. 因此,要传达设计师的 技术水平 客户收到的产品质量, 战略性地规划投资组合是至关重要的 仔细考虑每一个细节.

制定什么是好的 设计投资组合,我反思了我的经历,研究了行业标准和最佳实践 采访了几位Toptal的设计人才专家,他们每天都要仔细审查数十个设计作品集.

设计作品集的主要目标是让设计师找到一份工作. 全面的设计人才专家

一条关于如何创建作品集的推文. 一个好的作品集不仅仅是你所做的东西的集合.

瞄准目标用户

设计师需要仔细考虑他们的投资组合的目标是谁. 细致的准备将产生积极的结果. 无论是什么类型的设计师-图形, 品牌, 视觉, UI, UX, 产品-投资组合需要考虑以下几点:

  • 谁是设计师想要吸引的用户?
  • 如何最好地构建投资组合,以打动观众?
  • 设计师对什么类型的工作感兴趣?

通常,有三种类型的人审查设计作品集:客户、招聘人员和设计经理. 建立一个迎合这三者的投资组合的聪明方法是将内容分层,以一种方式 满足所有三种类型-尤其是错综复杂的 用户体验/ UI /产品设计师 投资组合.

从维度上考虑,制作作品集类似于 进步的信息披露 在交互设计中. 第一层, 针对招聘人员, 是为了快速扫描而设计的吗, 展示最好的作品, 前面和中间. 第二层将为客户端创建. 它会深入一点,但仍然允许快速扫描. 第三层的目标是设计经理和设计主管. 在…的情况下 用户体验/ UI /产品设计师,最后一个维度将以详细的案例研究为特色.

事件应用程序:更改日期交互. UI动画应该是UI设计作品集的一部分.

三种访问者类型:

  • 招聘人员 倾向于浏览和浏览设计作品集. 他们花三分钟或更少的时间看候选人的作品集. 他们正在寻找丰富的视觉内容和有影响力的设计作品,并提供简短的项目描述.
  • 客户 希望看到抛光,高质量的设计. 如果被邀请,他们会花3-5分钟来审查你的作品集. 他们想知道设计师将如何为他们的业务带来价值. 展示 价值取向的设计 方法,加上软技能,将大有帮助. 获奖作品集展示了出色的工作和展示过程的能力, 策略, 以及各种设计风格.
  • 设计经理 想要深入项目并对细节感兴趣. 他们中的大多数人会花5-10分钟来审查设计作品集,有些人会花10分钟以上. 在用户体验领域,他们喜欢看到解决问题的过程和设计思维 案例研究. 经理们也在寻找 软技能. 在UI/视觉/网页/交互设计作品集, 他们喜欢看到响应式设计, 微动画, or 视频走查. 展示一个动态的产品有很长的路要走.

客户从他们的角度来看待投资组合,以实现他们的目标. 全面的设计人才专家

以简短的介绍作为开头是制作优秀用户体验作品集的最佳实践之一.

正确设计作品集结构

每个作品集只有几分钟的时间, 客户希望看到具有特定布局的结构良好的内容,以使他们的评估过程更容易. 有些设计师可能会决定反其道而行之——想要与众不同——但他们这样做是有风险的. 一旦客户形成了负面印象-少了点什么, 这个投资组合太奇怪了, 导航很麻烦——很难让他们不断地查看作品集.

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

创造一个强烈的第一印象对制作作品集至关重要.

作品集内容和布局

首先, 传达你的个人品牌,以吸引客户想要与你合作. 展示你的设计感. 网站的外观和感觉应该反映出你的独特之处. 公司还倾向于评估团队的文化契合度. 以一个简短的介绍开始, 你做什么, 你的激情所在, 再简短地介绍一下你的经历. 个人资料照片不是必需的,但它有助于建立个人联系.

接下来,显示带有“封面图片”的项目图库.e.,卡片,展示你的设计(网站,手机屏幕)和简短的描述. 这些图片需要吸引客户的注意力,让他们想要看到更多. 然而,设定正确的期望——当人们点击进入这个项目时,他们会看到什么? 使用“进步的信息披露方法,并将其应用到你的项目和案例研究的展示中.

如果是图形/品牌设计师, 封面图片可以把访问者带到更大的专门项目页面, 高保真图像将显示有关该项目的更多细节. 如果你是一名UX/UI/产品设计师,请带领人们了解你的设计过程. 以案例研究的形式显示用户体验工件和设计迭代.

一条关于如何建立一个吸引人的投资组合的推文.

在项目页面上,一定要包括:

  • 项目简介,解决的问题,以及你的角色.e.、品牌推广、手机设计、网页设计、UX/UI设计、UX研究、用户测试).
  • 产品路线图是什么? 交付成果是什么??
  • 你是从零开始设计产品,还是直接进入一个项目?
  • 你在设计团队工作过吗? 你们是如何合作的??
  • 展示结果,无论是定量的还是定性的. 突出这些结果,如增加收入、留存率和转化率.
  • 提供关键的学习. 在这个项目中你是如何成长为一名设计师的?
在卡片上展示设计项目是使作品集网站更好的技巧之一.

一个单独的 关于 页,详细说明您的设计师类型, 任何专门化, 你要找的工作很典型. 的 关于 Page不是关于你的爱好,你的宗教信仰,或者你喜欢烹饪. 保持专业性.

在投资组合中,列出的技能和首选工具会有所帮助 客户和设计团队寻找使用特定工具(Sketch, Figma, Adobe XD等)的设计师.). 另外,不要忘记你的网站的链接 LinkedIn 配置文件, 媒介 文章,以及其他您有影响力的设计网站(Dribbble, Behance公司).

招聘美国全职自由UI设计师

在设计作品集中包含什么

  • 展示最好的作品,而不是所有的作品. 对要展示的内容和原因要有选择性——人们的注意力持续时间有限.
  • 考虑一下展示一些行不通的想法,并说明原因. 哪些方向是你探索过但没有走的? 与设计工件一起,讲述一个故事并概述你是如何应对挑战的.
  • 试着展示你的软技能. 设计展示(设计回顾)的几张幻灯片, 将战略计划组合成拼贴画效果很好. 无论是远程工作还是现场工作,沟通设计原理和概念的能力都是至关重要的.
  • 谈谈你在工作中使用的设计方法和具体技能.
  • 包括 互动原型,微动画,动态设计,而不仅仅是静态设计. 客户喜欢看产品的视频或GIF动画.
强烈建议将设计项目的动画展示作为网页设计作品集的最佳实践.

设计作品集中不能包含的内容

  • 不要收录过时的作品. 在图形/品牌/视觉/UI设计领域,任何超过五年的东西都显得过时了. 设计行业是动态的. 客户正在寻找与当代现代风格相一致的新鲜,最近的作品.
  • 不要展示太多的图片,尤其要避免低分辨率、像素化的图片. 一个糟糕的形象会比一个好的形象更引人注目——它不会给人留下积极的印象.
  • 避免有密码保护的项目. 大多数访问者没有时间联系,要求密码,然后返回作品集. 它在人们浏览作品集时竖起了一堵墙,阻碍了用户体验. 相反,展示一个诱人的设计,并附上“联系更多细节”的链接.“机密项目可以在面试过程中被屏幕共享.
一个重要的设计建议:不要有密码保护的页面.

设计作品集技巧和最佳实践

  • 战略性地创建你的投资组合. 确保内容、结构和布局正确. 想想该包括什么,不该包括什么. 理想的项目数量是4-6个. 保持一切简单,干净,易于扫描.
  • 不要胆怯,要勇敢. 客户需要在几秒钟内了解你是谁以及你的专长——独特的工艺, 突出的视觉故事.
  • 以简短的介绍开始作品集. 列出你的经历、主要成就和技能.
  • 展示和讲述. 人们大多是视觉的. 描述要简洁. 人们读得越少越好.
  • 了解自己的优势 根据你想要的工作类型量身定制演示文稿. 如果它是视觉设计/UI设计工作,那么你的工作主要是这样呈现的. 如果是用户体验设计,那就展示用户体验项目. 不要过多地混淆学科,因为这会削弱投资组合并使客户感到困惑. 不要把自己表现成“万事通”.”
  • 首先展示你最严谨的案例研究. 大多数招聘人员和客户不会审查所有的案例研究.
  • 如果一个 产品设计师,展示2-3个案例研究,但要改变演示方式. 将产品策略工作与UX/UI/视觉设计结合起来.
  • 不要假设任何事情对人们来说都是显而易见的. 提供清晰的信息,避免过度沟通.
  • 对项目和你的角色有一个好的描述性标题吗. 例如,“为一家金融科技初创公司设计企业SaaS平台UX”.这将很快传达出项目的内容和你的角色.
Slack聘请的插画师通过案例研究展示了她的设计过程.
  • 表现出你可以从头到尾处理一个项目 或者直接跳到一个项目的中间,开始工作.
  • 用不同的媒介向不同的观众展示不同的项目 展示灵活性. 客户正在寻找“几乎什么都能设计”的设计师.”
  • 如果一个 网页设计师,提供该站点的URL(如果自您开始工作以来没有更改过)。. 客户更喜欢看最终的、实时的网站. 静态截图.
  • 在项目页面上,首先展示完成的设计并简要提供上下文. 然后,深入到设计过程.
  • 提供关键的学习和结果 在每个项目结束时,以及你的参与是如何使它们成为可能的.
  • 如果从设计师开始 没有足够的项目可以展示,想出一个设计练习. 例如,重新设计一个著名品牌的网站或应用程序.
  • 为搜索引擎优化投资组合. 这会让你更容易被发现. 使用“图像Alt标签来描述图像. 这些标签为搜索引擎爬虫提供图像上下文.
  • 从设计经理或招聘人员那里获得关于你作品集的专业反馈.
  • 让一个以英语为母语的朋友帮你看一看你的作品集,学习正确的英语.
  • 使网站易于浏览及适合移动设备使用(响应).
最好展示一个正在运行的网站:一个关于如何为网页设计师构建作品集的建议.

UX/产品设计师的设计作品集技巧

因为在UX设计过程中生成的大多数工件和交付物在视觉上并不令人兴奋, 用户体验/产品设计师一直在努力建立一个有效地传达他们的才能和技能的作品集. 但有一种方法可以让它发挥作用.

例如,拼贴和双色处理是两种可以用于UX工件的技术. 当你专注于展示你的设计过程时,部署快速影响的视觉效果,传达适量的信息.

提供论文和设计原理来解释 你为什么那么做. 介绍在此过程中收集到的关键知识,以及您的设计决策如何影响具体的结果. 谈谈你的批判性思维是如何揭示用户行为、动机和需求的. 这样做可以让客户更好地理解你的产品思维过程, 方法, 和策略.

当人们浏览你的作品集时, 弄清楚用户体验的哪些方面是你擅长的. 你负责视觉设计还是UI设计? 你知道吗? 用户体验研究? 你在一个给定的项目中扮演什么角色? 描述问题是如何解决的,以及你是如何得出解决方案的,但要简短.

用户体验设计师 需要把他们的投资组合看作 以用户为中心的设计项目. 让它对用户友好. 想想客户在寻找什么. 证明你了解完整的用户体验生命周期.

使用用户体验工件的拼贴将有助于构建一个伟大的用户体验设计作品集.

设计作品集要避免的错误

任何阻碍有效作品集审查的因素都会影响设计师被录用的能力. 当客户和招聘人员遇到障碍时,他们更有可能 去看下一个设计师作品集. 一些常见的错误:

  • 作品集的展示过于独特,“过于有创意”,,这阻碍了可用性,使导航变得困难. 使作品集易于查看. 最好给人留下深刻印象 是作品,而不是作品集的设计. 重点应该放在提供客户想要的东西上,而不是过于花哨.
  • 不要对演讲三心二意. 注重细节. 检查你的课文的拼写和语法. 客户也会评价设计师的专业性.
  • 没有明确你是哪种类型的设计师,你在找什么工作,你想在什么行业和企业工作,我.e.、电子商务、B2C、品牌、移动、初创公司、大公司等等.
  • 避免无休止的滚动页面. 将演示分解成更小的部分,以便客户消化. 不要详细介绍你是谁,把它放在 关于 页面.
  • 避免表现得杂乱无章, 随机的作品图片,但不告诉参观者这些项目是关于什么的. 记得讲故事. 始终提供上下文. 人们没有时间去解读冗长的文本和大杂烩式的图片.
  • 使用设备模型来 放大 设计,不来 分散 从设计.
  • 不要太花哨(使用歪斜), 3D设备模型, 和等距图像).
将作品呈现为倾斜的等距图像是要避免的许多设计组合错误之一.
  • 没有明确你在项目中的角色. 特别是在较大的团队和项目中,对你的参与保持透明是至关重要的.
  • 如果你正在寻找UX设计职位,在展示UI设计工作之前,首先关注你的UX项目. 将用户体验案例研究放在首位,向审稿人表明你的优势和兴趣所在.
  • 不要展示品牌风格指南,然后展示与之不符的作品.
  • 不要在项目图库中展示将人们带到“即将发布”页面的图片.“将该项目从图库中删除,直到它准备好为止.
  • 不要让你所有的案例研究看起来都一样-沉闷,模板格式,项目到项目. 从另一个角度呈现一个不同的故事,并改变文物,以保持游客的参与.
  • 不要只展示你工作过的大品牌公司的截图. 相反,专注于你如何传递价值. 在Facebook工作, 谷歌, 或者亚马逊没有一个精心设计的演示文稿那么令人印象深刻 你做了什么,你的工作的影响.
  • UX/产品设计师应该避免展示 没有上下文的无数UX工件 和成品,而不走他们背后的过程.
  • 不如实描述工作内容会让人立刻失去兴趣. 例如,使用任何人都可以购买的UI工具包和网站模板. 一些客户可能不熟悉它们,但许多招聘人员和设计经理都熟悉. 即使设计师暂时逃脱了惩罚, 很快就会发现,他们不具备交付高质量设计的技能.

设计师可以在哪里建立一个在线作品集?

今天,各种无代码和基于模板的投资组合网站是可用的: Webflow, 没有代码, 蒂尔达, Squarespace, , 编辑X, 单纯的,仅举几例. 在这些, 免费提供的服务往往不给人留下深刻印象, 与主机公司品牌和子域名的使用受损. 付费计划从每月6美元到15美元不等, 他们让设计师能够建立一个专业的投资组合,并使用自定义域名.

Webflow提供了许多关于如何使用其无代码工具构建投资组合的教程.

最终的想法

在线设计作品集是你向世界展示的窗口,并有可能为你带来下一份工作. 如果你没有投入足够的时间去创造它,它就会出现. 为了让它成功,你必须精心规划它的内容、结构和布局.

As 设计师 思考如何在作品集中展示他们的技能, 他们可能想要探索其他设计作品集以向他们学习. 一个特定的投资组合有什么好? 什么有效,什么无效? 如果你是客户,你会雇佣那个设计师吗?

当客户审查投资组合时, 他们把自己投射到未来与你的工作关系中. 他们想知道,这个设计师的经验、工作和技能如何适用于我的情况? 和他们一起做我的项目会是什么感觉? 设身处地为客户着想. 知道他们只花几分钟看你的作品集, 让他们很容易获得最重要的信息,并看到你最好的工作.


让我们知道你的想法! 请在下面留下你的想法、评论和反馈.

了解基本知识

  • 设计作品集应该包括什么?

    你的设计作品集内容应该展示你最好的作品. 包括一个互动原型,一个微动画,一个动态的网站,而不仅仅是静态的设计. 试着展示你的软技能. 沟通设计原理和概念的能力至关重要——处理方法和方法.

  • 什么不应该包含在作品集中?

    当考虑如何制作作品集时,最好避免里面有过时的作品. 任何超过五年的东西都显得过时了. 不要显示太多的图像,特别是避免低分辨率和像素化的图像. 最好不要包含有密码保护的项目,因为它们会损害用户体验.

  • 如何改进我的设计作品集?

    通过遵循设计专业人士的建议和行业最佳实践, 设计师可以想出如何制作一个完美展示他们才能的作品集. 改进设计作品集, 观察最佳实践和技巧,专注于你是什么类型的设计师,你想从事什么样的工作.

  • 你的作品集需要多少件作品?

    业内专业人士的共识是,在制作作品集时要包括4-6个项目. 如果是UX/UI/产品设计师,一定要展示2-3个案例研究,但要改变演示方式. 还记得, 你的设计作品集不是一个档案,应该只包括你最好的作品, 不是所有的工作.

聘请Toptal这方面的专家.
现在雇佣
米克罗斯飞利浦的头像
米克罗斯飞利浦

位于 英国伦敦

成员自 2016年5月20日

作者简介

Miklos是一位设计领导者, 作者, 在设计领域拥有超过18年经验的演讲者.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

专业知识

以前在

金融时报》

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.