威龙发艺发型设计价格联盟

Day ️ UI设计攻略 2. 准备面试材料

UI设计学习笔记2022-08-19 09:20:07

这一节主要就是讲作品应该怎么样来准备,先看一下别人的面试材料是怎么做的,可以做个参考。

这些资料通常包括两份内容,第一份是个人简历,另一份是作品集。

个人简历的主要目的是要描述自己的基本资料,面试官关注的通常就是教育背景和工作经历,对简历的包装其实是没有要求的,不过通常视觉设计师都喜欢为自己的简历再设计一下,如果设计得好的话,这肯定是加分的,但如果设计得不好,扣的分反而会更多,所以如果对版面设计还不是很自信的同学,建议只用Word文档来排版就可以了,这也是没问题的,至少能保证不被扣分,简历最主要还是把基本信息给讲清楚就够了。

另外简历也不一定要长篇大论,比如说这一份就很简单了,用人单位关注的是作品,所以只要作品准备充分,简历再简单一点,留下一些疑问,反而可能更容易获得面试的机会,其实这也是讨巧的一个小技巧,所以对于是刚转行过来的同学,没有太多可以贴金的内容的时候,反而简单一点可能会更好。

那我们接着看看设计作品的例子吧,这位同学提供的作品有两个文件夹,分别是Icon和UI。

先看看Icon这个文件夹里的内容,里面大概有20份作品,这个数量并不太多,给人的第一印象就是这些作品都比较眼熟,好像在网络上都见过,估计是临摹的,而且他没有特别把临摹的作品单独整理一个文件夹,面试官会假设上面的作品全部都是临摹的,而这个疑问会留到面试的时候再了解清楚。

具体看看细节吧,像这样一套图标,整体还算比较舒服,即使是临摹的话,也能证明PS的技术没问题。

然后像这样的图标比较简约,美感还可以,就是颜色有点怪。

这个比上一个要好点,无论是配色,造型,还是内容的饱满度。

这个写实的图标会给他加分,做得很精细,已经能证明PS技术非常好了。

这个设计做得最好,材质和一些光影的细节都把握得非常棒,即使是临摹,也能证明他的观察力非常敏锐,而且他懂得分析,所有的图层都分解得很合理,他有足够技术把这些效果都实现出来。

再看看他UI部分的作品。

这张图的细节也做得非常的棒,这些阴影和圆角部分都处理得很好,同样是证明了他的PS技术,还有他的观察力和执行能力都不错。

这个作品的美感不算特别好,不过也算是证明有一定的界面排版能力。

这个排版很生动,元素应用足够大胆。

这个作品整体的颜色把握得非常棒,通常这样的设计,色彩只要稍微偏一点效果就差很远,即使是临摹,也能证明他对色彩有很好的掌控能力。

后面这些没有什么突出的线索,也就是同样证明了他做东西比较稳,有些人即使是临摹,水准也可能会漂浮不定的。

这些都差不多了。

总结一下这些作品给人的印象吧,总的来说还是比较有好感的,肯定会约他来面试,原因有几点,一是看他提供的所有的素材,整体都比较好看,这个选择能反映出他的品味,第二个是有些高难度的效果他都能做出来,说明他的技术和观察分析能力都应该很不错,三是不确定他自己创作的成分有多少,需要面试才能了解清楚,所以对于刚转行过来,没有经验背景的同学,这是个非常好的参考案例,只要好好的临摹,同样可以获得面试的机会。

再看看第二位同学吧,他提供的作品有很多,从上面的文件夹就可以看出很多类型,包括有APP、广告、手绘、字体、Web等等设计,业务范围看起来比较广。

这是第一个文件夹,简单打开几个大图看看。

从这些图里可以看得到,他的整体设计感比较普通,比如说这里的配色,这个蓝本来就调得有点脏,再搭配在这个灰色上,就显得更脏了,另外提醒一下,蓝色的配色在素材网站里有很多优秀的作品,如果自己不擅长配色,可以专门找类似的作品,直接从他那里吸取颜色,这样配出来的颜色会保险很多。

然后还有这里的排版,这是随意看到的一些小细节问题,不过也能反映出作者的水平,这两行文字中间的间距比在框内上下边距都还要大,这么做一般都会感觉很不舒服,像看到这样的设计,会有两个判断,一是作者本身没有意识,二是作者比较粗心,这些都会扣他的实力分。

然后这里卡片的阴影做得有点生硬。

还有这里,中间的波浪本来有机会可以做点文章的,不过这手法也做得有点土。

再看看第二套作品,同样数量很多,有50多张图,看起来像是一个比较完整的项目,如果这些项目都是他独立做的,会给他的项目经验加很多的分。

看看大图吧,这次演示的效果有点特别,换了一个斜视的视角来展示,这样页面会更有可看性,不过内容也会有点看不太清楚,如果只是几页做做效果还好,但是全部页面都这么来做,是稍微有点不妥,不过比较好的是,这份作品的设计感明显比上一个好了很多,无论用色还是版式都有所提升。

再多看几张图会发现,基本上整体都保持比较好的水准,连一些图标的造型和线条都讲究了很多,这和上一幅作品比起来,差距非常大,一般来说这不太正常,因为有一些细节如果你意识到了,那么这个细节会贯穿你所有的作品,所以会有点怀疑他自己做的成分到底有多少,这个疑点要在面试中进一步了解的。

第三个作品同样是全套的产品界面,设计感和第一个差不多,也就不细看了。

再看看广告作品,这里整体的排版还算比较清晰,可以算合格吧,但也暴露了很多问题,大背景的蓝绿渐变很灰暗,不太舒服,然后在绿背景上写绿色的文字,这组色彩搭配起来也容易显脏,从这些地方可以看得出来他用色是弱项,也说明他的品味会有些问题,另外标题的字体和造型也不太符合常规的版式设计,造型不是很自然。

再看看其他的广告,同样是印证了前面的判断。

再看看手绘的作品,这里也有差不多十几幅作品,手绘的感觉还不错,不过一般来说这方面的技能不太用的上,所以这些手绘也只能是加分项。

倒是这些矢量的小插图有机会用得到,但他设计的比较一般。

再看看字体,这里也有10幅左右的字体,这些字体设计感不错,无论创意还是变形的比例都很棒,不过好像在网上都看到过,可能是临摹的吧,具体还需要面试的时候再了解清楚。

最后是Web的设计,数量不是太多,这些设计给人的感觉还是和前面App的作品一样,设计感不是太强,但整体还算工整。

总结一下这位同学的作品,他不好的地方比较明显,主要还是设计的品味不太够,尤其是配色,而且很多修饰的细节手法都有点土,虽然有这些问题,但他好的地方也不少,首先他项目经验丰富,有好几个大项目的完整经验,而且整体排版都比较稳定,能保证布局清晰,逻辑严谨,光是这些点可以保证他有一定的执行能力,然后他技能范围很广,App,广告,手绘,Web都有相关经验,后面再看了他的简历,他工作的时间还很短,只要后面努力的话,提升还是很快的,所以最后还是把他招了进来。

前面介绍了两位设计师的作品集,最后这两个人都成为了网易的正职员工,接下来具体讲讲要怎么准备自己的面试材料吧,从前面的案例中,大家应该能感受到面试官是怎么评估作品了,主要就是从业务范围,技能广度,设计品味,细节掌控,这四个方面来评估,后面两项需要靠自己平时多练多看来沉淀实力,而前面两项是我们现在的主要目标,可以在学习的过程中一步步完善。

首先我们要在业务范围上拿分,对于新人来说没有参与实际项目的机会,但可以临摹啊,只要临摹好,一样有机会的。

建议从上面几个方向来临摹,分别是App,Icon,活动页和Banner,数量的话建议最好有20幅以上,60幅以下,因为太少会撑不起来,太多也没必要,即使你有更多的作品,也要删减到这个范围,尽量把不好的都丢掉,另外值得提一下的是,相对于数量,应该更看重的是质量,如果有些明显不太好的作品,哪怕不够数,也宁愿直接丢掉,不要放进来,因为面试官就会一直盯着最差的来质疑,还会怀疑你的品味连好坏都不会分辨,至于比例的话,建议是这样的,因为我们主要是做UI的设计,所以作品数量尽量往App界面来倾斜,而这个比例只是参考,具体还是看自己的喜欢吧。

如果你已经临摹了很多作品,已经自信可以原创的话,那最好提供的是原创的作品,不过还是跟前面说的,一定要注意只放最好的作品,如果原创的效果太差的话,还是宁愿不要放比较好。

如果有机会参与一些实际项目的话,一定要尽量参加,哪怕是免费帮老师或者朋友做一些小项目,实际操作一个真实项目的经验是没办法教的,必须要自己去体验,这些经历的作品可以作为面试材料的核心。

总结一下,要准备的面试材料其实就是App,Icon,活动和Banner这几个方向,无论临摹还是原创,最好要储备20幅以上的作品,这些作品就是能成功应聘的敲门砖,可以把这个作品集设定为学习UI设计的一个终极目标,能不能成功面试基本上就看这个了。


友情链接