之前UI黑客發(fā)表了一篇《面試了50多位UI設(shè)計(jì)師，我總結(jié)了這些求職技巧！》的文章，在網(wǎng)上得到很多設(shè)計(jì)師的認(rèn)可。

文章列舉了我在面試的時(shí)候經(jīng)常問的三個(gè)問題，但是沒有進(jìn)行詳細(xì)解答。其中有位網(wǎng)友回復(fù)說：收到比較滿意的答案是什么呢，能分享一下嗎？這次我把這三個(gè)問題結(jié)合工作實(shí)際詳細(xì)解答下，同時(shí)也整理了之前在面試過程中經(jīng)常問的其他幾個(gè)問題。這些都是在實(shí)際工作中總結(jié)的，也許你在面試中也碰到過。

在面試的過程中還發(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é)作很糟糕，不能解決問題，反而拖累了開發(fā)進(jìn)度，無法滿足公司實(shí)際需求?，F(xiàn)在都在講全鏈路設(shè)計(jì)師，在UI行業(yè)，僅僅視覺能力突出，可能在分工細(xì)化的大型公司會(huì)受到青睞，但是對(duì)眾多中小和創(chuàng)業(yè)公司來說，主要還是考察整體的能力。

所以，在面試的時(shí)候，除了對(duì)視覺設(shè)計(jì)能力的考察之外，我更多的是對(duì)公司實(shí)際工作中將會(huì)遇到的問題進(jìn)行提問。

這里總結(jié)了10個(gè)問題，其實(shí)大家在面試的時(shí)候或多或少都遇到過，每位面試官都有不同的回答標(biāo)準(zhǔn)，那么我作為面試官看到什么樣的回答會(huì)比較滿意呢？一起來看下。

簡單說下你對(duì)iconfont的了解

這個(gè)問題面試了50多位設(shè)計(jì)師，做了個(gè)小統(tǒng)計(jì)，80%的回答是：「阿里巴巴的iconfont矢量圖標(biāo)庫，海量的圖標(biāo)類型，有矢量、有png位圖，還能在線改顏色呢，非常方便下載。」

仔細(xì)想想，不過分要求的話，這樣的回答也對(duì)，本來就是Iconfont——阿里巴巴矢量圖標(biāo)庫。

可是，這只回答了最基礎(chǔ)的三分之一，還有一大半沒有回答上來，對(duì)阿里iconfont的使用也僅僅停留在方便搜索和下載圖標(biāo)這個(gè)層級(jí)上。

其實(shí) iconfont 的意思是字體圖標(biāo)，即用字體來顯示圖標(biāo)。例如做一個(gè)網(wǎng)站，早些年設(shè)計(jì)師提供的 icon 切圖大多是 png，如果遇到一個(gè) icon 有多個(gè)狀態(tài)色，就需要全部切出來，而且隨著視網(wǎng)膜屏越來越多，以前的1倍切圖，在視網(wǎng)膜屏上就會(huì)模糊。現(xiàn)在即使用2倍切圖，在一些高端機(jī)型上面還是模糊，要升級(jí)到3倍。

Iconfont 就完全沒有這個(gè)問題，技術(shù)可以通過給 icon字體添加不同的 color色值，來獲取不同狀態(tài)的 icon。而且 iconfont 本質(zhì)是矢量的格式，不存在一倍圖兩倍圖之說，體積也比 png 小很多，所以是一個(gè)非常好的圖標(biāo)解決方案。目前的天貓、淘寶等大型網(wǎng)站都有使用，技術(shù)已經(jīng)很成熟了。

設(shè)計(jì)師可以把自己設(shè)計(jì)好的 icon，通過阿里 iconfont 這個(gè)網(wǎng)站轉(zhuǎn)化為技術(shù)可用的字體代碼，并且生成在線鏈接，和技術(shù)形成一個(gè)協(xié)作流程。

所以僅僅是回答能通過 iconfont 網(wǎng)站方便下載圖標(biāo)，是完全不夠的。

面試指點(diǎn)

• 簡單闡述下 iconfont 對(duì)開發(fā)、對(duì)設(shè)計(jì)的作用，和其他格式相比有什么特點(diǎn)和優(yōu)勢。
• 建議自己用阿里的 iconfont 建立一個(gè)在線項(xiàng)目，熟悉下實(shí)際工作流程，回答的時(shí)候用實(shí)際的例子來講解。

簡單說下Material Design

這個(gè)問題在當(dāng)時(shí)面試的時(shí)候，不知道是不是我英文發(fā)音不準(zhǔn)，導(dǎo)致一些設(shè)計(jì)師一臉迷茫：啥？是什么design？當(dāng)然也有很多設(shè)計(jì)師立馬就知道。

好吧，就當(dāng)我發(fā)音不準(zhǔn)，但是當(dāng)我說「谷歌很熱門的材料設(shè)計(jì)，安卓設(shè)計(jì)規(guī)范」這個(gè)也不知道的時(shí)候，那就是你的問題了。

Material Design 是谷歌推出的安卓平臺(tái)UI設(shè)計(jì)規(guī)范，為手機(jī)、平板、臺(tái)式機(jī)和其他平臺(tái)提供更一致、更廣泛的外觀和感覺。與iOS相比，在界面結(jié)構(gòu)、動(dòng)效、交互都有一些區(qū)別。

在目前國內(nèi) APP 市場中，MD 風(fēng)格的設(shè)計(jì)其實(shí)并沒有那么多，同一個(gè) APP 在安卓上也是延續(xù)使用 iOS 的界面，導(dǎo)致很多 UI新手對(duì)這個(gè)概念完全不了解，UI老手也由于對(duì)應(yīng)項(xiàng)目的缺乏而對(duì)其感到生疏。實(shí)際上，國內(nèi)項(xiàng)目很少用到。

但是這個(gè)不能成為你不去了解它的理由，在優(yōu)設(shè)網(wǎng)等平臺(tái)，有很多相關(guān)介紹文章。有些公司的項(xiàng)目還必須根據(jù) MD 的風(fēng)格來設(shè)計(jì)，以提高技術(shù)的開發(fā)效率。

所以這個(gè)問題也是一個(gè)很基礎(chǔ)的視野性問題，UI設(shè)計(jì)包含很多方面的知識(shí)，對(duì)接的上下游也很多，需要不斷地去學(xué)習(xí)理論、擴(kuò)展技能。UI 和新技術(shù)的發(fā)展是緊密聯(lián)系的，一場蘋果發(fā)布會(huì)足以更新和變革 UI設(shè)計(jì)師的眾多知識(shí)點(diǎn)。

面試指點(diǎn)

• 簡單闡述 MD 的設(shè)計(jì)特點(diǎn)，如果不了解請(qǐng)看官方介紹→https://material.io/
• 自己有相關(guān) MD 項(xiàng)目經(jīng)驗(yàn)是最好的，沒有的話建議熟悉下比較經(jīng)典的 MD應(yīng)用，比如 Google 全家桶。

列舉一個(gè)自己最滿意的項(xiàng)目

這個(gè)問題和「請(qǐng)說下你的優(yōu)點(diǎn)」一樣，屬于自信展示類的題目。

面試需要自信，自信能加大你的氣場，讓面試官感到你才是主角，從而掌握住整個(gè)面試的主動(dòng)權(quán)。記住一點(diǎn)，你的表現(xiàn)要配得上你希望的薪資。如果像只乖乖羊一樣，言談舉止間沒有一點(diǎn)自信，那么哪個(gè)公司敢把項(xiàng)目交給你來設(shè)計(jì)呢？

同時(shí)對(duì)自己的作品也要自信，用通俗的話來講，就是你的面試作品一定要有品質(zhì)感，不要拿一些自己都覺得不好的作品充數(shù)量，作品在于精而不在于多，一個(gè)不好的作品會(huì)減很多分。之前在《面試了50多位UI設(shè)計(jì)師，我總結(jié)了這些求職技巧！》這篇文章中也講過。所以大家一定要準(zhǔn)備好至少一個(gè)自己覺得滿意且有品質(zhì)的作品。

但是也不能簡單地只給面試官說界面如何好看、用了什么設(shè)計(jì)手法、包含了什么設(shè)計(jì)理念等等，除了外觀上的品質(zhì)感之外，這個(gè)項(xiàng)目之所以讓你滿意還體現(xiàn)在項(xiàng)目開發(fā)的過程中。

任何一個(gè)項(xiàng)目，從頭腦風(fēng)暴到上線運(yùn)營，整個(gè)過程你都會(huì)和產(chǎn)品、技術(shù)、測試、運(yùn)營同學(xué)產(chǎn)生交集，遇到問題、進(jìn)行協(xié)作。比如你最滿意A網(wǎng)站項(xiàng)目，項(xiàng)目會(huì)遇到很多問題，比如切圖、響應(yīng)式、動(dòng)效解決等等，就把問題從發(fā)現(xiàn)到解決這個(gè)流程整理記錄下來，這樣面試的時(shí)候會(huì)真正吸引面試官注意，讓他感覺你很有經(jīng)驗(yàn)，聘用了你會(huì)解決很多公司項(xiàng)目問題。

面試指點(diǎn)

• 一定要自信，把自己的氣勢表現(xiàn)出來，但并不是夸夸其談，而是建立在自己的作品、經(jīng)驗(yàn)基礎(chǔ)之上。
• 把自己在公司中遇到的典型問題梳理下，思考下是如何解決的。最好是以列表的形式整理。

舉一個(gè)你比較喜歡的APP

這是一個(gè)開放性的題目，沒有固定答案，相信大家都會(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ì)其贊嘆。所以你看到過的、體驗(yàn)過的產(chǎn)品越多，那么將來在公司中發(fā)揮出來的能力就越大。

面試中，很多設(shè)計(jì)師對(duì)于為什么喜歡這個(gè) APP，僅僅是停留在興趣愛好上，在設(shè)計(jì)細(xì)節(jié)、交互方式上表述不多。所以這就要求我們多看、多體驗(yàn)，善于發(fā)現(xiàn)和總結(jié)。

此外，這里有個(gè)小竅門，就是除了自己喜歡的之外，再列舉和這個(gè)公司相關(guān)的或者競品APP，這樣面試官就會(huì)被吸引，增加你的表現(xiàn)時(shí)間，畢竟如果你入職后，接手的任務(wù)也與此相關(guān)。當(dāng)然了，這就要求我們?cè)诿嬖嚽皩?duì)目標(biāo)公司和產(chǎn)品做好充分了解，認(rèn)真對(duì)待每一次面試。

面試指點(diǎn)

• 平時(shí)多下載并體驗(yàn)一些好的 APP，學(xué)習(xí)一些界面設(shè)計(jì)手法、產(chǎn)品交互細(xì)節(jié)，并形成自己的積累。
• 除了自己喜歡的 APP 之外，建議對(duì)目標(biāo)公司的某個(gè)競品APP 進(jìn)行面試前的收集調(diào)查和面試中的闡述。

更具體的方法請(qǐng)看 → 《UI設(shè)計(jì)師該如何正確地“把玩”APP？》

在公司實(shí)際解決的一個(gè)設(shè)計(jì)問題

一定要記?。汗菊衅改銇硎菐椭鉀Q設(shè)計(jì)問題的，并不是僅僅找一個(gè)畫圖的勞動(dòng)力。如果僅僅是完成界面設(shè)計(jì)，那對(duì)于一些公司來說還不如找外包來的實(shí)惠，何必養(yǎng)一個(gè)人呢？所以，你一定要從解決問題這個(gè)點(diǎn)來回答，從而體現(xiàn)你的價(jià)值。在一定程度上，公司請(qǐng)你來是利用你的經(jīng)驗(yàn)提高項(xiàng)目開發(fā)效率，填補(bǔ)項(xiàng)目未來可能遇到的問題。

問題從哪里來呢？從你日常工作中來。我們每天都會(huì)和公司中不同的人打交道，總會(huì)遇到各種問題讓你覺得焦慮。有問題很正常，發(fā)現(xiàn)不了問題才是最可怕的。有一次面試，求職的設(shè)計(jì)師對(duì)這個(gè)題目完全沒有考慮過，導(dǎo)致緊張，影響了后面面試的發(fā)揮。所以在面試前，一定要好好回憶下自己在公司中遇到的各種問題。

實(shí)在想不到的話，這里給大家列舉一些問題示例，可以自己考慮下如何去解答。

• 線上效果和設(shè)計(jì)圖不一致；
• 產(chǎn)品同學(xué)老是pass設(shè)計(jì)稿；
• 設(shè)計(jì)師之間的樣式不統(tǒng)一；
• 設(shè)計(jì)師和技術(shù)溝通不暢；
• 動(dòng)效實(shí)現(xiàn)遇到很多問題；
• web設(shè)計(jì)稿無法100%完美預(yù)覽；
• 設(shè)計(jì)思路局限，創(chuàng)意枯竭；
• 和產(chǎn)品溝通不順暢；
• 和需求方經(jīng)常產(chǎn)生沖突；
• ……

以上問題大家或多或少都會(huì)遇到，而且會(huì)牽扯到很多其他部門，如果不解決就會(huì)慢慢影響整個(gè)團(tuán)隊(duì)的工作效率。所以 UI設(shè)計(jì)師在公司中就不僅僅是一個(gè)簡單的畫圖職位，還應(yīng)該是一個(gè)設(shè)計(jì)類問題的解決方案提供者。

此外，我們?cè)诨卮鸬臅r(shí)候，不要從大的宏觀角度出發(fā)，而要從實(shí)際工作中遇到的細(xì)節(jié)考慮。人類天生對(duì)故事充滿興趣，空洞的描述都會(huì)讓人感到乏味，所以最好的表述方法就是把問題故事化，讓面試官對(duì)你的故事描述感興趣，這樣面試的節(jié)奏就會(huì)慢慢掌握在自己的手中。

面試指點(diǎn)

• 在平時(shí)的工作中，建議把自己遇到并解決的問題進(jìn)行文字記錄，形成自己的經(jīng)驗(yàn)和事例素材庫，不僅僅是面試，以后在其他場合也會(huì)起到幫助作用。
• 學(xué)會(huì)講故事，把枯燥的描述用故事性的表述方法講出來，吸引面試官的興趣和注意力。

你的文件整理習(xí)慣是怎樣的

在對(duì)設(shè)計(jì)師面試進(jìn)行統(tǒng)計(jì)的過程中，發(fā)現(xiàn)這樣一個(gè)現(xiàn)象：大多數(shù)設(shè)計(jì)師會(huì)自帶電腦，少部分會(huì)只帶手機(jī)或平板。對(duì)于帶不帶電腦這個(gè)問題，我個(gè)人偏向于帶，因?yàn)闀?huì)顯得你更專業(yè)、準(zhǔn)備更充足，而且能力展示會(huì)更全面。

但是帶電腦屬于一把雙刃劍，因?yàn)檫@樣會(huì)暴露自己的文件結(jié)構(gòu)。如果沒有良好的文件整理習(xí)慣，帶電腦反而會(huì)造成減分。

文件整理本質(zhì)上屬于一個(gè)操作習(xí)慣問題，每個(gè)人的習(xí)慣都各不相同。但是，你并不是一個(gè)人在工作，總要和其他設(shè)計(jì)師、產(chǎn)品、運(yùn)營、技術(shù)甚至是直屬上級(jí)進(jìn)行協(xié)作?？此坪唵蔚奈募恚绻龅牟缓?，會(huì)嚴(yán)重影響整個(gè)團(tuán)隊(duì)的工作效率。

所以，如果帶電腦進(jìn)行面試，這個(gè)問題就很好解答，直接給面試官看自己的文件目錄和源文件，比沒有說服力的口頭描述要好很多。這里大家一定要注意下面兩點(diǎn)。

1. 個(gè)人文件整理

如果你的電腦桌面很亂，密密麻麻全是文件，這個(gè)已經(jīng)造成減分了。如果在找一個(gè)文件的時(shí)候花了很長時(shí)間，甚至不由自主地說：怎么找不到了呢？那么減分更多。

個(gè)人文件的整理其實(shí)也代表了設(shè)計(jì)師的一個(gè)邏輯思維程度，清晰嚴(yán)謹(jǐn)?shù)奈募诸愑兄谔岣吖ぷ餍省Ｋ源蠹以诿嬖嚨臅r(shí)候如果帶電腦，一定要先把自己的文件整理好，尤其是桌面。

2. 源文件圖層整理

對(duì)于圖層混亂的源文件，各位設(shè)計(jì)師肯定都被坑過。有一次面試，我讓設(shè)計(jì)師把中間的內(nèi)容往上面移動(dòng)，結(jié)果對(duì)方是一個(gè)個(gè)圖層去選擇，發(fā)現(xiàn)有點(diǎn)慢于是去框選，結(jié)果選中了很多其他圖層，最后這個(gè)操作持續(xù)了快一分鐘……

所以建議大家平時(shí)多去注意一下自己的圖層和分組，面試前針對(duì)性地把一些源文件整理好。如果自己平時(shí)也沒注意這點(diǎn)，面試前只需提供一兩個(gè)整理好的源文件即可。

文件和源文件整理對(duì)設(shè)計(jì)師來說和儀容儀表一樣重要，誰也不喜歡看到一個(gè)邋邋遢遢的面試者吧，這方面很多設(shè)計(jì)師會(huì)忽略，所以我們一定要重視起來。

面試指點(diǎn)

• 帶電腦的話，面試前把文件目錄整理好，桌面不要亂，最好提供一些圖層和分組清晰的界面源文件。
• 如果沒帶電腦，可以向面試官描述自己平時(shí)工作如何整理文件和源文件，但是會(huì)顯得沒有說服力，也可以提前在手機(jī)上保存相關(guān)文件截圖。有條件的話還是建議帶電腦面試。

個(gè)人圖庫平時(shí)是怎么維護(hù)的

這個(gè)問題其實(shí)隱藏了兩個(gè)點(diǎn)：你是否有個(gè)人圖庫；圖庫是否進(jìn)行了維護(hù)。

對(duì)于個(gè)人圖庫，如果你是一個(gè)剛畢業(yè)的或者剛參加工作的設(shè)計(jì)師，沒有個(gè)人圖庫可以理解，畢竟還在慢慢積累中，經(jīng)驗(yàn)還不足。但如果是工作過三五年的設(shè)計(jì)師，沒有個(gè)人圖庫就顯得太業(yè)余了。

在設(shè)計(jì)師開始一個(gè)項(xiàng)目之前，肯定會(huì)去花瓣、behance 等網(wǎng)站去找參考。但是網(wǎng)上的作品質(zhì)量參差不齊，設(shè)計(jì)師都會(huì)在海量的資源中進(jìn)行精華的篩選和保存，這樣慢慢地就形成了個(gè)人圖庫。

個(gè)人圖庫主要分為以花瓣為主的在線式和以 Eagle 為主的本地式。不管哪種方式我們都會(huì)通過文件夾、標(biāo)簽、關(guān)鍵字、命名等進(jìn)行分類，從而能在海量資源中快速找到需要的參考。比如最常用的就是根據(jù)內(nèi)容來進(jìn)行分類，比如APP、網(wǎng)頁、動(dòng)效、字體等等。分類因人而異，每位設(shè)計(jì)師都會(huì)有自己的分類習(xí)慣，只要能提高效率就是好方法。

但是，如果有個(gè)人圖庫而不去維護(hù)的話，那么就會(huì)花費(fèi)大量的時(shí)間在搜索上，個(gè)人圖庫的意義就大打折扣。其實(shí)個(gè)人圖庫維護(hù)和文件整理本質(zhì)一樣，都是方便我們快速、及時(shí)、方便地為設(shè)計(jì)服務(wù)。

所以平時(shí)沒有好好對(duì)待個(gè)人圖庫的設(shè)計(jì)師，建議花時(shí)間完善一下。當(dāng)然了，最好還是使用本地式圖庫，不用擔(dān)心服務(wù)器、網(wǎng)絡(luò)問題。

面試指點(diǎn)

• 個(gè)人圖庫需要好好維護(hù)，平時(shí)找圖的時(shí)候做好保存和分類的習(xí)慣，做到取其精華，去其糟粕，讓自己的圖庫更有品質(zhì)感。
• 這個(gè)問題實(shí)質(zhì)上還是屬于個(gè)人習(xí)慣，建議用實(shí)際去展示，比如提供花瓣主頁、電腦本地展示等等。面試的時(shí)候建議提前把圖庫整理分類好。

談?wù)剬?duì)響應(yīng)式設(shè)計(jì)的理解

響應(yīng)式設(shè)計(jì)，流行了很多年，但是對(duì)于許多 UI設(shè)計(jì)師來說還是比較陌生。同時(shí)在面試的時(shí)候發(fā)現(xiàn)這樣一個(gè)「怪現(xiàn)象」：一些設(shè)計(jì)師能力面狹窄，只做過 APP項(xiàng)目，網(wǎng)頁端設(shè)計(jì)一點(diǎn)經(jīng)驗(yàn)也沒有，導(dǎo)致對(duì)響應(yīng)式設(shè)計(jì)一頭霧水。而在實(shí)際項(xiàng)目中，響應(yīng)式是每個(gè) web項(xiàng)目都需要面對(duì)的問題。

響應(yīng)式主要使用在 Web設(shè)計(jì)領(lǐng)域，由于用戶使用的設(shè)備尺寸五花八門，手機(jī)的小屏幕肯定不適合顯示電腦頁面，所以響應(yīng)式設(shè)計(jì)就是會(huì)根據(jù)用戶的操作和使用的設(shè)備進(jìn)行智能布局，讓同一個(gè)網(wǎng)站在手機(jī)、平板、電腦上都正常顯示。

當(dāng)然如果說背概念，每個(gè)人都會(huì)，但實(shí)際上在面試的時(shí)候我會(huì)讓對(duì)方列舉對(duì)應(yīng)的例子。如果你有響應(yīng)式的項(xiàng)目經(jīng)驗(yàn)，拿著項(xiàng)目直接說最好，如果沒有任何響應(yīng)式經(jīng)驗(yàn)，這里給你推薦兩個(gè)例子。

一個(gè)是全局響應(yīng)，網(wǎng)站在手機(jī)、平板、電腦三端都會(huì)顯示不同的效果。這里舉 CSS禪意花園（?http://www.csszengarden.com/）這個(gè)例子?？聪聢D，隨著瀏覽器寬度的變化，頁面分別從電腦端過渡到平板，最后過渡到手機(jī)，確保在任何設(shè)備中都完美展示。

一個(gè)是非全局響應(yīng)，在電腦端會(huì)有響應(yīng)效果。這里舉天貓（https://www.tmall.com/）的例子。看下圖，隨著瀏覽器寬度變化，寬屏和窄屏?xí)袃?nèi)容上的區(qū)別，其中左側(cè)的品牌閃購這一列在小屏幕電腦上會(huì)消失，所以在小屏幕電腦上不會(huì)出現(xiàn)水平滾動(dòng)條，內(nèi)容得以完整呈現(xiàn)。不過再縮小下去不會(huì)變成手機(jī)界面，天貓有自己獨(dú)立的手機(jī)網(wǎng)頁端，所以和上面例子相比不是全局性的。

面試指點(diǎn)

• 響應(yīng)式設(shè)計(jì)和平常說的適配本質(zhì)一樣，建議沒有 web端經(jīng)驗(yàn)的設(shè)計(jì)師多做幾個(gè)網(wǎng)站 web項(xiàng)目。
• 建議準(zhǔn)備好幾個(gè)響應(yīng)式網(wǎng)站作為例子，對(duì)于理論的東西一定要用具體內(nèi)容來說明，避免空洞陳述。

在團(tuán)隊(duì)中，你是如何進(jìn)行協(xié)作的

這屬于一個(gè)開放性問題，答案不唯一。主要考察設(shè)計(jì)師的協(xié)作能力，是否能有效率地利用團(tuán)隊(duì)的力量去快速解決問題以及提高自己的能力。對(duì)于大多數(shù)設(shè)計(jì)師來說，自己并不是一個(gè)人在戰(zhàn)斗，而是和其他小伙伴一起去解決問題。

協(xié)作分為兩種情況：本部門和跨部門。

1. 本部門

可能是一個(gè)垂直的設(shè)計(jì)團(tuán)隊(duì)，也可能是一個(gè)完整的產(chǎn)品團(tuán)隊(duì)，總之，部門中的同事都互相認(rèn)識(shí)，共事的時(shí)間長。通過工作中的例子，簡單闡述下團(tuán)隊(duì)如何使用設(shè)計(jì)規(guī)范，如何進(jìn)行創(chuàng)意頭腦風(fēng)暴，如何解決團(tuán)隊(duì)遇到的問題等等。這里要著重介紹下自己的特長，以及在團(tuán)隊(duì)中擔(dān)任的主要角色。

2. 跨部門

在規(guī)模比較大的公司中，很多時(shí)候設(shè)計(jì)師也會(huì)接到跨部門的任務(wù)，如何與陌生的同事共同完成一件事情，對(duì)一些公司來說也是比較重要的。即使自己沒有進(jìn)行過跨部門任務(wù)，如果面試公司規(guī)模很大的話，建議自己進(jìn)行一些模擬任務(wù)練習(xí)，這樣面試的時(shí)候就會(huì)游刃有余。

關(guān)于協(xié)作這塊，有點(diǎn)像小組面試，需要把自己描述成主角，突出自己在部門中的作用。但是一定不要撒謊，一些專業(yè)的面試官會(huì)通過技巧讓你跳進(jìn)自己挖的坑中。

之前一篇《教你用Mac共享，輕松打造自己團(tuán)隊(duì)的Sketch Libraries！》文章里，講關(guān)于團(tuán)隊(duì)協(xié)作的一個(gè)方法，希望能給大家?guī)硪恍﹩l(fā)。

面試指點(diǎn)

• 主要講一下自己在團(tuán)隊(duì)中擔(dān)任的角色，以及如何推動(dòng)項(xiàng)目在團(tuán)隊(duì)中運(yùn)行。
• 對(duì)于像這種開放性的、聊天式的、沒有固定答案的問題，可以對(duì)自己進(jìn)行一些基于事實(shí)的包裝，但是一定不能撒謊。

簡單闡述下設(shè)計(jì)規(guī)范

說起設(shè)計(jì)規(guī)范，大家都不陌生，在很多設(shè)計(jì)網(wǎng)站都能發(fā)現(xiàn)設(shè)計(jì)規(guī)范相關(guān)的作品，看起來相當(dāng)專業(yè)和嚴(yán)謹(jǐn)。很多設(shè)計(jì)師也會(huì)在自己的項(xiàng)目作品中加一點(diǎn)規(guī)范的內(nèi)容，增加自己作品的專業(yè)度。

在面試的時(shí)候，規(guī)范類的相關(guān)作品肯定是要帶上了，面試官有很大概率是要看的。所以平時(shí)沒有注意整理設(shè)計(jì)規(guī)范的同學(xué)，建議面試前，把自己要展示的作品整理下，千萬不要忘記這一塊。

不過，規(guī)范是做起來容易，應(yīng)用起來可就沒那么簡單了。在平時(shí)工作和接觸過的設(shè)計(jì)師中，有很多是為了規(guī)范而做規(guī)范。

比較典型的例子是A同學(xué)做一個(gè)網(wǎng)站項(xiàng)目，等項(xiàng)目快結(jié)束了，最后抽幾天時(shí)間把規(guī)范總結(jié)一下，做成炫酷吊炸天的規(guī)范界面。旁人一看直呼：好專業(yè)。然而，實(shí)際上界面并沒有嚴(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)作用。開發(fā)之前，建議和程序員一起熟悉下設(shè)計(jì)規(guī)范，程序員在做界面之前也會(huì)把常用的文字、按鈕、輸入框、下拉框、表單、標(biāo)題、切換等組件做成常用樣式，就和我們用 Sketch 做 symbol 組件一樣。

在實(shí)際開發(fā)中，很多項(xiàng)目也用了現(xiàn)成的 UI框架來開發(fā)，對(duì)設(shè)計(jì)師來說 UI規(guī)范其實(shí)更加容易維護(hù)。但是 UI設(shè)計(jì)師需要對(duì)框架的樣式組件比較了解和熟悉，這樣才能真正利用好這些現(xiàn)有的規(guī)范，甚至和技術(shù)一起對(duì)框架樣式進(jìn)行二次定義和開發(fā)。

比較著名的 UI前端框架有 Ant Design、Bootstrap、Taro UI等等，具體的可以看這篇文章→《2019年最流行的10個(gè)前端框架，設(shè)計(jì)師快來收藏！》。

面試指點(diǎn)

• 平時(shí)忽略或者忘記設(shè)計(jì)規(guī)范的，要在面試前抽時(shí)間整理下，不求多完善，關(guān)鍵是要有，而且要整齊有條理。
• 在實(shí)際項(xiàng)目中，要多看一些UI框架，看看里面的基礎(chǔ)組件樣式是怎么設(shè)計(jì)和定義的，這樣可以讓自己深入理解 UI規(guī)范的應(yīng)用。

總結(jié)

以上10個(gè)面試中我常問的問題已經(jīng)總結(jié)完了，總共4000多字，寫的過程中自己也在不斷思考，也是對(duì)目前工作的一個(gè)經(jīng)驗(yàn)總結(jié)?，F(xiàn)在正是求職季，希望這篇文章能給面試中的設(shè)計(jì)師帶來啟發(fā)。

歡迎關(guān)注作者的微信公眾號(hào)：「UI黑客」