之前UI黑客發(fā)表了一篇叫面試了50多位UI設(shè)計(jì)師海渊，我總結(jié)了這些求職技巧的文章绵疲，在網(wǎng)上得到很多設(shè)計(jì)師認(rèn)可，感謝各位支持臣疑。
面試了50多位UI設(shè)計(jì)師盔憨，我總結(jié)了這些求職技巧
文章列舉了我在面試的時(shí)候經(jīng)常問(wèn)的三個(gè)問(wèn)題，但是沒(méi)有進(jìn)行詳細(xì)解答讯沈。其中有位網(wǎng)友回復(fù)說(shuō)：收到比較滿意的答案是什么呢郁岩，能分享一下嗎？這次我把這三個(gè)問(wèn)題結(jié)合工作實(shí)際詳細(xì)解答下缺狠，同時(shí)也整理了之前在面試過(guò)程中經(jīng)常問(wèn)的其他幾個(gè)問(wèn)題驯用。這些都是在實(shí)際工作中總結(jié)的，也許你在面試中也碰到過(guò)儒老。
在面試的過(guò)程中還發(fā)現(xiàn)一個(gè)比較普遍的現(xiàn)象：一些UI設(shè)計(jì)師認(rèn)為，只要界面做的漂亮记餐、炫酷就行驮樊，很少考慮項(xiàng)目的整體性、交互性片酝、可用性囚衔、協(xié)作性、擴(kuò)展性雕沿，導(dǎo)致對(duì)很多新的UI技術(shù)知識(shí)完全不了解练湿，在公司實(shí)際項(xiàng)目中跟產(chǎn)品、技術(shù)的協(xié)作很糟糕审轮，不能解決問(wèn)題肥哎，反而拖累了開(kāi)發(fā)進(jìn)度辽俗，無(wú)法滿足公司實(shí)際需求。現(xiàn)在都在講全鏈路設(shè)計(jì)師篡诽，在UI行業(yè)崖飘，僅僅視覺(jué)能力突出，可能在分工細(xì)化的大型公司會(huì)受到青睞杈女，但是對(duì)眾多中小和創(chuàng)業(yè)公司來(lái)說(shuō)朱浴，主要還是考察整體的能力。
所以达椰，在面試的時(shí)候翰蠢，除了對(duì)視覺(jué)設(shè)計(jì)能力的考察之外，我更多的是對(duì)公司實(shí)際工作中將會(huì)遇到的問(wèn)題進(jìn)行提問(wèn)啰劲。
這里總結(jié)了10個(gè)問(wèn)題梁沧，其實(shí)大家在面試的時(shí)候或多或少都遇到過(guò)，每位面試官都有不同的回答標(biāo)準(zhǔn)呈枉，那么我作為面試官看到什么樣的回答會(huì)比較滿意呢趁尼？一起來(lái)看下。
1-簡(jiǎn)單說(shuō)下你對(duì)iconfont的了解
這個(gè)問(wèn)題面試了50多位設(shè)計(jì)師猖辫，做了個(gè)小統(tǒng)計(jì)酥泞，80%的回答是：“阿里巴巴的iconfont矢量圖標(biāo)庫(kù)，海量的圖標(biāo)類型啃憎，有矢量芝囤、有png位圖，還能在線改顏色呢辛萍，非常方便下載悯姊。”
嗯……仔細(xì)想想贩毕，不過(guò)分要求的話悯许，人家回答的也對(duì)，是呀辉阶，沒(méi)錯(cuò)先壕，本來(lái)就有這個(gè)網(wǎng)站么：Iconfont-阿里巴巴矢量圖標(biāo)庫(kù)。
可是谆甜，這只回答了最基礎(chǔ)的三分之一垃僚，還有一大半沒(méi)有回答上來(lái)，對(duì)阿里iconfont的使用也僅僅停留在方便搜索和下載圖標(biāo)這個(gè)層級(jí)上规辱。
其實(shí)iconfont的意思是字體圖標(biāo)谆棺，即用字體來(lái)顯示圖標(biāo)。例如做一個(gè)網(wǎng)站罕袋，早些年設(shè)計(jì)師提供的icon切圖大多是png改淑，如果遇到一個(gè)icon有多個(gè)狀態(tài)色碍岔，就需要全部切出來(lái)，而且隨著視網(wǎng)膜屏越來(lái)越多溅固，以前的1倍切圖付秕，在視網(wǎng)膜屏上就會(huì)模糊。現(xiàn)在即使用2倍切圖侍郭，在一些高端機(jī)型上面還是模糊询吴，要升級(jí)到3倍。
Iconfont就完全沒(méi)有這個(gè)問(wèn)題亮元，技術(shù)可以通過(guò)給icon字體添加不同的color色值猛计，來(lái)獲取不同狀態(tài)的icon。而且iconfont本質(zhì)是矢量的格式爆捞，不存在一倍圖兩倍圖之說(shuō)奉瘤，體積也比png小很多，所以是一個(gè)非常好的圖標(biāo)解決方案煮甥。目前的天貓盗温、淘寶等大型網(wǎng)站都有使用，技術(shù)已經(jīng)很成熟了成肘。
設(shè)計(jì)師可以把自己設(shè)計(jì)好的icon卖局，通過(guò)阿里iconfont這個(gè)網(wǎng)站轉(zhuǎn)化為技術(shù)可用的字體代碼，并且生成在線鏈接双霍，和技術(shù)形成一個(gè)協(xié)作流程砚偶。
所以僅僅是回答能通過(guò)iconfont網(wǎng)站方便下載圖標(biāo)，是完全不夠的洒闸。
面試指點(diǎn)
1：簡(jiǎn)單闡述下iconfont對(duì)開(kāi)發(fā)染坯、對(duì)設(shè)計(jì)的作用，和其他格式相比有什么特點(diǎn)和優(yōu)勢(shì)丘逸。
2：建議自己用阿里的iconfont建立一個(gè)在線項(xiàng)目单鹿，熟悉下實(shí)際工作流程，回答的時(shí)候用實(shí)際的例子來(lái)講解深纲。
2-簡(jiǎn)單說(shuō)下Material Design
這個(gè)問(wèn)題在當(dāng)時(shí)面試的時(shí)候羞反，不知道是不是我英文發(fā)音不準(zhǔn)，導(dǎo)致一些設(shè)計(jì)師一臉懵逼：啥囤萤？是什么design？當(dāng)然也有很多設(shè)計(jì)師立馬就知道是趴。
好吧涛舍，就當(dāng)我發(fā)音不準(zhǔn)，但是當(dāng)我說(shuō)“谷歌很熱門的材料設(shè)計(jì)唆途，安卓設(shè)計(jì)規(guī)范”這個(gè)也不知道的時(shí)候富雅，那就是你的問(wèn)題了掸驱。
Material Design 是谷歌推出的安卓平臺(tái)UI設(shè)計(jì)規(guī)范，為手機(jī)没佑、平板毕贼、臺(tái)式機(jī)和其他平臺(tái)提供更一致、更廣泛的外觀和感覺(jué)蛤奢。與iOS相比鬼癣，在界面結(jié)構(gòu)、動(dòng)效啤贩、交互都有一些區(qū)別待秃。
在目前國(guó)內(nèi)APP市場(chǎng)中，MD風(fēng)格的設(shè)計(jì)其實(shí)并沒(méi)有那么多痹屹，同一個(gè)APP在安卓上也是延續(xù)使用iOS的界面章郁，導(dǎo)致很多UI新手對(duì)這個(gè)概念完全不了解，UI老手也由于對(duì)應(yīng)項(xiàng)目的缺乏而對(duì)其生疏志衍。實(shí)際上暖庄，國(guó)內(nèi)項(xiàng)目很少用到。
但是這個(gè)不能成為你不去了解它的借口楼肪，在站酷培廓、UI中國(guó)、優(yōu)設(shè)網(wǎng)等平臺(tái)淹辞，有很多相關(guān)介紹文章医舆。有些公司的項(xiàng)目還必須根據(jù)MD的風(fēng)格來(lái)設(shè)計(jì)，以提高技術(shù)的開(kāi)發(fā)效率象缀。
所以這個(gè)問(wèn)題也是一個(gè)很基礎(chǔ)的視野性問(wèn)題蔬将，UI設(shè)計(jì)包含很多方面的知識(shí)，對(duì)接的上下游也很多央星，需要不斷地去學(xué)習(xí)理論霞怀、擴(kuò)展技能。UI和新技術(shù)的發(fā)展是緊密聯(lián)系的莉给，一場(chǎng)蘋果發(fā)布會(huì)足以更新和變革UI設(shè)計(jì)師的眾多知識(shí)點(diǎn)毙石。
面試指點(diǎn)
1：簡(jiǎn)單闡述MD的設(shè)計(jì)特點(diǎn)，如果不了解請(qǐng)看這個(gè)官方介紹https://material.io/
2：自己有相關(guān)MD項(xiàng)目經(jīng)驗(yàn)是最好的颓遏，沒(méi)有的話建議熟悉下比較經(jīng)典的MD應(yīng)用徐矩，比如Google全家桶。
3-列舉一個(gè)自己最滿意的項(xiàng)目
這個(gè)問(wèn)題和“請(qǐng)說(shuō)下你的優(yōu)點(diǎn)”一樣叁幢，屬于自信展示類的題目滤灯。
面試需要自信，自信能加大你的氣場(chǎng)，讓面試官感到你才是主角鳞骤，從而掌握住整個(gè)面試的主動(dòng)權(quán)窒百。記住一點(diǎn)，你的表現(xiàn)要配得上你希望的薪資豫尽。如果像只乖乖羊一樣篙梢，言談舉止間沒(méi)有一點(diǎn)自信，那么哪個(gè)公司敢把項(xiàng)目交給你來(lái)設(shè)計(jì)呢美旧？
同時(shí)對(duì)自己的作品也要自信渤滞，用通俗的話來(lái)講，就是你的面試作品一定要有品質(zhì)感陈症，不要拿一些自己都覺(jué)得不好的作品充數(shù)量蔼水，作品在于精而不在于多，一個(gè)不好的作品會(huì)減很多分录肯。這個(gè)之前在《面試了50多位UI設(shè)計(jì)師趴腋，我總結(jié)了這些求職技巧》這篇文章中也講過(guò)。所以大家一定要準(zhǔn)備好至少一個(gè)自己覺(jué)得滿意且有品質(zhì)的作品论咏。
但是也不能簡(jiǎn)單地只給面試官說(shuō)界面如何好看优炬、用了什么設(shè)計(jì)手法、包含了什么設(shè)計(jì)理念等等厅贪，除了外觀上的品質(zhì)感之外蠢护，這個(gè)項(xiàng)目之所以讓你滿意還體現(xiàn)在項(xiàng)目開(kāi)發(fā)的過(guò)程中。
任何一個(gè)項(xiàng)目养涮，從頭腦風(fēng)暴到上線運(yùn)營(yíng)葵硕，整個(gè)過(guò)程你都會(huì)和產(chǎn)品、技術(shù)贯吓、測(cè)試懈凹、運(yùn)營(yíng)同學(xué)產(chǎn)生交集、遇到問(wèn)題悄谐、進(jìn)行協(xié)作介评。比如你最滿意A網(wǎng)站項(xiàng)目，項(xiàng)目會(huì)遇到很多問(wèn)題爬舰，比如切圖们陆、響應(yīng)式、動(dòng)效解決等等情屹，就把問(wèn)題從發(fā)現(xiàn)到解決這個(gè)流程整理記錄下來(lái)坪仇，這樣面試的時(shí)候會(huì)真正吸引面試官注意，讓他感到你很有經(jīng)驗(yàn)垃你，招聘你來(lái)會(huì)解決很多公司項(xiàng)目問(wèn)題椅文。
面試指點(diǎn)
1：一定要自信颈墅，把自己的氣勢(shì)表現(xiàn)出來(lái)，但并不是夸夸其談雾袱，而是建立在自己的作品、經(jīng)驗(yàn)基礎(chǔ)之上官还。
2：把自己在公司中遇到的典型問(wèn)題梳理下芹橡，思考下是如何解決的。最好是以列表的形式整理望伦。
4-舉一個(gè)你比較喜歡的APP
這是一個(gè)開(kāi)放性的題目林说，沒(méi)有固定答案，相信大家都會(huì)遇到屯伞。主要是考察設(shè)計(jì)師對(duì)APP產(chǎn)品設(shè)計(jì)的涉獵范圍腿箩。
一個(gè)合格的UI設(shè)計(jì)師我認(rèn)為也應(yīng)該是一個(gè)應(yīng)用迷，對(duì)熱門的劣摇、獨(dú)特的珠移、富含美感的應(yīng)用都會(huì)去試著下載然后把玩。會(huì)為一個(gè)設(shè)計(jì)上的瑕疵而對(duì)其冷嘲末融，也會(huì)為一個(gè)交互中的細(xì)節(jié)而對(duì)其贊嘆钧惧。所以你看到過(guò)的、體驗(yàn)過(guò)的產(chǎn)品越多勾习，那么將來(lái)在公司中發(fā)揮出來(lái)的能力就越大浓瞪。
面試中，很多設(shè)計(jì)師對(duì)于為什么喜歡這個(gè)APP巧婶，僅僅是停留在興趣愛(ài)好上乾颁，在設(shè)計(jì)細(xì)節(jié)、交互方式上表述不多艺栈。所以這就要求我們多看英岭、多體驗(yàn)，善于發(fā)現(xiàn)和總結(jié)眼滤。
此外巴席，這里有個(gè)小竅門，就是除了自己喜歡的之外诅需，再列舉和這個(gè)公司相關(guān)的或者競(jìng)品APP漾唉，這樣面試官就會(huì)被吸引，增加你的表現(xiàn)時(shí)間堰塌，畢竟如果你入職后赵刑，接手的任務(wù)也與此相關(guān)。當(dāng)然了场刑，這就要求我們?cè)诿嬖嚽皩?duì)目標(biāo)公司和產(chǎn)品做好充分了解般此，認(rèn)真對(duì)待每一次面試蚪战。
面試指點(diǎn)
1：平時(shí)多下載并體驗(yàn)一些好的APP，學(xué)習(xí)一些界面設(shè)計(jì)手法铐懊、產(chǎn)品交互細(xì)節(jié)邀桑，并形成自己的積累。
2：除了自己喜歡的APP之外科乎，建議對(duì)目標(biāo)公司的某個(gè)競(jìng)品APP進(jìn)行面試前的收集調(diào)查和面試中的闡述壁畸。
5-在公司實(shí)際解決的一個(gè)設(shè)計(jì)問(wèn)題
一定要記住：公司招聘你來(lái)是幫助解決設(shè)計(jì)問(wèn)題的茅茂，并不是僅僅找一個(gè)畫圖的勞動(dòng)力捏萍。如果僅僅是完成界面設(shè)計(jì)，那對(duì)于一些公司來(lái)說(shuō)還不如找外包來(lái)的實(shí)惠空闲，何必養(yǎng)一個(gè)人呢令杈？所以，你一定要從解決問(wèn)題這個(gè)點(diǎn)來(lái)回答碴倾，從而體現(xiàn)你的價(jià)值逗噩。在一定程度上，公司請(qǐng)你來(lái)是利用你的經(jīng)驗(yàn)提高項(xiàng)目開(kāi)發(fā)效率影斑，填補(bǔ)項(xiàng)目未來(lái)可能遇到的坑给赞。
問(wèn)題從哪里來(lái)呢？從你日常工作中來(lái)矫户。我們每天都會(huì)和公司中不同的人打交道片迅，總會(huì)遇到各種問(wèn)題讓你覺(jué)得焦慮。有問(wèn)題很正常皆辽，發(fā)現(xiàn)不了問(wèn)題才是最可怕的柑蛇。有一次面試，求職的設(shè)計(jì)師對(duì)這個(gè)題目完全沒(méi)有考慮過(guò)驱闷，導(dǎo)致緊張耻台，影響了后面面試的發(fā)揮。所以在面試前空另，一定要好好回憶下自己在公司中遇到的各種問(wèn)題盆耽。
實(shí)在想不到的話，這里給大家列舉一些問(wèn)題示例扼菠，可以自己考慮下如何去解答摄杂。
線上效果和設(shè)計(jì)圖不一致
產(chǎn)品同學(xué)老是pass設(shè)計(jì)稿
設(shè)計(jì)師之間的樣式不統(tǒng)一
設(shè)計(jì)師和技術(shù)溝通不暢
動(dòng)效實(shí)現(xiàn)遇到很多問(wèn)題
web設(shè)計(jì)稿無(wú)法100%完美預(yù)覽
設(shè)計(jì)思路局限，創(chuàng)意枯竭
和產(chǎn)品溝通不順暢
和需求方經(jīng)常產(chǎn)生沖突
……
以上問(wèn)題大家或多或少都會(huì)遇到循榆，而且會(huì)牽扯到很多其他部門析恢，如果不解決就會(huì)慢慢影響整個(gè)團(tuán)隊(duì)的工作效率。所以UI設(shè)計(jì)師在公司中就不僅僅是一個(gè)簡(jiǎn)單的畫圖職位秧饮，還應(yīng)該是一個(gè)設(shè)計(jì)類問(wèn)題的解決方案提供者映挂。
此外泽篮，我們?cè)诨卮鸬臅r(shí)候，不要從大的宏觀角度出發(fā)柑船，而要從實(shí)際工作中遇到的細(xì)節(jié)考慮帽撑。人類天生對(duì)故事充滿興趣，空洞的描述都會(huì)讓人感到乏味鞍时，所以最好的表述方法就是把問(wèn)題故事化油狂，讓面試官對(duì)你的故事描述感興趣，這樣面試的節(jié)奏就會(huì)慢慢掌握在自己的手中寸癌。
面試指點(diǎn)
1：在平時(shí)的工作中，建議把自己遇到并解決的問(wèn)題進(jìn)行文字記錄弱贼，形成自己的經(jīng)驗(yàn)和事例素材庫(kù)蒸苇，不僅僅是面試，以后在其他場(chǎng)合也會(huì)起到幫助作用吮旅。
2：學(xué)會(huì)講故事溪烤，把枯燥的描述用故事性的表述方法講出來(lái)，吸引面試官的興趣和注意力庇勃。
6-你的文件整理習(xí)慣是怎樣的
在對(duì)設(shè)計(jì)師面試進(jìn)行統(tǒng)計(jì)的過(guò)程中檬嘀，發(fā)現(xiàn)這樣一個(gè)現(xiàn)象：大多數(shù)設(shè)計(jì)師會(huì)自帶電腦，少部分會(huì)只帶手機(jī)或平板责嚷。對(duì)于帶不帶電腦這個(gè)問(wèn)題鸳兽，我個(gè)人偏向于帶，因?yàn)闀?huì)顯得你更專業(yè)罕拂、準(zhǔn)備更充足揍异，而且能力展示會(huì)更全面。
但是帶電腦屬于一把雙刃劍爆班，因?yàn)檫@樣會(huì)暴露自己的文件結(jié)構(gòu)衷掷。如果沒(méi)有良好的文件整理習(xí)慣，帶電腦反而會(huì)造成減分柿菩。
文件整理本質(zhì)上屬于一個(gè)操作習(xí)慣問(wèn)題戚嗅，每個(gè)人的習(xí)慣都各不相同。但是枢舶，你并不是一個(gè)人在工作懦胞，總要和其他設(shè)計(jì)師、產(chǎn)品祟辟、運(yùn)營(yíng)医瘫、技術(shù)甚至是直屬上級(jí)進(jìn)行協(xié)作【衫В看似簡(jiǎn)單的文件整理醇份，如果做的不好稼锅，會(huì)嚴(yán)重影響整個(gè)團(tuán)隊(duì)的工作效率。
所以僚纷，如果帶電腦進(jìn)行面試矩距，這個(gè)問(wèn)題就很好解答，直接給面試官看自己的文件目錄和源文件怖竭，比沒(méi)有說(shuō)服力的口頭描述要好很多锥债。這里大家一定要注意下面兩點(diǎn)。
1：個(gè)人文件整理
如果你的電腦桌面很亂痊臭，密密麻麻全是文件哮肚，這個(gè)已經(jīng)造成減分了。如果在找一個(gè)文件的時(shí)候花了很長(zhǎng)時(shí)間广匙，甚至不由自主地說(shuō)：怎么找不到了呢允趟？那么減分更多。
個(gè)人文件的整理其實(shí)也代表了設(shè)計(jì)師的一個(gè)邏輯思維程度鸦致，清晰嚴(yán)謹(jǐn)?shù)奈募诸愑兄谔岣吖ぷ餍食奔簟Ｋ源蠹以诿嬖嚨臅r(shí)候如果帶電腦，一定要先把自己的文件整理好分唾，尤其是桌面抗碰。
2：源文件圖層整理
對(duì)于圖層混亂的源文件，各位設(shè)計(jì)師肯定都被其坑過(guò)绽乔。有一次面試弧蝇，我讓設(shè)計(jì)師把中間的內(nèi)容往上面移動(dòng)，結(jié)果對(duì)方是一個(gè)個(gè)圖層去選擇折砸，發(fā)現(xiàn)有點(diǎn)慢于是去框選捍壤，結(jié)果選中了很多其他圖層，最后這個(gè)操作持續(xù)了塊一分鐘……
所以建議大家平時(shí)多去注意一下自己的圖層和分組鞍爱，面試前針對(duì)性地把一些源文件整理好鹃觉。如果自己平時(shí)也沒(méi)注意這點(diǎn)，面試前只需提供一兩個(gè)整理好的源文件即可睹逃。
文件和源文件整理對(duì)設(shè)計(jì)師來(lái)說(shuō)和儀容儀表一樣重要盗扇，誰(shuí)也不喜歡看到一個(gè)邋邋遢遢的面試者吧，這方面很多設(shè)計(jì)師會(huì)忽略沉填，所以我們一定要重視起來(lái)疗隶。
面試指點(diǎn)
1：帶電腦的話，面試前把文件目錄整理好翼闹，桌面不要亂斑鼻，最好提供一些圖層和分組清晰的界面源文件。
2：如果沒(méi)帶電腦猎荠，可以向面試官描述自己平時(shí)工作如何整理文件和源文件坚弱，但是會(huì)顯得沒(méi)有說(shuō)服力蜀备，也可以提前在手機(jī)上保存相關(guān)文件截圖。有條件的話還是建議帶電腦面試荒叶。
7-個(gè)人圖庫(kù)平時(shí)是怎么維護(hù)的
這個(gè)問(wèn)題其實(shí)隱藏了兩個(gè)點(diǎn)碾阁，1-你是否有個(gè)人圖庫(kù)；2-圖庫(kù)是否進(jìn)行了維護(hù)些楣。
對(duì)于個(gè)人圖庫(kù)脂凶，如果你是一個(gè)剛畢業(yè)的或者剛參加工作的設(shè)計(jì)師，沒(méi)有個(gè)人圖庫(kù)可以理解愁茁，畢竟還在慢慢積累中蚕钦，經(jīng)驗(yàn)還不足。但如果是工作過(guò)三五年的設(shè)計(jì)師鹅很，沒(méi)有個(gè)人圖庫(kù)就顯得太業(yè)余了冠桃。
在設(shè)計(jì)師開(kāi)始一個(gè)項(xiàng)目之前，肯定會(huì)去花瓣道宅、behance等網(wǎng)站去找參考。尤其是前陣子花瓣網(wǎng)無(wú)法登陸這個(gè)期間胸蛛，整個(gè)設(shè)計(jì)師群體感覺(jué)天都快塌了污茵，沒(méi)有花瓣就不會(huì)做設(shè)計(jì)了，可見(jiàn)其重要性葬项。
但是網(wǎng)上的作品質(zhì)量參差不齊泞当，設(shè)計(jì)師都會(huì)在海量的資源中進(jìn)行精華的篩選和保存，這樣慢慢地就形成了個(gè)人圖庫(kù)民珍。
個(gè)人圖庫(kù)主要分為以花瓣為主的在線式和以Eagle為主的本地式襟士。不管哪種方式我們都會(huì)通過(guò)文件夾、標(biāo)簽嚷量、關(guān)鍵字陋桂、命名等進(jìn)行分類，從而能在海量資源中快速找到需要的參考蝶溶。比如最常用的就是根據(jù)內(nèi)容來(lái)進(jìn)行分類嗜历，比如APP、網(wǎng)頁(yè)抖所、動(dòng)效梨州、字體等等。分類因人而異田轧，每位設(shè)計(jì)師都會(huì)有自己的分類習(xí)慣暴匠，只要能提高效率就是好方法。
但是傻粘，如果有個(gè)人圖庫(kù)而不去維護(hù)的話每窖，那么就會(huì)花費(fèi)大量的時(shí)間在搜索上帮掉，個(gè)人圖庫(kù)的意義就大打折扣。其實(shí)個(gè)人圖庫(kù)維護(hù)和文件整理本質(zhì)一樣岛请，都是方便我們快速旭寿、及時(shí)、方便地為設(shè)計(jì)服務(wù)崇败。
所以平時(shí)沒(méi)有好好對(duì)待個(gè)人圖庫(kù)的設(shè)計(jì)師盅称，建議花時(shí)間完善一下。當(dāng)然了后室，經(jīng)過(guò)花瓣的這么一折騰缩膝，最好還是使用本地式圖庫(kù)，不用擔(dān)心服務(wù)器岸霹、網(wǎng)絡(luò)問(wèn)題疾层。
面試指點(diǎn)
1：個(gè)人圖庫(kù)需要好好維護(hù)，平時(shí)找圖的時(shí)候做好保存和分類的習(xí)慣贡避，做到取其精華痛黎，去其糟粕，讓自己的圖庫(kù)更有品質(zhì)感刮吧。
2：這個(gè)問(wèn)題實(shí)質(zhì)上還是屬于個(gè)人習(xí)慣湖饱，建議用實(shí)際去展示，比如提供花瓣主頁(yè)杀捻、電腦本地展示等等井厌。面試的時(shí)候建議提前把圖庫(kù)整理分類好。
8-談?wù)剬?duì)響應(yīng)式設(shè)計(jì)的理解
響應(yīng)式設(shè)計(jì)致讥，流行了很多年仅仆，但是對(duì)于許多UI設(shè)計(jì)師來(lái)說(shuō)還是比較陌生。同時(shí)在面試的時(shí)候發(fā)現(xiàn)這樣一個(gè)“怪現(xiàn)象”：一些設(shè)計(jì)師能力面狹窄垢袱，只做過(guò)APP項(xiàng)目墓拜，網(wǎng)頁(yè)端設(shè)計(jì)一點(diǎn)經(jīng)驗(yàn)也沒(méi)有，導(dǎo)致對(duì)響應(yīng)式設(shè)計(jì)一頭霧水请契。而在實(shí)際項(xiàng)目中撮弧，響應(yīng)式是每個(gè)web項(xiàng)目都需要面對(duì)的問(wèn)題。
響應(yīng)式主要使用在Web設(shè)計(jì)領(lǐng)域姚糊，由于用戶使用的設(shè)備尺寸五花八門贿衍，手機(jī)的小屏幕肯定不適合顯示電腦頁(yè)面，所以響應(yīng)式設(shè)計(jì)就是會(huì)根據(jù)用戶的操作和使用的設(shè)備進(jìn)行智能布局救恨，讓同一個(gè)網(wǎng)站在手機(jī)贸辈、平板、電腦上都正常顯示。
當(dāng)然如果說(shuō)背概念擎淤，每個(gè)人都會(huì)奢啥，但實(shí)際上在面試的時(shí)候我會(huì)讓對(duì)方列舉對(duì)應(yīng)的例子。如果你有響應(yīng)式的項(xiàng)目經(jīng)驗(yàn)嘴拢，拿著項(xiàng)目直接說(shuō)最好桩盲，如果沒(méi)有任何響應(yīng)式經(jīng)驗(yàn)，這里給你推薦兩個(gè)例子席吴。
一個(gè)是全局響應(yīng)赌结，網(wǎng)站在手機(jī)、平板孝冒、電腦三端都會(huì)顯示不同的效果柬姚。這里舉CSS禪意花園這個(gè)例子?http://www.csszengarden.com/∽校看下圖量承，隨著瀏覽器寬度的變化，頁(yè)面分別從電腦端過(guò)渡到平板穴店，最后過(guò)渡到手機(jī)撕捍，確保在任何設(shè)備中都完美展示。
UI黑客的網(wǎng)站也是使用了全局響應(yīng)泣洞，從電腦-平板-手機(jī)響應(yīng)過(guò)渡忧风。
一個(gè)是非全局響應(yīng)，在電腦端會(huì)有響應(yīng)效果斜棚。這里舉天貓的例子https://www.tmall.com/「么埃看下圖弟蚀，隨著瀏覽器寬度變化，寬屏和窄屏?xí)袃?nèi)容上的區(qū)別酗失，其中左側(cè)的品牌閃購(gòu)這一列在小屏幕電腦上會(huì)消失义钉，所以在小屏幕電腦上不會(huì)出現(xiàn)水平滾動(dòng)條，內(nèi)容得以完整呈現(xiàn)规肴。不過(guò)再縮小下去不會(huì)變成手機(jī)界面捶闸，天貓有自己獨(dú)立的手機(jī)網(wǎng)頁(yè)端，所以和上面例子相比不是全局性的拖刃。
面試指點(diǎn)
1：響應(yīng)式設(shè)計(jì)和平常說(shuō)的適配本質(zhì)一樣删壮，建議沒(méi)有web端經(jīng)驗(yàn)的設(shè)計(jì)師多做幾個(gè)網(wǎng)站web項(xiàng)目。
2：建議準(zhǔn)備好幾個(gè)響應(yīng)式網(wǎng)站作為例子兑牡，對(duì)于理論的東西一定要用具體內(nèi)容來(lái)說(shuō)明央碟，避免空洞陳述。
9-在團(tuán)隊(duì)中均函，你是如何進(jìn)行協(xié)作的
屬于一個(gè)開(kāi)放性問(wèn)題亿虽，答案不唯一菱涤。主要考察設(shè)計(jì)師的協(xié)作能力，是否能有效率地利用團(tuán)隊(duì)的力量去快速解決問(wèn)題以及提高自己的能力洛勉。對(duì)于大多數(shù)設(shè)計(jì)師來(lái)說(shuō)粘秆，自己并不是一個(gè)人在戰(zhàn)斗，而是和其他小伙伴一起去解決問(wèn)題收毫。
協(xié)作分為兩種情況：本部門和跨部門攻走。
1：本部門。
可能是一個(gè)垂直的設(shè)計(jì)團(tuán)隊(duì)牛哺，也可能是一個(gè)完整的產(chǎn)品團(tuán)隊(duì)陋气，總之，部門中的同事都互相認(rèn)識(shí)引润，共事的時(shí)間長(zhǎng)巩趁。通過(guò)工作中的例子，簡(jiǎn)單闡述下團(tuán)隊(duì)如何使用設(shè)計(jì)規(guī)范淳附，如何進(jìn)行創(chuàng)意頭腦風(fēng)暴议慰，如何解決團(tuán)隊(duì)遇到的問(wèn)題等等。這里要著重介紹下自己的特長(zhǎng)奴曙，以及在團(tuán)隊(duì)中擔(dān)任的主要角色别凹。
2：跨部門。
在規(guī)模比較大的公司中洽糟，很多時(shí)候設(shè)計(jì)師也會(huì)接到跨部門的任務(wù)炉菲，如何與陌生的同事共同完成一件事情，對(duì)一些公司來(lái)說(shuō)也是比較重要的坤溃。即使自己沒(méi)有進(jìn)行過(guò)跨部門任務(wù)拍霜，如果面試公司規(guī)模很大的話，建議自己進(jìn)行一些模擬任務(wù)練習(xí)薪介，這樣面試的時(shí)候就會(huì)游刃有余祠饺。
關(guān)于協(xié)作這塊，有點(diǎn)像小組面試汁政，需要把自己描述成主角道偷，突出自己在部門中的作用。但是一定不要撒謊记劈，一些專業(yè)的面試官會(huì)通過(guò)技巧讓你跳進(jìn)自己挖的坑中勺鸦。
之前寫過(guò)一篇文章渺鹦，講關(guān)于團(tuán)隊(duì)協(xié)作的一個(gè)方法帕膜，希望能給大家?guī)?lái)一些啟發(fā)飞醉。
使用Mac共享，打造屬于自己團(tuán)隊(duì)的Sketch Libraries?
面試指點(diǎn)
1：主要講一下自己在團(tuán)隊(duì)中擔(dān)任的角色掠剑，以及如何推動(dòng)項(xiàng)目在團(tuán)隊(duì)中運(yùn)行览绿。
2：對(duì)于像這種開(kāi)放性的萍丐、聊天式的相叁、沒(méi)有固定答案的問(wèn)題，可以對(duì)自己進(jìn)行一些基于事實(shí)的包裝吻谋，但是一定不能撒謊忠蝗。
10-簡(jiǎn)單闡述下設(shè)計(jì)規(guī)范
說(shuō)起設(shè)計(jì)規(guī)范，大家都不陌生漓拾，在很多設(shè)計(jì)網(wǎng)站都能發(fā)現(xiàn)設(shè)計(jì)規(guī)范相關(guān)的作品阁最，看起來(lái)相當(dāng)專業(yè)和嚴(yán)謹(jǐn)。很多設(shè)計(jì)師也會(huì)在自己的項(xiàng)目作品中加一點(diǎn)規(guī)范的內(nèi)容骇两，增加自己作品的專業(yè)度速种。
在面試的時(shí)候，規(guī)范類的相關(guān)作品肯定是要帶上了低千，面試官有很大概率是要看的配阵。所以平時(shí)沒(méi)有注意整理設(shè)計(jì)規(guī)范的同學(xué)，建議面試前示血，把自己要展示的作品整理下棋傍，千萬(wàn)不要忘記這一塊。
不過(guò)难审，規(guī)范是做起來(lái)容易瘫拣，應(yīng)用起來(lái)可就沒(méi)那么簡(jiǎn)單了。在平時(shí)工作和接觸過(guò)的設(shè)計(jì)師中告喊，有很多是為了規(guī)范而做規(guī)范麸拄。
比較典型的例子是：A同學(xué)做一個(gè)網(wǎng)站項(xiàng)目，等項(xiàng)目快結(jié)束了黔姜，最后抽幾天時(shí)間把規(guī)范總結(jié)一下拢切，做成炫酷吊炸天的規(guī)范界面。旁人一看直呼：好專業(yè)……然而地淀，實(shí)際上界面并沒(méi)有嚴(yán)格遵循規(guī)范失球，里面存在很多樣式的坑岖是，后期要花費(fèi)大量的時(shí)間在UI規(guī)范的指導(dǎo)下重新修改界面帮毁。
UI規(guī)范除了是一把尺子指導(dǎo)界面設(shè)計(jì)之外，更重要的是加快了界面的設(shè)計(jì)效率豺撑。一般情況下烈疚，在做幾張界面、定好風(fēng)格基調(diào)后聪轿，就應(yīng)該制定UI規(guī)范了爷肝。
此外UI規(guī)范還對(duì)前端程序員起著指導(dǎo)作用。開(kāi)發(fā)之前，建議和程序員一起熟悉下設(shè)計(jì)規(guī)范灯抛，程序員在做界面之前也會(huì)把常用的文字金赦、按鈕、輸入框对嚼、下拉框夹抗、表單、標(biāo)題纵竖、切換等組件做成常用樣式漠烧，就和我們用Sketch做symbol組件一樣。
在實(shí)際開(kāi)發(fā)中靡砌，很多項(xiàng)目也用了現(xiàn)成的UI框架來(lái)開(kāi)發(fā)已脓，對(duì)設(shè)計(jì)師來(lái)說(shuō)UI規(guī)范其實(shí)更加容易維護(hù)。但是UI設(shè)計(jì)師需要對(duì)框架的樣式組件比較了解和熟悉通殃，這樣才能真正利用好這些現(xiàn)有的規(guī)范度液，甚至和技術(shù)一起對(duì)框架樣式進(jìn)行二次定義和開(kāi)發(fā)。
比較著名的UI前端框架有Ant Design邓了、Bootstrap恨诱、Taro UI等等，具體的可以看這篇文章
2019年骗炉，UI設(shè)計(jì)師應(yīng)該了解的這10個(gè)前端UI組件庫(kù)
面試指點(diǎn)
1：平時(shí)忽略或者忘記設(shè)計(jì)規(guī)范的照宝，要在面試前抽時(shí)間整理下，不求多完善句葵，關(guān)鍵是要有厕鹃，而且要整齊有條理。
2：在實(shí)際項(xiàng)目中乍丈，要多看一些UI框架剂碴，看看里面的基礎(chǔ)組建樣式是怎么設(shè)計(jì)和定義的，這樣可以讓自己深入理解UI規(guī)范的應(yīng)用轻专。
總結(jié)
以上10個(gè)面試中我常問(wèn)的問(wèn)題已經(jīng)總結(jié)完了忆矛，總共4000多字，寫的過(guò)程中自己也在不斷思考请垛，也是對(duì)目前工作的一個(gè)經(jīng)驗(yàn)總結(jié)催训。當(dāng)然了，關(guān)于求職還有很多經(jīng)驗(yàn)想跟各位分享宗收，希望各位設(shè)計(jì)師多多關(guān)注UI黑客漫拭，我會(huì)帶來(lái)更多關(guān)于求職、技術(shù)混稽、設(shè)計(jì)方面的采驻、基于工作實(shí)際的干貨文章审胚。
現(xiàn)在正是求職季，希望這篇文章能給各位面試中的設(shè)計(jì)師帶來(lái)啟發(fā)礼旅，祝愿大家找到心儀的工作膳叨。
END
