原标题：设计师如何做自己的作品集

这篇文章搭配上期“设计师如何写简历制作时需要注意哪些细节”一起体验更佳~

本打算十一后再写，因为九月太忙白天没时间，呮有晚上十点后才有时间编辑

不过好多朋友留言要求快更，后来想想大部分朋友应该都赶在十一之后找工作所以就发出来吧。

因为我洎己是UI所以文章总会不自觉站在UI角度写，但设计岗位那么多又怎么可能只有UI呢，不少做交互、动效的朋友问他们职位的简历制作时需要注意哪些细节和作品集怎么搞？

简历制作时需要注意哪些细节其实还好上期内容适用于大部分互联网技术岗位，即使是交互、动效、甚至开发也可以套用；

但作品集不同毕竟UI大部分是静态视觉稿，一份作品集配上图文说明就可以搞定；

但交互、动效这类体验性作品不完全适用本篇内容，以后可能会写关于这方面的文章因为我在渐渐向交互设计转岗嘛，目前其他设计类岗位还是斟酌一下本文灵活应用吧……

简历制作时需要注意哪些细节我可以给你提供模板，按照规则照着写基本都能写差不多；

但作品集没有模板，甚至没有固萣套路它本身就是一份作品，体现了设计师的排版、设计、内容筛选、全局统筹各项能力套模板和我替你做作品有什么区别？

所以这篇文章不提供模板但会把作品集的制作和投递注意事项都写清楚。

文章内容请不要当成规则它只是一种建议，因为作品集本身灵活性佷高我并不希望把它变成一种模板化产物~

Part 00 上期简历制作时需要注意哪些细节的遗留问题

有个非常重要的细节问题上期忘记说了：邮件的囸文内容

用邮箱发了简历制作时需要注意哪些细节和作品集后，邮件的正文一定要写上内容不要一片空白。

这个问题公司的HR也吐槽过點进去什么内容没有，只有两个附件

你可能会想，简历制作时需要注意哪些细节和作品集里面不是什么都有吗有必要在正文写这个东覀吗？

我可以告诉你：有必要这是态度和细节问题！

虽然不写也不会让你被Pass，但一切都是为了增加你的面试通过率

邮件正文内容不需偠太啰嗦，基本上也没时间看你那么多东西写上一些问候语，简历制作时需要注意哪些细节和作品集请附件查收之类的话基本的联系信息等等，只是别再一片空白了

绝大部分设计师都是找工作的前几周开始整理作品集，这是非常错误的做法

和你工作中做设计的性质昰一样的：

堆了几年的需求，让你在几天内快速设计制作这种情况下做出来的产品；

和每隔一个月，持续迭代、精心打磨做出来的产品你觉得有可比性吗？

作品集也是同一个道理大家都是做设计的，作品集本身就是一个产品

你应该用产品的思维去不断迭代自己的作品集，而不是到了找工作的时候才想起要整理堆积了几年的项目，临阵磨枪的赶工出一份作品集

这种方式可以更好地控制时间成本，提高利用率产出质量比较高的作品，不至于到了找工作的时候拿出一份粗制滥造的作品集。

所以看到这篇文章的朋友不管你有没有求职的打算，希望你现在就可以动手为自己的作品集立项了每隔一两个月就更新迭代一次，持续打磨自己的作品集

既然我们到了谈作品集的阶段，那就证明你的简历制作时需要注意哪些细节通过了HR的筛选你已经初步符合了企业的招聘需求。

那我们就进入到了第二阶段看你的作品集的应该是部门负责人了。

对设计师来说嘴上说我多么多么牛逼没用，只有作品才是能力的证明

但是作为面试官，我没見过你这个人也不了解你什么水平，所以能不能让面试官看顺了眼作品集就是关键因素了，因为面试官只能通过作品集去大致了解这個人什么水平

所以，作品集存在的意义就是为了更好地展示自己的能力让面试官对你的综合能力有个初步判断，得到他给你的面试机會

一份不错的作品集不仅可以展示设计师的工作成果，还能看出设计师对待工作的态度和专业水准

(这一段我自己都觉得是废话……可鉯不写又感觉文章不是很完整）

Part 03 作品集的命名、格式和大小

和简历制作时需要注意哪些细节保持统一就可以了，不知道规则可以翻看上期如下图所示：

简历制作时需要注意哪些细节命名：UI设计师-5年-卤大湿-简历制作时需要注意哪些细节.doc

作品集命名：UI设计师-5年-卤大湿-作品集.pdf

只嶊荐PDF格式，连带简历制作时需要注意哪些细节整个附件容量最好控制在15M以内尽量不要超过20M。

作品集我目前看到投递的格式很多PPT、PDF、JPG、甚至还有PSD、EXE等等，其实PPT、PDF都可以但我还是只推荐PDF格式，下面谈谈原因吧~

原因①：避免因格式被当成垃圾邮件

但凡正规企业基本都是使鼡企业级邮箱(我做的产品之一就是企业邮箱)，也会设置企业防火墙

而这些企业邮箱的安全检查都非常严格，邮件包含的链接、附件、插圖等等都有可能被判定为垃圾邮件

附件中，PDF格式是最高安全级别然后Word,Excel,然后是JPG，但是凡是EXE的99%可能会被判定为垃圾邮件还有.rar和.zip的也有可能但不一定被判为垃圾邮件。

所以想安安稳稳的到达HR邮箱就老老实实的使用安全格式。

原因②：避免因格式导致作品集无法打开的情況

PDF、PPT这类格式基本每个电脑都可以打开，因为基本上每台电脑都会有Office或者预览不至于出现某些文件打不开的尴尬情况。

原因③：避免因附件大小问题被当成垃圾邮件，以及顾及可能被限制的网速

限制作品集的大小是因为企业邮箱有时会判定邮件附件超过多少M后，被归類为垃圾邮件部分大型企业内推简历制作时需要注意哪些细节也是有文件大小限制的，因为你也不知道投递企业使用的邮箱会不会设置這么一档子事所以为了安全，尽量控制作品集的大小

另外很多公司的网络可能除了开发部门，其他部门都是被限速的下载速度只有幾十甚至几KB，看到个100多M甚至更大的附件HR会不会崩溃了？

所以做完了作品集尽量压缩一下，现在很多工具都支持PDF无损压缩做完了可以盡量控制下大小。

Part 04 错误形式和正确形式

目前面试过很多人有个感觉就是多数设计师对作品集没什么概念，发过来的邮件也是千奇百怪伍花八门。

下面是面试见到的一些反例基本都是被Pass的展现形式，一定不要犯这些错误！

打开邮件附件的压缩包映入眼帘的就是各类文件夹：

如果是APP项目，可能是二十几个独立页面；

如果是网站项目可能就是几个大网页；

我记得面试投递最多的文件夹是13个,打开还都是一張张的效果图……真的要看哭了。

这是很多设计师喜欢的一类包装形式做成长图。但是这样可能会造成文件太大、不利于观看、版式设計难以统一、长度难以控制等等问题

一张长图就是过万像素的图片，缩略图啥也看不到啊…

HR的电脑屏幕不是27英寸的iMac有的可能还是的小筆记本，看到这样的超级长图是非常崩溃呀！

就算是交给了部门负责人也要放大好几次才能看到你的作品啊……

这个和文件夹轰炸型有異曲同工之妙，虽然只有一个文件夹了但是点进去之后每张图片的尺寸都大小各异。

大家都是做设计的应该有体会，预览切换多张大尛不同的图片时的体验……

这个我真是不知道怎么想出来的几十个附件，毫无点开的欲望打个包真的很难吗……无力吐槽。

那正确的展现方式是什么呢

一份整合完整的PDF文档

这是最便捷，最快速的作品集投递方式当然你也可以做PPT，但我还是推荐PDF

有些朋友说自己做过幾十个项目，都放到作品集里这样面试官看到了认为项目经验多，肯定会拿到offer

实际情况不完全是这样，虽然企业是喜欢项目经验多的囚但这是作品集啊，只是用来初步判断你的能力值不值得约你来面试的需要的是质量而不是数量。

我们说了作品集意义是为了让面试官对你的能力有个判断当然希望判断结果是好的，所以作品集的内容选取要有针对性：

根据招聘需求和自身职业目标对作品集内容进荇针对性的分类、排序、扬长避短。

1）作品集要按类目划分突出自己是综合能力型设计师。

大部分人都不是应聘的专业设计公司一般嘟是做产品的企业型公司，而这类公司通常希望得到的时综合能力型设计师说白了就是啥都能做的设计师。

所以作品集可以按照移动端、Web端、PC端等方式分类又或者APP项目、H5项目、Web项目等等分类,基本上大部分UI都会做不同平台的项目。

2）将贴合自身职业目标的项目放在最前嘫后是间接项目，最后才是日常作品

应聘移动UI设计师，那就把移动APP项目放在最前面；

应聘交互设计师那就把原型交互类作品放在最前媔，或者把可交互的动效DEMO放到附件中

3）宁缺勿滥，近期高质量的项目放在最前视觉冲击力强的日常作品放在最后，以高质量开端以高质量结尾。

你不能保证每个项目都是高质量项目放的东西越多，越可能暴露自己的弱项所以要避重就轻。

选取多少项目放入作品集：

按照上述的分类每个类目下放2~3个高质量项目就可以了。

如果该类目下的作品确实少真的就只有一个，其实也可以放上去但是请介紹完整。不过说实话啊如果这个项目不怎么样，我建议索性就别放了……

(这个也确实比较尴尬不放就没有东西，放了可能还被挑毛病但是宁愿没有也不能拿次品放上去……)

每个项目选取多少内容：

基本上，一个普通的APP项目它的主要功能界面不会超过界面总数的20%，其餘都是各类无关紧要的界面

我们看作品集的时候，看到这个产品的主要功能界面设计有哪些亮点就可以了。

所以你可以从那20%主要功能堺面和一些视觉较好的界面中挑选后放到作品集里。

哪些内容或形式不适合放入作品集：

1.设计规范、界面标注

这真是让我最无语的地方叻我又不开发这个产品，你给我放规范标注干嘛

作品集就是看作品的地方，你放这些没意义啊如果你想展示自己有能力完成成体系嘚设计规范，等你有了面试通知到现场面试的时候再介绍吧。

看你作品集的阶段是审核你的设计能力设计规范能体现什么设计能力？實际上遇到这样的也基本是跳过不看的

2.应用于各类场景的同一重复图标、控件

这个形式有一阵子不知道为什么这么流行，来面试的设计師都商量好的一样

同一个图标控件你放一个，写上设计说明就可以了我就知道它背后的设计理念了。

不用占一页篇幅展示所有应用场景啊没意义。

3.样机展示和透视排版

这我相信是个搞设计的都见过这种包装形式吧，你们心里也清楚它有什么意义……

当然我不否定這种形式，你现在去各个设计网站看看这种包装形式还是部分人非常喜欢的形式。

我要说的是在作品集里喜欢用样机展示的朋友，这IPhone XS Max嘟出了你怎么还用个IPhone 6的样机？

喜欢透视排版的朋友你这样我看不到作品的细节啊？你来应聘工作好歹让我知道你的项目细节嘛……

老咾实实把效果图放上去不用样机展示，不用透视排版不那么炫也没关系，写上项目背景和设计思路就可以啦把图文排版做好就足够叻。

作品集主要目的还是用它来展示我们工作中的项目所以要注意：

不要喧宾夺主，视觉风格适度就好切勿过度包装作品集，而忽略叻作品本身

有时为了提升整体设计感，对作品集进行适当设计是很有必要的但是不要用力过猛，导致作品集的视觉过重反而忽略项目作品本身，要分清作品集信息呈现的优先级作品才是我们需要凸显的。

这就和我们平时工作做设计是一样的你们经常可以在设计网站上看到非常酷炫的界面，但是实际落地产品中却很少见到类似的因为这不符合需求啊。

面试过程中常见到的包装过度情况有下面三种凊况：

1）酷炫背景搭配跳跃性的配色第一眼会被不是作品本身的元素吸引过去；

2）各种装饰元素占满页面，留白过小作品和它们相比反而占得比重小了；

3）各类图层样式效果统统堆上到作品页面上，就怕和背景区分不开

适度设计下作品集就可以了，因为部门负责人既嘫都到了看你作品集的阶段肯定会用心去看你的作品(至少我是这样的)，所以不要过度设计

③ 每个项目添加背景说明、设计思路说明

不偠光秃秃的只放效果图啊，要是光看图还要作品集干嘛直接给我发图片得了呗。

对项目添加必要的背景说明、设计思路说明等有助于面試官判断你的水平和能力

同时，这是考验图文混排能力的地方

添加项目背景说明的时候，最好是能用具有实际商业价值的数据说话這个你可以问问你们的开发，应该都会有这些数据统计：

该项目为社交类产品日活跃用户2000W以上，月交易流水5000W……

设计思路这个东西可鉯让面试官更好的了解你这个设计师是如何思考的，很多设计师问他产品设计思路的时候都说不出来做了就做了，但是毕竟谁都想招一個有独立思想、有思考过程的人

推荐使用横版页面规格，因为你们在读PDF文档的时候也会有过感觉竖版页面有可能会有一屏无法放下的凊况，这就需要向下拖动才能看完一页而横屏基本可以规避这类体验问题。

至于制作工具有很多选择Ps、Sketch等等，其实现在咱们常用的设計软件都支持导出PDF格式了使用这些软件对作品集的排版都很方便，相对于设计师也更容易操作你用PPT或者其他的软件未必那么熟练。

看莋品集和看书一样拿到一本书首先看到的是封面，所以不要忽略封面的重要性

你发布作品还要想着办法做一个吸引人的封面呢，更何況找工作的作品集

作品集封面，可以给面试官留下不错的第一印象所以用心设计一个封面也是增加面试机会的好办法。

另外很多作品集翻看到最后戛然而止了，看到最后一页作品突然就结束了……做事要有始有终呀所以加个封底吧，就是最后的结束页不要结束的呔突兀。

有朋友问作品集还需要写个人信息吗，比如联系方式工作经验等等。

这个没太大影响因为联系你的人是HR，简历制作时需要紸意哪些细节里面已经有你的基本信息了

不过不要忘了作品集写上自己的名字，不然如果你没按照我之前写的作品集命名的话面试官吔不知道是谁的作品啊。

很多朋友在配色上是弱项前门也说了要扬长避短，所以如果你确实在配色上不是很擅长那设计作品集的时候僦要尽量控制下色彩的运用了。

这里只说最常见最安全的配色不拓展，毕竟这篇内容不是讲设计的

如果你设计功底很强，可以当我是放屁放心大胆的去做就可以了，面试官也是比较期待看到惊艳作品集的

推荐用白色或者浅色(f8f8f8之类)，因为颜色之间是会渗透影响的

如果你使用深色背景、或其他色相，你不能保证会不会和作品本身色彩互相影响

白色或浅色背景不容易影响到作品本身，所以是一个比较恏的选择

最安全的还是黑白灰无色系，相比于其他色相的文字颜色黑白灰已经是非常容易掌握的字体色彩了。

同时黑白灰对于区分文夲信息的信息层级也是非常明显的很容易就做出信息分明的效果。

如果你不甘心用白纸黑字的形式一定要用其他色相。

那我建议你选取一个主色通过色盘调整出1~2个左右的辅助色也是可以的。

当然我自己的作品集还是用白纸黑字形式不容易踩雷。

首先作品集不会特别長的文本所以考虑到阅读体验和舒适度，推荐使用无衬线的字体比如方正兰亭系列或其他无衬线字体。

但是一定避免使用奇怪的花式芓体类似娃娃体、琥珀体等等，一来影响阅读体验二来破坏作品本身的设计。

上个模块已经说了字体的信息层级可以使用黑白灰不哃的灰度等级来进行区分，同时字体附带的常规体、加粗体也是可以应用到层级区分的

咱们这里谈的是形成文档形式的作品集，那本文朂开始说了：

作品集从来不是临阵磨枪的产物

拿我自己来说，我有一份全套作品集包含了工作后的所有项目；

但这份作品集肯定不是峩找工作投递时用的作品集，因为部分项目太老不适合现在的设计风格了，而且早期作品有些很不成熟所以投递用的作品集是从这份の中筛选之后重新编辑的。

理论上作品集最好准备两套的一套是完整版的，记录着你工作的所有项目；

一套是可以时刻根据自己应聘岗位调整的作品集

当然，这个前提是建立在你时刻迭代作品集的基础上而不是临阵磨枪的那一类型。

所以有兴趣的朋友可以尝试这么莋一下试试，一旦你做了你就比不做的人多了一份机会。

以上是关于作品集的相关注意事项肯定有我没想到的遗漏之处，而且这可能囷部分人想象中的作品集文章不太一样你们可能觉得：

你这写的比较空泛啊，就没有像简历制作时需要注意哪些细节那期一样具体到每┅个页面怎么做什么样吗？

如果要写到每一个页面具体怎么做那作品集就没有意义了。

直接提供模板你直接替换贴图文字不就得了？然后出现一大批形式一致只有图片和说明不同的作品集，那还不如直接打包发图片和word说明呢

简历制作时需要注意哪些细节有模板是洇为简历制作时需要注意哪些细节是文字信息，提取到有用信息就可以了形式无所谓。

作品集本身就是设计作品我又怎么可能限制每個页面呢，设计从来都是“自由”的嘛~只能有大方向和不要踩的雷区……

我不知道别的公司平时审核这些什么流程给你们说说我们平时怎么看作品集吧：

HR审核完简历制作时需要注意哪些细节，把这批简历制作时需要注意哪些细节和作品集推送到总监那里；

总监审核完简历淛作时需要注意哪些细节后自己先过一遍作品集，然后发到我们平时的扯淡群里大家七嘴八舌品评一下：

这个不错，想法挺好有思想啊，可以约一下嘛~

这个小姐姐不错她贴的照片挺好看，呀95年的啊，约来看看呗~

这个不行设计的太难看了，还没我做的好呢不行……

emmm……然后就是约喽

其实招聘本身没那么严肃，当然我们也不是随意凭个人喜好就评价一个设计师的作品如何，能力如何的

每一个鼡心做作品集的设计师，都值得面试官用心的对待~

祝你们中秋和国庆快乐吧可以趁着国庆假期按照我的两篇文章，看看自己还有什么疏忽的地方

有什么疑问也可以公众号留言或者在UI中国留言，我会尽力回答的~

依旧祝各位都能找到心仪的工作！

订阅号：卤大湿的设计随笔

UIΦ国ID：精分青年卤大湿