UI岗拿到笔试题,如何做?Recommanded by editor
1年前Publish
4973
|
21
|
207
本人是小编亲身经历并且撰写,希望能帮到更多的UI设计碰壁的人~

应该是年前最后一篇文章了,应广大设计师同学的要求,让我赶紧出一篇关于测试题的。

上篇文章我们讲到了,如果面试官最后跟你说类似“我们这个岗位有测试题需要做”或者“我们会留测试题给你”的话术,那么恭喜你,一面通过了。接下来就是hr或者面试官会把测试题打包成zip或者rar或者pdf的格式发到你作品集上的邮箱,收到后邮件后,仔细阅读要求;仔细阅读要求;仔细阅读要求!!特别是标红的文字,有的设计师不看要求直接就去做,反而适得其反。那么测试题的邮件具体长什么样子呢,就是下面这个图:



为什么要做笔试题呢?


对于公司来说

考察面试者的真实能力,近些年陆陆续续作品集造假太多了,如果没有笔试题,面试者进入公司做的东西和作品集相差甚远,那么公司付出的成本会是很多很多。这方面主要考虑的是公司人力成本。


对于自身而言

在做笔试题的过程中,可以了解到相关业务,包括对产品的理解,架构,熟悉产品,走查产品的过程,还能够帮助团队未发现的问题,自己在做笔试题的过程中发现后,提案到笔试题中,是不是也是一个能力的展现呢。


之前也收到过测试题,也有同学让我看过测试题,同时也给面试者发过测试题。大多数初级设计师的测试题基本就是一张图片,jpg的格式就发过去了,怎么说呢,个人不太建议这么做,太简单了。如果我是面试官,我希望看到的是你全局的一个思考以及对一个产品或者需求的理解,其实测试题也是一个需求,那么最好的方式就是以pdf的形式提交,如果会做动画(前提是动画效果细腻入微,不生硬;如果你的动画比较硬或者只是会动,那么不建议去做,这样暴露了你的短板),那么就是pdf+mp4的形式提交。



设计工具


UI做测试题的话,现在国内大厂基本都在用sketch+蓝湖,但是部分大厂已经开始用figma了,我也是近期才接触figma,已经体验到了它的强大,未来趋势差不多也是figma没跑儿了,那么简要的说一下figma的强大在哪儿:


1.sketch缺点

之前用了两年sketch,毛病太多;第一,更新太频繁,组内每个同学使用的版本都不一样,如果互传源文件的话,版本低的是不是很吃亏,打不开!而且源文件过大的话,传输速度太慢,有时候因为网络问题中断,影响效率。第二,有时候太卡了,导致软件崩溃,你之前做的都白做了。第三,上传蓝湖后,新版的蓝湖14天后,链接失效,是不是还得重新给?项目多了,找半天,效率又低了吧?


2.figma优势

第一,快速;其实界面和xd用起来有点类似那种感觉,而且至今不会卡死。第二,同时多人在线编辑,这几乎是figma最大的优势了,没有哪个设计软件是同时多人在线编辑的,便于实时反馈信息,收集信息,加强团队沟通成本。第三,只需要一个软件,就能完成PM需求 - UX交互 - UI设计 - 研发的过程,是不是很爽。

不过最后还是要迎合团队用什么设计软件。



比如你要做一个某音乐类app的首页改版设计的测试题,切忌拿到题目马上开始撸图。首先要明确哪个前提?


1.充分的进行思考

拿到笔试题,首先先看需求,我们做笔试题其实也是在做一个需求,然后大致浏览一下原型图结构,明确需求后,再开始做。这里需要强调一点是:如果看需求后有疑问,一定要去和面试官主动沟通,不要不懂装懂,自以为是,结果提交上去的提示题不尽人意,切忌不要害羞,要主动大胆的去表明自己的困惑。


2.品牌色

切忌改人家的品牌色,是什么颜色就用什么颜色,如果没有给你提供色值,你就打开app用吸管吸就行。品牌色是体现一个app属性最终要的途径之一,不要随意改动。

3

.分析原型图

切忌做原型的美工,意思就是你把人家的原型图照搬过来,上个色就完事了,那还要ui干啥!你需要梳理当中的交互逻辑以及跳转逻辑,还有功能,原型图中功能点的摆放是否还有最优解法,举个例子:



我们要针对原型图的设计,来设计可以解决用户问题的UI设计,也就是所谓的最优解法:



4.不要随意增删东西

不要增加和删除人家测试题里的东西,一个都不行!!如果实在有自己的创意点,建议你按照人家的出一版,随后将你的创意点再出一版,而且要说明为啥这么做)


5.视觉第一还是落地第一

这个仔细审题就行,一般题目里会写到,比如有几个关键词会体现:如果出现类似“大胆发挥”、“不拘泥于现有视觉形式”、“突破当前风格”这种,那么你就可以适当的去突破一下视觉层面的东西,这个的意思就是让你充分发挥自己的设计优势,在当前测试图页面上做个视觉突破。




那么测试题应该具体细化到什么程度呢?个人认为主要要做以下几个部分,也可以理解成几个页面,顺序是这么来的:


第一步:找竞品

找市面上音乐类app top前三,然后把首页截图下来,分析他们的视觉特性和功能特性;要注意:目的是做竞品分析,不是让你去抄他们的设计,要分析它们哪里做的好,哪里做的不好;其实找竞品的过程也是给自己一个熟悉的过程,除了国内top三外,国外的也可以找出来进行分析,这是一个必要的过程,往文档内贴图的时候,也要注意一下排版,不要随随便便就放上去了,要知道,测试题不光看页面,任何地方都在体现着一名设计师的基本功。



第二步,做一些精致的东西

根据题目,绘制icon(分金刚区和导航区),为什么要单独拿出来说呢?这里要提的一点是:icon一定要好好画,而且要精致,icon是体现UI设计师基本功的一个重要的点,切忌不要去下载,有时候你下载的未必统一!UI的笔试题,肯定有icon的部分,是否出彩,是否能博人眼球,在这里会体现一下,比如我自己的排版:



第三步:开始做图

首先要搭大框架,从顶部状态栏一直到底部导航栏,这里要做几个统一:

1.如果没有特别的要求,一般用iPhone x尺寸来做,明确好状态栏、navbar、内容区、底部导航栏的高度(底部导航3-5个图标,要分布好对齐关系)

2.页面边距,一般都是16或者20。

3.统一字体字重行高间距(以2倍图为例,一般最小字号24,以4逐渐递增,那么就是24、28、32这样,最小注释差不多就是20的样子,特殊情况除外。间距一般是8的倍数递增,8、16、24 以此类推。)

4.统一卡片(卡片圆角、卡片间距)

5.统一标题与正文的字体与间距(标题一般是加醋,字号没有固定样式,看具体需求。)



做图的过程中,我们尽量去考虑哪些地方可以考虑有一些创意,比如最近流行的毛玻璃icon风格,就可以融入一些等等。

特别注意的是:我们在做完界面的时候,最好在包装的时候,写明界面里的一些点,你是如何思考的,最好用简短的文案描述清楚,有理有据,说明情况,可以让面试官一目了然。



第四步,找图

这步可以和第三步并行。俗话说三分在画,七分在表。那么界面可以说是三分在做,七分在图了,特别是音乐类这些有专辑图的界面里,所以找一些高级感的图来提升品质感,这里就会涉及一个审美的问题,可能又有人问我怎么来提升审美?其实提升审美一方面是基本功到位的情况下,随着阅历的提示而提升;如果不是科班出身,那么可以下载几个好的app、或者有好的设计杂志、或者用eagle可以收藏很多精美的图片来提升自己的审美感。下面我放几个自己做的app界面,图是不是可以撑起来整体质感呢?下面放一些我自己做的UI:

以上UI设计里的图片,是不是可以撑起来整个UI的质感呢?



第五步,细节决定成败

大家在软件里做完界面后,一定要在手机里预览一下,sketch可以从applestore里下载mirror,figma可以在applestore里下载figma,直接搜就行;ps好像也有,最笨的办法就是导出2倍图在手机里查看最终效果,来走查一些UI细节问题那么需要走查的细节都有哪儿呢?

1.字体字号字重(字号不要超过3种,字重不要超过2种,特殊情况除外)

2.间距是否统一。

3.卡片圆角是否统一。

4.金刚区icon或者导航icon视觉重量是否一致。

5.整体品牌色渗透是否足够。

6.是否有创意点(一个即可)



第六步,测试题包装(尺寸1920*1080)

牛逼的界面做完了,那么并不是就完事了,需要进行包装一下,显得完整、专业一些,证明你的态度也是很诚恳并且也是对本次面试的一种认真。那么如何包装呢?控制在10页内就行,以下是包装过程:

1.封面(1页)

封面主要考验你的版式能力和视觉基础,个人认为简洁就好, 不用做的特别复杂~



2.竞品分析(1-2页)

把你做测试题前提调研的过程,得出的分析结论(一定是正确的结论)放进去,简单一些,不用写太多冗余的文字。控制在2页就行。



3.规范类(1-2p)

放一些你做的精致图标,出彩的东西,比如金刚区图标,功能类图标;然后再加一些辅助线,证明专业性。同时可以放一些颜色规范,字体规范,栅格规范等等。



4.主界面(要加分析,2-3p)

-先放设计好的界面,这一页要加一些你的思考,也就是说在这个页面里,你为什么这么做,一些理论依据,可以加一些站在用户角度思考的点。

-如果测试题邮件里发了旧的页面,让你改版设计,那么这一页你可以左右布局,左边放旧页面,右边放新设计的页面,形成左右对比可以让面试官一眼能看出来差异,同时也要放一些文案说明,写一下哪儿设计的好,为什么这么做。



5.页面单独包装(1p)

可以下载一些精致度很高的样机,把你设计的页面包装一下,模拟真实场景下的使用情景。


6.尾页(1p)

也就是“谢谢”“期待您的联系”这类的话语,明确一点就是:最好从封面开始到中间页到结束,每页都要与首页的颜色有关联,有始有终,版式设计上要讲究。




第七步,导出-文件命名

我们在软件里做完后,需要整合成pdf形式,推荐adobe Acrobat,里面自带压缩,最好保证在10M内,5M内极佳。文件命名为:测试题名字-姓名-日期。



Adobe acrobat的压缩方式,下图:



第八步,发送邮件

以为第七步就完事了对吗?那大大错了!第七步也是很重要的,标题这块,一定要写,有的同学不写标题;还有的不写正文;更离谱的写了标题正文,附件竟然忘了上传。。。那么具体应该是这样的:


-邮件标题:******测试题

-正文格式(参考):

您好,笔试题在附件中,请查收下载~

期待加入***公司**设计部,谢谢~

记得要上传附件!记得要上传附件!记得要上传附件!




第九步,微信/电话/短信建立沟通

这才是最后一步!面试官真的是太忙了,一天筛几百份作品集不说,估计急招一天至少面试5个人,从早到晚,很忙很忙,这里我建议如果加了微信,发完邮件直接微信告知,如果没有,邮件里必然有电话号,那么我不建议打电话,发短信告知即可,如果2天内没回复,可以打个电话问问情况。


关于笔试题基本就是这些情况,做到面面俱到,专业能力没问题,沟通能力到位,那么剩下的就看运气了,其实面试和笔试题,有一部分真的是运气成分占了很多,所以大家不要觉得一次的面试失败或者笔试题失败就觉得自己不行,如果自己真的能力达到要求了,却没有通过,那么就不是你自己的问题了,就是公司或者部门以及面试官那边的问题。好的公司这么多,总有一个会成功的~


下一篇带来如何做作品集。


207
Statement: all the content and comments made by netizens in ZCOOL only represent themselves, and do not reflect any opinions and opinions of ZCOOL.
Report
Share
Collect
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
All Comments0
北京 | UI设计师
Article information
文章标签
收录收藏夹
更多收录此文章的收藏夹