• 想提高面试通过率?这10个常见问题的标准答案在这! - 优设网 - UISDC

    想提高面试通过率?这10个常见问题的标准答案在这!

    2019/03/25 46116评论 25

    之前UI黑客发表了一篇《面试了50多位UI设计师,我总结了这些求职技巧!》的文章,在网上得到很多设计师的认可。

    文章列举了我在面试的时候经常问的三个问题,但是没有进行详细解答。其中有位网友回复说:收到比较满意的答案是什么呢,能分享一下吗?这次我把这三个问题结合工作?#23548;?#35814;细解答下,同时也整理了之前在面试过程中经常问的其他几个问题。这些都是在?#23548;使?#20316;中总结的,也许你在面试中?#25165;?#21040;过。

    在面试的过程中还发现一个比较普遍的现象:一些 UI设计师认为,只要界面做的漂亮、炫酷就行,很少考虑项目的整体性、交互性、可用性、协作性、扩展性,导致对很多新的 UI技术知识完全不了解,在公司?#23548;?#39033;目中跟产品、技术的协作很糟糕,不能解决问题,反而拖累了开发进度,无法满足公司?#23548;?#38656;求。现在都在讲全链路设计师,在UI行业,仅仅视觉能力突出,可能在分工细化的大型公司会受到青睐,但是对众多?#34892;?#21644;创业公司来说,主要还?#24378;?#23519;整体的能力。

    所以,在面试的时候,除了对视觉设计能力的考察之外,我更多的是对公司?#23548;使?#20316;中将会遇到的问题进行提问。

    这里总结了10个问题,其实大家在面试的时候或多或少都遇到过,每位面试官都有不同的回答标准,那么我作为面试官看到什么样的回答会比较满意呢?一起来看下。

    简单说下你对iconfont的了解

    这个问题面试了50多位设计师,做了个小统计,80%的回答是:「阿里巴巴的iconfont矢?#23458;?#26631;库,海量的图标类型,有矢量、有png位图,还能在线?#38590;?#33394;呢,非常方便下载。」

    仔细想想,不过分要求的话,这样的回答也对,本来就是Iconfont——阿里巴巴矢?#23458;?#26631;库。

    可是,这只回答了最基础的三分之一,还有一大半没有回答上来,对阿里iconfont的使用也仅仅停留在方便搜索和下载图标这个层级上。

    其实 iconfont 的意思是字体图标,即用字体来显示图标。例如做一个网站,早些年设计师提供的 icon 切图大多是 png,如果遇到一个 icon 有多个状态色,就需要全部切出来,而且随着视网膜?#29454;?#26469;越多,以前的1倍切图,在视网膜屏上就会模糊。现在即使用2倍切图,在一些高端机型上面还是模糊,要升级到3倍。

    Iconfont 就完全没有这个问题,技术可以通过给 icon字体添加不同的 color色值,来获取不同状态的 icon。而且 iconfont 本质是矢量的格式,不存在一倍图两倍图之说,体积也比 png 小很多,所以是一个非常好的图标解决方案。目前的天猫、淘宝等大型网站都有使用,技术已经很成熟了。

    设计师可以把自己设计好的 icon,通过阿里 iconfont 这个网站转化为技术可用的字体代码,并且生成在线链接,和技术形成一个协作流程。

    所以仅仅是回答能通过 iconfont 网站方便下载图标,是完全不够的。

    面试指点

    • 简单阐述下 iconfont 对开发、对设计的作用,?#25512;?#20182;格式相比有什么特点和优势。
    • 建议自己用阿里的 iconfont 建立一个在线项目,熟悉?#29575;导使?#20316;流程,回答的时候用?#23548;?#30340;例子来讲解。

    简单说下Material Design

    这个问题在当时面试的时候,不知道是不是我英文发音不准,导致一些设计师一脸迷茫:啥?是什么design??#27604;?#20063;有很多设计师立马就知?#39304;?/p>

    好吧,就当我发音不准,但是当我说「谷歌很热门的材料设计,安卓设计规范」这个也不知道的时候,那就是你的问题了。

    Material Design 是谷歌推出的安卓平台UI设计规范,为手机、平板、台?#20132;推?#20182;平台提供更一致、更广泛的外观和感觉。与iOS相比,在界面结构、动效、交互都有一些区别。

    在目前国内 APP 市场中,MD 风格的设计其实并没有那么多,同一个 APP 在安卓上?#24425;茄有?#20351;用 iOS 的界面,导致很多 UI?#29575;?#23545;这个概念完全不了解,UI老手也由于对应项目的缺乏而?#20113;?#24863;到生疏。?#23548;?#19978;,国内项目很少用到。

    但是这个不能成为你不去了解它的理由,在优设网等平台,有很多相关介绍文章。有些公司的项目还必须根据 MD 的风格来设计,以提高技术的开发效率。

    所以这个问题?#24425;?#19968;个很基础的视野性问题,UI设计包含很多方面的知识,对接的上下?#25105;?#24456;多,需要不断地去学习理论、扩展技能。UI 和新技术的发展是紧密联系的,一场?#36824;?#21457;布会足以更新和变革 UI设计师的众多知识点。

    面试指点

    • 简单阐述 MD 的设计特点,如果不了解请看官方介绍→https://material.io/
    • 自己有相关 MD 项目经验是最好的,没有的话建议熟悉下比较经典的 MD应用,?#28909;?Google 全家桶。

    列举一个自己最满意的项目

    这个问题和「请说下你的优点」一样,属于自信展示类的题目。

    面试需要自信,自信能加大你的气场,让面试官感到你才是主角,从而掌握住整个面试的主动权。记住一点,你的表现要配得上你希望的薪资。如果像?#36824;?#20054;羊一样,言谈举止间没有一点自信,那么哪个公司敢把项目交给你来设计呢?

    同时对自己的作品也要自信,用通俗的话来讲,就是你的面试作品一定要有?#20998;?#24863;,不要拿一些自己?#23395;?#24471;不好的作品充数量,作品在于精而不在于多,一个不好的作品会减很多分。之前在《面试了50多位UI设计师,我总结了这些求职技巧!》这篇文章中也讲过。所以大家一定要准备好至少一个自己觉得满意且有?#20998;?#30340;作品。

    但是也不能简单地只给面试官?#21040;?#38754;如何好看、用了什么设计?#22336;ā?#21253;含了什么设计理念等等,除了外观上的?#20998;?#24863;之外,这个项目之所以让你满意还体现在项目开发的过程?#23567;?/p>

    任何一个项目,从头脑风暴到上线运营,整个过程你都会和产品、技术、测试、运营同学产生交集,遇到问题、进行协作。?#28909;?#20320;最满意A网站项目,项目会遇到很多问题,?#28909;?#20999;图、响应式、动效解决等等,就把问题从发现到解决这个流程整理记录下来,这样面试的时候会真正吸引面试官注意,?#30431;?#24863;觉你很有经验,聘用了你会解决很多公司项目问题。

    面试指点

    • 一定要自信,把自己的气势表现出来,但并不?#24378;?#22840;其谈,而是建立在自己的作品、经验基础之上。
    • 把自己在公司中遇到的典型问题梳理下,思考?#29575;?#22914;何解决的。最好是以列表的?#38382;?#25972;理。

    举一个你比较?#19981;?#30340;APP

    这是一个开放性的题目,没有固定答案,相信大家都会遇到。主要?#24378;?#23519;设计师对 APP 产品设计的涉猎范围。

    一个?#32454;?#30340; UI设计师我认为也应该是一个应用迷,对热门的、独特的、富含美感的应用都会去试着下载然后把玩。会为一个设计上的瑕疵而?#20113;?#20919;嘲,?#19981;?#20026;一个交互中的细节而?#20113;?#36190;?#23613;?#25152;?#38405;?#30475;到过的、体验过的产品越多,那么将来在公司中发挥出来的能力就越大。

    面试中,很多设计师对于为什么?#19981;?#36825;个 APP,仅仅是停留在兴趣爱好上,在设计细节、交互方式上表述不多。所以这就要求我们多看、多体验,善于发现和总结。

    ?#36865;猓?#36825;里有个小窍门,就是除了自?#21512;不?#30340;之外,再列举和这个公司相关的或者竞品APP,这样面试官就会被吸引,增加你的表现时间,毕竟如果你入职后,接手的任务也与此相关。?#27604;?#20102;,这就要求我们在面试前?#38405;?#26631;公司和产品做好充分了解,认真?#28304;?#27599;一次面试。

    面试指点

    • 平时多下载并体验一些好的 APP,学习一些界面设计?#22336;ā?#20135;品交互细节,并形成自己的积累。
    • 除了自?#21512;不?#30340; APP 之外,建议?#38405;?#26631;公司的某个竞品APP 进行面试前的收集调查和面试中的阐述。

    更具体的方法请看 → 《UI设计师该如何正确地“把玩”APP?》

    在公司?#23548;?#35299;决的一个设计问题

    一定要记住:公司招聘你来?#21069;?#21161;解决设计问题的,并不是仅仅找一个画图的?#25237;?#21147;。如果仅仅是完成界面设计,那对于一些公司来说还不如找外包来的实惠,何必养一个人呢?#20811;?#20197;,你一定要从解决问题这个点来回答,从而体现你的价值。在一定程度上,公司请你来是利用你的经验提高项目开发效率,填补项?#35838;?#26469;可能遇到的问题。

    问题从哪里来呢?#30475;?#20320;日常工作中?#30784;?#25105;们每天都会和公司中不同的人打交道,总会遇到各种问题让你觉得焦虑。有问题很正常,发现不了问题才是最可怕的。有一次面试,求职的设计师对这个题?#23458;?#20840;没有考虑过,导致紧张,影响了后面面试的发挥。所以在面试前,一定要好?#27809;?#24518;下自己在公司中遇到的各种问题。

    实在想不到的话,这里给大家列举一些问题示例,可以自己考虑下如何去解答。

    • 线上效果和设计图不一致;
    • 产品同学老是pass设计稿;
    • 设计师之间的样式不统一;
    • 设计师和技术沟通不畅;
    • 动效实现遇到很多问题;
    • web设计稿无法100%完美预览;
    • 设计思路局限,创意枯竭;
    • 和产品沟通不顺畅;
    • 和需求方经常产生冲突;
    • ……

    以上问题大?#19968;?#22810;或少都会遇到,而?#19968;?#29301;扯到很多其他部门,如果不解决就会慢慢影响整个团队的工作效率。所以 UI设计师在公司中就不仅仅是一个简单的画图职位,还应该是一个设计类问题的解决方案提供者。

    ?#36865;猓?#25105;们在回答的时候,不要从大的宏观角度出发,而要从?#23548;使?#20316;中遇到的细节考虑。人类天生对故事充满兴趣,空洞的描述都会让人感到乏味,所以最好的表述方法就?#21069;?#38382;题故事化,让面试官?#38405;?#30340;故事描述感兴趣,这样面试的节奏就会慢慢掌握在自己的手?#23567;?/p>

    面试指点

    • 在平时的工作中,建议把自己遇到并解决的问题进行文字记录,形成自己的经验和事例素材库,不仅仅是面试,以后在其他场合?#19981;?#36215;到帮助作用。
    • 学会讲故事,把枯燥的描述用故事性的表述方法讲出来,吸引面试官的兴趣和注意力。

    你的文件整理习惯是怎样的

    在对设计师面试进行统计的过程中,发现这样一个现象:大多数设计师会?#28304;?#30005;脑,少部分会只带手机或平板。对于带不带电脑这个问题,我个人偏向于带,因为会显得你更专业、准备更充足,而且能力展示会更全面。

    但是带电脑属于一把双?#34218;#?#22240;为这样会暴露自己的文件结构。如果没有良好的文件整理习惯,带电脑反而会造成减分。

    文件整理本质上属于一个操作习惯问题,每个人的习惯?#20960;?#19981;相同。但是,你并不是一个人在工作,总要?#25512;?#20182;设计师、产品、运营、技术甚至是直属上级进行协作。看似简单的文件整理,如果做的不好,会严重影响整个团队的工作效率。

    所以,如果带电脑进行面试,这个问题就很好解答,直接给面试官看自己的文件目录和源文件,比没有说服力的口头描述要好很多。这里大家一定要注意下面两点。

    1. 个人文件整理

    如果你的电脑桌面很乱,密密麻麻全是文件,这个已经造成减分了。如果在找一个文件的时候花了很长时间,甚至不由自主地说:怎么找不到了呢?那么减分更多。

    个人文件的整理其实也代表了设计师的一个逻辑思维程度,清晰严谨的文件分类有助于提高工作效率。所以大家在面试的时候如果带电脑,一定要先把自己的文件整理好,尤其是桌面。

    2. 源文件图层整理

    对于图层混乱的源文件,各位设计师肯定都被坑过。有一次面试,我让设计师把中间的内容往上面移动,结果对方是一个个图层去选择,发现有点慢于是去框选,结果选中了很多其他图层,最后这个操作?#20013;?#20102;快一分钟……

    所以建议大家平时多去注意一下自己的图层?#22836;?#32452;,面试前针对性地把一些源文件整理好。如果自己平时也没注意这点,面试前只需提供一两个整理好的源文件即可。

    文件和源文件整理对设计师来说和仪容仪表一样重要,谁也不?#19981;?#30475;到一个邋邋遢遢的面试者吧,这方面很多设计师会忽略,所以我们一定要重视起?#30784;?/p>

    面试指点

    • 带电脑的话,面试前把文件目录整理好,桌面不要乱,最好提供一些图层?#22836;?#32452;清晰的界面源文件。
    • 如果没带电脑,可以向面试官描述自己平时工作如何整理文件和源文件,但是会显得没有说服力,也可以提前在手机上保存相关文件截图。有条件的话还是建议带电脑面试。

    个人图库平时是怎么维护的

    这个问题其实隐藏了两个点:你是否有个人图库;图库是否进行了维护。

    对于个人图库,如果你是一个刚毕业的或者刚参加工作的设计师,没有个人图库可以理解,毕竟还在慢慢积累中,经验还不足。但如果是工作过三五年的设计师,没有个人图库就显得太业余了。

    在设计师开始一个项目之前,肯定会去花瓣、behance 等网站去找参考。但是网上的作?#20998;?#37327;参差不齐,设计师都会在海量的?#35797;?#20013;进行精华的筛选和保存,这样慢慢地就形成了个人图库。

    个人图库主要分为以花瓣为主的在线式和以 Eagle 为主的本地式。不管哪?#22336;?#24335;我们都会通过文件?#23567;?#26631;签、关键字、命名等进行分类,从而能在海量?#35797;?#20013;快速找到需要的参考。?#28909;?#26368;常用的就是根据内容来进行分类,?#28909;鏏PP、网页、动效、字体等?#21462;?#20998;类因人而异,每位设计师都会有自己的分类习惯,只要能提高效率就是好方法。

    但是,如果有个人图库而不去维护的话,那么就会花费大量的时间在搜索上,个人图库的意义就大打折扣。其实个人图库维护和文件整理本质一样,都是方便我们快速、及时、方便地为设计服务。

    所以平时没有好好?#28304;?#20010;人图库的设计师,建议花时间完善一下。?#27604;?#20102;,最?#27809;?#26159;使用本地式图库,不用担心服务器、网络问题。

    面试指点

    • 个人图库需要好?#26790;?#25252;,平时找图的时候做好保存?#22836;?#31867;的习惯,做到取其精华,去其糟粕,让自己的图库更有?#20998;?#24863;。
    • 这个问题实质上还是属于个人习惯,建议用?#23548;?#21435;展示,?#28909;?#25552;供花瓣主页、电脑本地展示等?#21462;?#38754;试的时候建议提前把图库整理分类好。

    谈谈对响应式设计的理解

    响应式设计,流行了很多年,但是对于许多 UI设计师来说还是比较陌生。同时在面试的时候发现这样一个「怪现象」:一些设计师能力面狭窄,只做过 APP项目,网页端设计一点经验也没有,导致对响应式设计一头雾水。而在?#23548;?#39033;目中,响应式是每个 web项目都需要面对的问题。

    响应式主要使用在 Web设计领域,由于用户使用的设备尺寸五花八门,手机的小屏幕肯定不适合显示电脑页面,所以响应式设计就是会根据用户的操作和使用的设备进行智能?#23395;鄭?#35753;同一个网站在手机、平板、电脑上都正常显?#23613;?/p>

    ?#27604;?#22914;果说背概念,每个人都会,但?#23548;?#19978;在面试的时候?#19968;?#35753;对方列举对应的例子。如果你有响应式的项目经验,拿着项目直接说最好,如果没有任何响应式经验,这里给你推荐两个例子。

    一个是全局响应,网站在手机、平板、电脑三端都会显示不同的效果。这里举 CSS禅意花园(?http://www.csszengarden.com/)这个例子。看下图,随着浏览器宽度的变化,页面分别从电脑端过渡到平板,最后过渡到手机,确保在任何设备中都完美展?#23613;?/p>

    一个是非全局响应,在电脑端会有响应效果。这里举天猫(https://www.tmall.com/)的例子。看下图,随着浏览器宽度变化,宽屏和窄屏会有内容上的区别,其中左侧的品?#31893;?#36141;这一列在小屏幕电脑上会消失,所以在小屏幕电脑上不会出现水平滚动条,内容得以完整呈现。不过再缩小下去不会变成手机界面,天猫有自己独立的手机网页端,所以和上面例子相比不是全?#20013;?#30340;。

    面试指点

    • 响应式设计和平常说的适配本质一样,建议没有 web端经验的设计师多做几个网站 web项目。
    • 建议准备好几个响应式网站作为例子,对于理论的东西一定要用具体内容来?#24471;鰨?#36991;免空洞?#29575;觥?/li>

    在团队中,你是如何进行协作的

    这属于一个开放性问题,答案不唯一。主要考察设计师的协作能力,是否能?#34892;?#29575;地利用团队的力量去快速解决问题以及提高自己的能力。对于大多数设计师来说,自己并不是一个人在战斗,而是?#25512;?#20182;小伙伴一起去解决问题。

    协作分为两种情况:本部门和跨部门。

    1. 本部门

    可能是一个垂直的设计团队,也可能是一个完整的产品团队,总之,部门中的同事都互相认识,?#24425;?#30340;时间长。通过工作中的例子,简单阐述下团队如?#38382;?#29992;设计规范,如何进行创意头脑风暴,如何解决团队遇到的问题等?#21462;?#36825;里要着重介绍下自己的特长,以及在团队中担任的主要?#24039;?/p>

    2. 跨部门

    在规模比较大的公司中,很多时候设计师?#19981;?#25509;到跨部门的任务,如何与陌生的同事共同完成一件事情,对一些公司来说?#24425;?#27604;较重要的。即使自己没有进行过跨部门任务,如果面试公司规模很大的话,建议自?#33322;?#34892;一些模拟任务练习,这样面试的时候就会游刃有余。

    关于协作这块,有点像小组面试,需要把自?#22909;?#36848;成主角,突出自己在部门中的作用。但是一定不要撒谎,一些专业的面试官会通过技巧让你跳进自?#21644;?#30340;坑?#23567;?/p>

    之前一篇《教你用Mac共享,轻松打造自?#21644;?#38431;的Sketch Libraries!》文章里,讲关于团?#26377;?#20316;的一个方法,希望能给大家带来一些启发。

    面试指点

    • 主要讲一下自己在团队中担任的?#24039;?#20197;及如何推动项目在团队中运行。
    • 对于像这种开放性的、聊天式的、没有固定答案的问题,可?#36828;?#33258;?#33322;?#34892;一些基于?#29575;?#30340;包装,但是一定不能撒?#36873;?/li>

    简单阐述下设计规范

    说起设计规范,大家都不陌生,在很多设计网站都能发现设计规范相关的作品,看起来相当专业和严谨。很多设计师?#19981;?#22312;自己的项目作?#20998;?#21152;一点规范的内容,增加自己作品的专业?#21462;?/p>

    在面试的时候,规范类的相关作?#25151;?#23450;是要带上了,面试官有很大概率是要看的。所以平时没有注意整理设计规范的同学,建议面试前,把自己要展示的作品整理下,千万不要忘记这一块。

    不过,规范是做起来容易,应用起来可就没那么简单了。在平时工作和接触过的设计师中,有很多是为了规范而做规范。

    比较典型的例子是A同学做一个网站项目,?#35748;?#30446;快结束了,最后抽几天时间把规范总结一下,做成炫酷吊炸天的规范界面。旁人一看直呼:好专业。然而,?#23548;?#19978;界面并没有?#32454;?#36981;循规范,里面存在很多样式的坑,后期要花费大量的时间在 UI规范的指导下重新修改界面。

    UI规范除了是一把尺子指导界面设计之外,更重要的是加快了界面的设计效率。一般情况下,在做几张界面、定好风格基调后,就应该制定 UI规范了。

    ?#36865;?UI规范还对前端程序员起着指导作用。开发之前,建议和程序员一起熟悉下设计规范,程序员在做界面之前?#19981;?#25226;常用的文字、按钮、输入框、下拉框、表单、标题、切换等组件做成常用样式,就和我们用 Sketch 做 symbol 组件一样。

    在?#23548;?#24320;发中,很多项目也用了现成的 UI框架来开发,对设计师来说 UI规范其实更加容易维护。但是 UI设计师需要对框架的样式组件比较了解和熟悉,这样才能真正利用好这些现有的规范,甚至和技术一起对框架样式进行二次定义和开发。

    比?#29616;?#21517;的 UI前端框架有 Ant Design、Bootstrap、Taro UI等等,具体的可以看这篇文章→《2019年最流行的10个前端框架,设计师快来收藏!》

    面试指点

    • 平时忽略或者忘记设计规范的,要在面试前抽时间整理下,不求多完善,关键是要有,而且要整齐有条理。
    • 在?#23548;?#39033;目中,要多看一些UI框架,看看里面的基础组件样式是怎么设计?#25237;?#20041;的,这样可以让自己深入理解 UI规范的应用。

    总结

    以上10个面试中我常问的问题已经总结完了,总共4000多字,写的过程中自己也在不断思考,?#24425;嵌阅?#21069;工作的一个经验总结。现在正是求职季,希望这篇文章能给面试中的设计师带来启发。

    欢迎关注作者的微信公众号:「UI黑客」

    优设大课堂

    非特殊?#24471;鰨?#26412;文版权归原作者所有,转载请注明出处
    本文地址:http://www.caxp.icu/10-common-interview-questions

    发表评论 加载中....

    评论加载中....

    uisdc

    评论区都快饿瘪了,看看我期盼的小眼神...

    版式设计 设计师 扁?#20132;?#35774;计 交互设计师 界面设计 优设专访 排版?#23395;?/a> 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

    您还没有登录

    优设启用更安全省心的 微信扫码登录

    微信扫码

    300万设计师聚集地!优设网是极具人气的设计师平台
    2012年成立?#20004;瘢?#19968;直专注于设计师的学习成长交流

    把好文章收藏到微信

    打开微信,扫码分享
    学设计 优设网 在这里

    017期神七是特码
  • 王者荣耀2018最火网名 七星彩1078期规图 七星彩中奖规则 分分彩开奖视频 五月天诺亚方舟3d 天津快乐十分走势 昆虫派对走势图 《佛罗伦萨史》 qq飞车贴吧 禁忌的皇权登陆 幸运飞艇pk10开奖直播 勒沃库森对沙尔克 龙珠超{#S+_}{\ 圣诞企鹅防御炸弹 尼斯木皮是什么树的皮 川崎前锋客场球衣