设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 产品设计 > 设计师该如何做作品集?

设计师该如何做作品集?

精分青年卤大湿
2018-11-09
278732

本文搭配此篇体验更佳:设计师该如何写简历?

本打算十一后再写,因为九月项目冲刺,白天没时间,只有晚上十点后才有时间编辑。

不过好多朋友留言要求快更,后来想想大部分朋友应该都赶在十一之后找工作,所以就发出来吧,文章会同步到公众号,有需要也可以去那看看收藏。

另外这篇文章我会持续更新,因为作品集主要是很多细节问题,一篇文章确实难以面面俱到,所以各位有问题可以留言在下面,隔一段时间我会整理上来更新的。

因为我自己是UI,所以文章总会不自觉站在UI角度写,但设计岗位那么多,又怎么可能只有UI呢,不少做交互、动效的朋友问,他们职位的简历和作品集怎么搞?

简历其实还好,上期内容适用于大部分互联网技术岗位,即使是交互、动效、甚至开发也可以套用;

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

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

明确前提:

简历我可以给你提供模板,按照规则照着写,基本都能写差不多;

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


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

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



Part 00 上期简历的遗留问题

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

请务必记住:

用邮箱发了简历和作品集后,邮件的正文一定要写上内容,不要一片空白。


Image title

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

你可能会想,简历和作品集里面不是什么都有吗,有必要在正文写这个东西吗?

我可以告诉你:有必要,这是态度和细节问题!

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

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



Part 01 前言

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

和你工作中做设计的性质是一样的:

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

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

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

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

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

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




Part 02 作品集存在的意义

既然我们到了谈作品集的阶段,那就证明你的简历通过了HR的筛选,你已经初步符合了企业的招聘需求。

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

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

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

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

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

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



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

作品集的命名:

和简历保持统一就可以了,不知道规则可以翻看上期,如下图所示:

Image title

简历命名: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的展现形式,一定不要犯这些错误!

① 文件夹轰炸型

Image title

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

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

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

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

② 一图流型

Image title

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

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

HR的电脑屏幕不是27英寸的iMac,有的可能还是1366*768的小笔记本,看到这样的超级长图是非常崩溃呀!

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

③参差不齐型

Image title

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

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

④附件密集型

Image title

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

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

一份整合完整的PDF文档

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

Image title


设计师如何做作品集

—————————— 作品集全局注意事项 ——————————

①内容选取、规划思路

作品集 ≠ 作品集合

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

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

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

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

Image title

—————— 规划思路 ——————

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

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

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

2)将贴合自身职业目标的项目放在最前,然后是间接项目,最后才是日常作品。

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

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

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

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

—————— 内容选取 ——————

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

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

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

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

每个项目选取多少内容:

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

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

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

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

1.设计规范、界面标注

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

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

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

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

Image title

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

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

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

3.样机展示和透视排版

Image title

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

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

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

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

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


②整体风格样式

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

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

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

Image title

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

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

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

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

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

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

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

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

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

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

Image title

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

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

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


—————————— 作品集内部注意事项 ——————————

①页面规格、制作工具

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

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

②封面、封底

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

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

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

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

Image title

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

这个没太大影响,因为联系你的人是HR,简历里面已经有你的基本信息了。

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

③配色

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

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

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

背景用色:

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

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

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

文字用色:

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

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

Image title

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

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

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

④字体

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

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

Image title

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

⑤最后

咱们这里谈的是形成文档形式的作品集,那本文最开始说了:

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

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

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

为什么谈这个呢?

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

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

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

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


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

你这写的比较空泛啊,就没有像简历那期一样具体到每一个页面怎么做,什么样吗?

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

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

简历有模板是因为简历是文字信息,提取到有用信息就可以了,形式无所谓。

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


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

HR审核完简历,把这批简历和作品集推送到总监那里;

总监审核完简历后,自己先过一遍作品集,然后发到我们平时的扯淡群里,大家七嘴八舌品评一下:

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

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

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

emmm……然后就是约喽

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

每一个有真才实学,且用心做作品集的设计师,都值得面试官用心的对待~

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

有什么疑问也可以在UI中国留言,我会尽力回答的~

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

本文经作者授权转载。

原文地址: https://www.ui.cn/detail/397611.html

原作者:精分青年卤大湿,懂交互、爱设计、可编程的全栈设计师;目前就职于某软件技术企业,任职UI设计师,交互设计师。在通信、安防、智能TV、企业管理、直播等产品领域都有涉猎。喜欢总结分享自己的工作经验和感悟,喜欢的话可关注大湿,UI中国ID:精分青年卤大湿。

【设计协作,用摹客!100人以下团队免费使用】

摹客,支持Sketch/PS/XD/Axure设计稿交付、自动标注切图、全流程协作。助力设计师和产品团队高效工作!

立即体验:https://app.mockplus.cn/app

上一篇
最佳运动类APP-Keep原型设计与欣赏

Thomas   11/12

摹客联手UI中国,共创产品设计新时代

Jongde   11/07

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com