如何运用体系化思维包装UI作品集？

Sponsor

HI，大家好，我是竹子。又到了一年一度的求职季节，2022年的金三银四似乎非常的冷，每年的秋天，是公司发展做计划的时节，所以有旺盛的招聘需求，但目前随着经济大环境的制约，各产业整体招聘趋于保守，所以设计相关的岗位流动性也在进一步降低。

在整体需求下降的状况下，设计师的求职难度也进一步提高。那么怎样借助品集是全面展现自己的个人素养了。今天分享的关于设计师佳作集现在分享的这篇文章十分长，竹子写了1个三天。整篇文章大概一万余字，分为6个个别论述，需要花一些时间理解。

1、作品集的构思

设计价值

通常意义上觉得设计师的作品集会就是工作以及学习作品的集合呈现，网上有相当丰富的话术和模版去教授作品集怎么排版整理。但我觉得作品集，如果仅仅从各类排版方式成为切入点去考量，是十分直白的，或者更多容易遭遇模板化设计中，这种粘贴复制的作品集是缺少灵魂的。

设计师更多需要考量如何借助作品集去展现个人价值和商业价值。商业社会中，公司的招聘是必须一位有专业度的设计师以专业素养去满足岗位需求。所以我们不仅作品专业度的表达，还必须探讨在整个岗位上下游中，我的专业度表现在那里，我在整个公司的岗位流程中可以提供的设计价值在哪里。

我觉得一个合格的设计师个人价值分为两大块，基础的价值和提高价值。基础价值就是解决公司产品的哲学体验问题。例如UI设计师的基础价值就是日常工作任务，完成详细的界面设计。在作品集展现的佳作静态照片展示就是证明设计师的基础价值的高低。

而设计师的提高价值更多的是自发性成就的价值。提升价值凸显在设计构想的层面，例如整个产品项目的设计的复盘，设计模块的整理，或者团队的设计沉淀分享。这些价值应该更深度的探讨，也是企业看重的价值。设计师借助个人价值设计赋能让公司的产品更有商业竞争力，或者是增加了设计成本。所以作品集以价值凸显来整理成为，会有不一样的效果。

价值呈现

作品集是一个想面试公司呈现你个人价值的窗口，最基础的方法就是列出以往你做过的项目和作品，让面试官从作品中的视觉内容和文字设计说明中去认识你。面试的本质就是公司去观察你的价值是否符合公司的预期，而作品集就是让这一预期提前得到展现。通过筛选进入面试的环节。

如果是有工作心得的设计师，可以在整理作品集的之后，整理项目设计说明中具体说下项目的状况，你在这个项目中承担的角色，以及做了哪些具体的工作。基础员工可以谈下项目执行中一些详细的界面思考。中高级人员可以去谈下例如界面规范的整理递进，工作的协作中你发挥的作用。而资深设计师更需要深度探讨在你在公司内的角色作用。是否有在完成设计基础工作的同时，有一些跨岗位提升工程商业价值，或者实现整个设计上下游工作的探讨建议。

自我管理成长

每个人都是一个独立的个体，有自己的个性和成长模式，对于公司来说期望受到的不仅仅一个设计师，更是一个在一段时间内有更多成长可能性的设计师。所以在打算作品集的之后，自我的深度总结可以让面试官印象非常深刻。我在设计生涯的蜕变中有什么值得表达的特点。

比如在设计市场的参加度，除了完成公司的设计工作外，有没有参加诸多设计的大赛，取得了一些什么成绩。在知识的累积沉淀上有没有成功，比如写了多少设计总结，或者在一些网站上有没有分享。在站酷之类的设计媒体上有没有自己的主页发表了多少作品。

在我的十几年的设计生涯中，我见到无数的设计师的蜕变过程。那么我认为作为一个优秀设计师都有一个一同的特点，就是对设计的热爱，因为热爱会在生活中点点滴滴去关注设计美学，去在工作以外去反复思考揣摩技法。相反一旦仅仅把设计也是做为单一的谋生的方式，工作以外就不会再去探讨钻研，那么成长的高度一直有限。

2、作品集的定位

作品集的定位

UI设计是一个高度依附于产品的设计，所以这个岗位大多集中在中国少数一二线城市，而其它三四线城市则岗位需求少这些。例如上海南京会有更多的产品类型，也经常有更加多样的C端APP的UI需求，而其它新一线城市如北京上海南京则B端的偏后台数据处理类别的UI设计需求就更多一些。

国内其它三四线城市，几乎没有太成型的产品开发团队，所以自然也不会有太多UI设计机会，更多的或许是承接一线城市下发的外包设计需求。所以你会看到这些三四线城市，面试的公司的外包公司居多。

此外不同的城市具备明显的城市产业特性，例如上海由于有阿里巴巴，所以电商相关的上下游以及电商生态链内的公司更多。而上海各类电子行业非常发达，所以智能家居，机器人市场相关的UI需要会更多。所以你必须知道清楚所在的城市相关UI产品需求，作品集有对于性的准备作品。

然而如果你在一线城市有着丰富的互联网设计心得，准备的佳作集类也很有也许在一个二线城市找不到适合工作，这只是作品集作品定位的重要性。

作品集的构成

作品集是全面展现个人素质的表演，所以展示作品也需要有选用的展现，常见的要点就是作品越多越好，不停往作品集堆积各类别型的以及各类时期的设计作品。这种无序的堆积作品会增加整个作品集的可看性，同时也变得不够专业。

互联网设计方向的作品集通常有三个大的设计模式，UI用户体验设计模式，运营视觉机制，品牌视觉模式。每个设计师都必须对于自己准确的状况有选用的打算相应种类的作品集，或者作品集控制好相应作品的比例。

如果在一线城市求职，去中大型公司的机会更多，那么UI的作品集准备类型就单纯一些，整个作品集的侧重UI用户体验设计模式去准备，作品集的展现以解读项目的细节，如何利用设计的技能去改善产品商业价值去表明。因为大城市的公司设计岗位细分度相当显著，需要你在专一某个技能点上显著低于其它人的积累。

而即使你看到你过往的工作背景，项目经验冲击大厂无望，我们需要务实的去一家不错中小型的公司，这个之后专一的作品集甚至是你找工作的很大障碍。因为你提供的设计价值类型虽然比较单一，中大型公司受制于员工预算，需要你提供的设计价值更丰富，涵盖的技能非常广泛，这之后你的作品集需要包括一些运营视觉模式，或者品牌视觉机制的作品。所以大型公司必须专一高级深入技能价值呈现，而中大型公司必须依照全面多项的中高阶技能价值呈现。

常见的要点就是作品越多越好，不停往作品集堆积各类别型的以及各类时期的设计作品。这种无序的堆积作品会增加整个作品集的可看性，同时也变得不够专业。

技能展示

我们看这些设计招聘岗位需求明细，会发现各类工具和技能的规定。UI设计师必须会C4D插画或者代码视频剪辑。出现这样现象通常是设计师需求倒挂，设计师需求量变小，而设计师供给量大，从而使招聘公司增加诸多设计技能需求面来筛选设计师。

然而这些设计师很盲目的起初学习各类技能，希望借助作品集加入更多类别的作品提高自己的设计竞争力。但这种的疗效甚微。因为我们必须读懂市场的意愿，很多公司必须设计师带有多面手能力，但更应该设计师借助作品集展现的是某项专业素养高于其它设计师平均水准，其他技能的叠加也是加分项，而不是必选项。

首先准备作品集前要对自我有确立清晰的定位，明确自己的主技能是哪个。我的作品是倾向UI产品用研类，还是UI视觉表现类，又甚至品牌视觉类。

同样如果你是UI类，作品集必定要围绕产品项目来展现，因为这是你必须向用人单位呈现的核心价值，而C4D插画摄影视频剪辑动等等的技能展示就是辅助，甚至不用。当然C4D插画的佳作呈现要成熟可商用，而不是小练习。很多设计师抱着技多不压身的设想，加入更多的初级训练的小作品，其实这种显然暴露了你的技能不成熟，所以即使不是显著高阶成熟的作品，那么就不要一股脑堆积到UI作品集中。

如果擅长的是UI运营设计类，那么作品有偏向性的围绕相应运营设计模式化去构建。作品集尽可能系统性的展现运营相关的所有作品类别，运营既不是几张插画Banner也不是几个海报的堆砌，而是平台性的围绕某个产品以及某个具体的小型活动去组织作品的展现。让作品产生机制化，而不是零散的作品分布。

3、作品集的设计思维

设计话术

设计话术起源于互联网大厂，是一把双刃剑，本质上是一种文字的内卷。用的好，话术的价值是可以让设计的语言深度受到增强；用不好容易空洞无力悬浮在空中。那么在作品集里话术建议匹配自己的工作经历，比如应届生，不建议写一些学术性很强的话术词汇；例如我们常常在各类UI作品集里发现的用户体验地图，用户画像，产品背景探讨。

由于应届生参加实际项目的机会并不是如此多，却模仿社招工作多年的设计师，去讲述各种理论数据预测。如果面试官深度的去提问，其实面试者有众多自己并不是很懂这种理论话术的涵义。这种不符合真实工作历程的语言表达原来是起反效果的，因为你并不能真实表达你的个人素质。面试官指责千篇一律模板的话术，更期望在作品集提到不一样的详细设计思考。

然而应届生的作品集里我不建议直接写上一些模板化的话术理论。这些话术更多来源于互联网传播的粘贴复制。并没有真实参与过任何商业设计的应届生在表达这类专业话术概念时变得更加的直白浅显。而从用人单位来看，你表现起来的价值，可能就是一些很空洞的理论。所以显然没有机会开启下一轮面试。

一个设计师的语言表达同时要匹配个人年龄和项目经验。理想状况下，随着工作年限增长，应该有自己的知识沉淀和整理输出，做一个在设计圈有输出的人。如何在短短的几十页作品集中提到你的闪光点，我的建议就是真实与真诚表达。抛弃一些浮华的装饰，真实的彰显作品原本。用平实大家看的懂的文字去表达你的设计思路。当然平实并不意味着直白，想到那里提到哪里，而是有小结性逻辑性的表达。

思维呈现

真实的设计构想虽然是一个由多点发散向某个点聚焦的过程。这个过程的细腻表达可以真实的展现你的个人认知总结能力。

在作品集中有两类不好的设计说明的展现。一类就是不加任何探讨整理，只是列举你个人作品，这种是十分散乱的向对方呈现的你的设计价值。另外一种就是很直接的去掉了反思的线性过程，直接聚焦结果。常见的表达形式，这是一个XX活动，为了表达这个主题，我选择了XX风格。这就是典型的反思过程缺乏的表达。

设计的过程需要是一个灵感激发，多点争论，验证决策的过程。可能有设计师认为这是大厂才有的精细分工，中小公司是不具有这种的时间和过程。其实这个过程经常在你的日常工作中都在脑中呈现，只是你有没有注意总结。

思维的展现，不必定用的是文字表达，例如一个项目的参加的过程，会有诸多原型的探讨，头脑风暴的会议。过程的反复，这些可以以图片方式的记录过程在作品集的配图中展现，这也许是一个不错的内心暗示。因为一个真实且仔细打磨的项目以及作品，才会细心的小结留存日常的每一个点滴。

此外任何一个项目，不论规模的大小。我就会认真的小结风格的定义，素材的来源，颜色的参考，数据的支撑这是发散线性思维过程的碰撞，最后给予语言总结表达。这是认知的聚焦。其实是线性的发散性，然后向着集中性去聚焦。这是一个过程。那么在作品集中我认为需要去展现这个思维的过程。

设计复盘

作品集展现的是一个人在工作中的设计沉淀，对于即将工作的设计师，在作品集中，对日常工作的作品进行复盘总结是相当必要的，这样也导致找工作再去整理作品集，时间紧促的尴尬。

目前找工作不仅设计的视觉判断基本的设计师美学素养之外，另外一个看重的点就是工作历程的真实性，面试官会去从你的个人信息部分看你工作的公司，而你作品集却完全没有展现与之相关的作品内容，面试官会对你的工作历程及其作品集内容真实性感觉怀疑。

如何做设计复盘，我不建议做蜻蜓点水没有深度的项目汇总了，过去我们会发现这些UI作品集以项目说明的核心观念去展现作品集，作品集中也并不应该展现所有项目，作品集因为篇幅限制，一个项目短短十多页的展现，从项目的背景到商业价值到调研到呈现，很多的内容加入这种确实很完整，但同时也变得没有深度，同时这类展示因为缺少实质性内容，更倾向于模板化的概念，所以基本上不会有面试机会。

如何做高品质的设计复盘了，我更倾向于在UI展示中选取项目几个步骤进行具体探讨展示呈现，比如一个界面的加码思考的若干版本，最终版本的展现过程。过程中可以借助竞品对比、上下文思考、业务流程体验，等多方面去展现你的认知。这样面试官也可以就详细的细节对你询问。项目完成后，要去反思在项目中与其它岗位对接交流中有没有成就性的强调一些详细意见。做好本职工作的同时，为公司提供更多的演进价值。比如UI设计中协调品牌，或者线上线下设计的各类品牌规范。与运营工作中协调一些广告设计完善，文案的规范。与程序员协调，基于工程的推动，整理整个工程部件，对项目进行复盘，重构。

这种不属于基础价值要求，也不会对公司短期的价值造成直接制约，但却是这些公司期望你具有的特点。这些虽然琐碎的工作也同时是展现你的个人设计沉淀。

虚拟作品

我们都清楚面试UI岗位，基本的要求是有过上线作品，那么要明确上线作品的潜台词是有过实际工作经验，可以在实际的项目中处理各类复杂状况。也许最后展现的界面看上去并不复杂，确是经过深度探讨和产品程序博弈沟通的结果。

然而即使你排版界面看上去视觉不错，但也会被刷掉。原因是UI不仅仅视觉的排版，还必须对产品有所理解，需要和程序员交流设计推动。这些经验必须项目中训练成长受到。如果UI经验并不丰富的设计师，只是纯粹的临摹单个界面，这非常于你考虑的都是点，而缺少多个界面整体性思考。

而这些新入行的设计师必然会经历这个过程，那么我觉得一个虚拟的作品从产品维度去解释，肯定是漏洞太多的。因为你没有经历过，问到一些细节必然回答不是很令人满意。所以虚拟产品首先要做好基础价值的展现，话术的显现反而不是重点，作品集中需要展现页面的视觉精细度。良好的排版用色，图标设计，这是一个界面设计的基础。然后有选用性的按照相关产业的特点去做叠加技能的展示。

如果一个有经验的面试官从作品展现中看起来，你是一个没有经验的设计师，那么仍然去叫你面试，可能是看中你其他的叠加价值特质。比如直播设计中，其实界面设计占比有限，反而直播相关的道具表情设计十分缺，那么你的在打算这个市场的UI作品的之后可以加入更多的相关技能展示占比。电商设计中，因为运营的次数级非常大，所以十分看中模块化，和各类运营技能的叠加。所以初入行的虚拟作品我更偏向于技能叠加的形式展现，而不是纯粹的产品话术式展示。

4、作品集的视觉风格

视觉语言

一个优秀的UI作品集我会从那里判断了，这里有需要说到视觉语言的一致性。什么是视觉语言，通俗的说，就是设计的技巧，整理作品集的过程虽然原本就是一个项目。那么一个作品集的背景用色会在一个基调上，排版设计也会选用相同的图标，输出的字号版式也会一致。这样视觉输出具有规则的韵律感。

UI设计注重于产品逻辑认知的展现，所以新作集的视觉表现尽可能的沉稳，以阅读自然舒服为主，并不要以视觉时尚为设计体现目的。过度的设计包装，只会让作品集的页面看上去格调缺失，比如我们常用的样机使用。在互联网上有诸多炫酷的相机样机，这些样机的使用我建议保守的选用可以不用，不要强行用样机的堆叠增加设计的视觉表现。相反平实整洁的页面展示，页面很清楚的凸显界面设计的细节部分，并对细节进行充分的设计说明。

互联网是一个开放分享的社区，很多设计师会乐意展示分享自己的作品集，所以也会有投机者发生，去搬运他人的作品。有心得的面试官会特别容易分辨作品集作品的真假，因为搬运作品会由于设计语言的不一致，视觉的精细度不一，设计的技巧不一致，而变得阅读突兀，导致作品集观看过后，明显变得不顺畅，这样的作品集很容易被辨别做假，精心整理的佳作集和内容是有显著节奏感的。

视觉基础

先说设计的基础价值，最基础的素养就是设计的视觉表现，也是你整个专业素养的根基，软件的把握，界面的完善，图标的设计，界面的排版，这些是基础素养。在作品集的展现中，面试官大致的翻阅一下，就可以看出你设计的功底。我们一直说UI作品集看起千篇一律，但看细节还是能看出设计水准的高低。

比如UI设计的作品，在这些年前UI设计是必须准确到像素，比如字体精致到像素级对齐。某种程度是以一个匠人的心态去要设计师对待界面。由于高清屏科技的演进，这种规定即将下降以及忽视了。但UI设计精益求精的心态不需要丢。所以做出一个排版舒服，图标精致的界面，这是一个最低的基础要求。可是这些设计师并没有意识到了这点。而遭遇了学习套用这些产品话术中。所以你会发现UI作品集文本化，加入了大篇幅的产品话术。而忽视了界面精细的展现。这样的佳作集因为内容的空心化而会被刷掉。一个良好的UI作品集，应该是兼具UI界面细节的展现，外加适当的设计解释表明。

展示的节奏

当时有学生问过我，作品集里究竟是文字表明多一些还是图片展现多一些好。这是一个没有标准答案的难题，不同公司不同面试官都有自己的理解。我认为市面上的作品集有两种倾向，一种作品集后面填充入特别多的文字，更类似于一个产品说明书。另外一种几乎没有很多文字的表达。完全靠视觉流的照片去展现作品。如果把作品集比做一桌美食的话，美食不管多好，类型单一就会让人乏味，所以展示作品集的只是必须韵律的，我倾向于文字+照片的方式混合展示。关于作品集怎么图文排版，可以查看我当时在站酷写的文章《这样排版作品集版式更美观》

对于UI项目，我认为细节的功能点，一些设计的反思这是需要用文字予以说明的。说明的文字也需要简单浅显，不要长篇大论。当然文字表达仍然是平庸的。作品集必须有一些视觉的看点。比如界面设计中的运营部分，情感化设计，或者界面中的一些配图。进行穿插搭配展示。这样图文混排的展现，既考验了你编排作品的素养，同时让面试官看作品集不至于乏味。

对于作品集的页数也是要严格控制的，一般低于60页的作品集，多了都会变得拖沓了。所以需要挑选精品项目，典型页面予以重点展现和表明，体现你的个人设计思维。而其它一些作品可以完全抛除相关文字表明，直接截图细节展现。这样作品也是让面试官知道到你作品的次数是足够的，水平是稳固的。有主次的设计展现，可以有效降低页数。也导致了长期排版的工作量。

互联网设计是一个快节奏的演进行业，UI设计特别是C端的设计也有一个迅速升级的设计，所以两两年前的界面设计作品放到作品集里就或许显得老旧落伍了。因为表现技巧，用色，排版细节都和现今流行的设计有显著差别。所以在打算作品集的之后要留意及时剔除一些过时的设计，或者对几年前的作品进行升级设计。

5、作品集的规格

作品集的格式和尺寸

作品集我偏好于两种方式的展现，一种是设计网站线上展现，一种是本地的PDF各种。线上我还是首推站酷，因为站酷的网速稳定，尺寸显示非常完全，图片压缩比较小。在找工作的之后分享一个网页链接即可，站酷可以修改个性短链接，用短连接也更易于被辨识记住。本地格式我还是首推PDF，因为这是一个任何操作平台都可以开启的文档格式。唯一必须注意的就是文件大小的弊端。正常的文件不要达到70MB，因为如果文件很大，下载时间过长。HR就会失掉兴趣去开启，也许你就错过了一次机会。

作品集的尺寸我建议以1600为长度基准，高度不少于8000px，一些美国的设计师喜欢用1920*1080的规格。这个型号巨大，单张照片文件超过了5MB左右，一份几十页的作品集文件或许超过几百MB，这是相当不促使邮件发送传播的。

此外从排版展示上来说，大长度宽幅的页面，排版的难度直线飙升，如果仅仅单纯的放大界面和表明文字的字号，只会让页面展示变得粗劣。越大的版面越应该考虑文字的排版方式感对比。无形中提高了更多的设计工作量。

字体与字号

不论是UI类型作品集以及运营品牌类的作品集，共同的目的是展现设计师良好的设计能力，图片展现视觉，文字舒服阅读。这是基本的设计要求。所以作品集我偏好使用基础类的阅读字体，并不应该夸张风格化的字体。我推荐使用方正兰亭黑系列（微软雅黑），思源宋体，细明体，苹方，俪黑等基础字体，在作品集设计说明展示做展示文字字体。因为风格化的字体更加考量图片的色调匹配。而一个作品集或许呈现的设计项目又有多个。从全局考量过多使用色调化的字体，会让整个作品集的色调难以协调。

在一些作品集中，看到设计师选择用海报的方法展现，用了相当大的字号。这种样式化展现，第一眼看很有视觉冲击力，但细看是不好看的，因为你要展现的是作品原本，而不是大字号字体设计。所以关于作品集的字号，可以像UI规范一样，给作品集中使用的文字定好几个标题和正文的字号规范，字号不宜过大。会变得排版粗劣。

色彩与配图

每种底色都由其新颖的心态，也会给面试官带来诸多色彩心理暗示。例如运营类作品集，活动专题比较多，需要渲染浓烈的活动氛围。所以浓烈的饱和度高的色系适合展现运营类作品集。而UI作品集的产品界面非常多，作品集需要重点是内容和文字的展现，所以必须冷静沉稳的色系。从色彩情感上来说，饱和度非常低的色系以及灰褐色系为保守稳重的，没有极力色彩情绪的，百搭任何任何类型的作品展现。所以UI类作品集偏向使用饱和度较低的背景色做为全局贯穿。

作品集的配图也是重要的视觉组成部分，面试官从作品集起初认识一个人，是从个人信息部分起初的，那么个人信息页我认为需要配上一张个人图片，通过这张截图可以初步判定设计师的个人审美。这里的个人照不建议用蓝底以及白底的证件照，因为过度正式板正。而互联网是开放随性的气息，而设计师也需要有自己审美的表达，所以建议使用背景干净，像素清晰的个性照片。

6、拥抱变化

现在UI设计师有两个市场动向，第1个方向转产品交互，需要严密的逻辑认知，当然需要有好的项目机会。因为市场上产品交互类岗位也十分饱和，不会给没有经验的人很多机会，最好的机会是公司内部机会去转岗。第2个方向转B端UI，B端和G端UI设计以后台表单设计为主，几乎没有运营活动部分，主要精力在逻辑认知的和业务的理解上了。另外B端设计就业的公司长期以外包业务为主，研发水平高于C端种类公司，内部流程繁琐。所以视觉素养可能退化的马上，以后很难有机会再转回C端设计了。所以转不转，我持保留谨慎心态。

UI设计发展迅速，有人说就像很难受到大师的发生，也有人说设计是青春饭，干不了太久。因为UI设计本质是商业设计中的一环，并不是单纯的艺术，所以随着商业行业变迁，更新迭代非常快。UI设计并不像医生，律师这类型型的职业沉淀具有明晰的阶段性。需要我们大幅不断的学习，根据行业的差异，拥抱变化，让自己的职业生涯每一步走的非常明确。