之前帶用戶(hù)體驗(yàn)部，現(xiàn)在做產(chǎn)品瓦呼，這幾年面試過(guò)非常多的設(shè)計(jì)師，發(fā)現(xiàn)一個(gè)特點(diǎn)，設(shè)計(jì)師的面試作品幾乎都是練習(xí)作，其中以擬物的寫(xiě)實(shí)圖標(biāo)設(shè)計(jì)垛孔、手機(jī)主題設(shè)計(jì)最多，項(xiàng)目作品很少芝囤，哪怕有似炎，也都是比較零散的活動(dòng)界面辛萍、產(chǎn)品分支界面之類(lèi)的悯姊，是這些設(shè)計(jì)師沒(méi)有做過(guò)完整的項(xiàng)目？
設(shè)計(jì)師的糾結(jié)
為什么擬物設(shè)計(jì)贩毕、手機(jī)主題類(lèi)設(shè)計(jì)作品比較多悯许。兩個(gè)原因：
1.有發(fā)揮空間，容易做出好看的設(shè)計(jì)辉阶。
2.能設(shè)計(jì)較為復(fù)雜的東西先壕，展示設(shè)計(jì)師的設(shè)計(jì)功底瘩扼。
其實(shí)從這里，你就能看到設(shè)計(jì)師的糾結(jié)了垃僚，設(shè)計(jì)師花時(shí)間和精力最多的往往都是項(xiàng)目設(shè)計(jì)集绰，然而在面試作品中卻顯得不重要了。本來(lái)這個(gè)標(biāo)題我打算寫(xiě)成“面試：每個(gè)設(shè)計(jì)師都有精神分裂”谆棺，后面覺(jué)得太標(biāo)題黨栽燕，但設(shè)計(jì)師面試的時(shí)候真的有點(diǎn)分裂，想拿項(xiàng)目作品改淑，但很多人的項(xiàng)目作品反映不了本人的真實(shí)視覺(jué)表現(xiàn)水平碍岔，很糾結(jié)。
你可以看看朵夏，我們生活中經(jīng)常接觸的App或網(wǎng)站蔼啦，視覺(jué)設(shè)計(jì)大部分都算不上驚艷，只能說(shuō)還不錯(cuò)仰猖，哪怕是一線產(chǎn)品捏肢，難道這些設(shè)計(jì)師水平不行？不是饥侵，一線產(chǎn)品背后的設(shè)計(jì)師幾乎都是高級(jí)設(shè)計(jì)猛计。一個(gè)產(chǎn)品的視覺(jué)呈現(xiàn)是商業(yè)邏輯、產(chǎn)品邏輯和用戶(hù)體驗(yàn)綜合下來(lái)的結(jié)果爆捞，視覺(jué)設(shè)計(jì)到了一定層次奉瘤，就夠了，畢竟關(guān)健的還是商業(yè)目的煮甥。
在工作中盗温，評(píng)估一個(gè)設(shè)計(jì)師優(yōu)不優(yōu)秀是一個(gè)綜合的結(jié)果，產(chǎn)品認(rèn)知成肘、體驗(yàn)認(rèn)知卖局、執(zhí)行、溝通双霍、處事方方面面砚偶，不僅僅只是視覺(jué)做的好不好。視覺(jué)美感的認(rèn)知總是短暫的洒闸，每個(gè)設(shè)計(jì)師都有自己的風(fēng)格和習(xí)慣染坯，當(dāng)同事和領(lǐng)導(dǎo)看習(xí)慣了這個(gè)設(shè)計(jì)師的風(fēng)格，是會(huì)審美疲勞的丘逸。
可是在面試的時(shí)候呢单鹿，大多數(shù)面試者主要看設(shè)計(jì)美不美。設(shè)計(jì)師在原有企業(yè)表現(xiàn)的再好深纲，跟領(lǐng)導(dǎo)跟同事溝通對(duì)接再通暢仲锄，作品不突出劲妙，連面聊的機(jī)會(huì)都沒(méi)有，所以這也就促使設(shè)計(jì)師不放花時(shí)間和精力最多的項(xiàng)目作品儒喊。
設(shè)計(jì)師面試作品的重要程度超過(guò)了70%镣奋，不管你承不承認(rèn)。哪怕有些面試官會(huì)說(shuō)怀愧，我沒(méi)有啊唆途，其他的方面也很重要的啊，比如產(chǎn)品認(rèn)知掸驱、體驗(yàn)認(rèn)知肛搬、執(zhí)行、溝通毕贼、處事温赔，但是大部分設(shè)計(jì)師的作品基本體現(xiàn)不出這上面的幾點(diǎn)，想在茫茫的簡(jiǎn)歷大海中脫穎而出鬼癣，非常非常的難陶贼，面試官看你作品圖那么短的時(shí)間，在完全不了解你們產(chǎn)品背景和產(chǎn)品邏輯的狀態(tài)下待秃，能看的拜秧，真的只有視覺(jué)，只是拼視覺(jué)章郁，而且枉氮，所以，能拿到面聊的機(jī)會(huì)真的就非常小了暖庄。
設(shè)計(jì)師面聊的弱勢(shì)
也許有的人會(huì)說(shuō)聊替，我自己的設(shè)計(jì)還不錯(cuò)，面試通知率挺高培廓，可是還有后續(xù)惹悄，招聘一個(gè)成熟的UI設(shè)計(jì)師，除了設(shè)計(jì)之外必定會(huì)問(wèn)的東西肩钠，產(chǎn)品認(rèn)知和體驗(yàn)認(rèn)知泣港。
產(chǎn)品認(rèn)知弱勢(shì)。產(chǎn)品認(rèn)知最大的弱勢(shì)是：產(chǎn)品成不成好像跟你沒(méi)啥關(guān)系价匠。你的產(chǎn)品用戶(hù)一千萬(wàn)当纱？哦，我看這設(shè)計(jì)一般啊霞怀，主要是產(chǎn)品經(jīng)理和公司的功勞吧惫东；產(chǎn)品很爛莉给？我看這界面也不怎么樣嘛毙石，面試官內(nèi)心OS：設(shè)計(jì)做的不好是是產(chǎn)品爛的一個(gè)重要原因廉沮。哎呀我去，橫豎好像都有設(shè)計(jì)的坑徐矩。而且產(chǎn)品很多邏輯是要放在場(chǎng)景滞时、用戶(hù)、商業(yè)訴求下來(lái)講的滤灯，這時(shí)候設(shè)計(jì)真的可能不太好看坪稽，但是UI設(shè)計(jì)不是為了達(dá)到產(chǎn)品訴求的嗎？
另外鳞骤，因?yàn)樵O(shè)計(jì)師往往不參與需求最早期的討論窒百，所以設(shè)計(jì)師接收到產(chǎn)品信息往往是零散不成體系的，在表達(dá)參與的產(chǎn)品相關(guān)認(rèn)知的時(shí)候也是有相當(dāng)?shù)牧觿?shì)豫尽。
體驗(yàn)認(rèn)知弱勢(shì)篙梢。UI設(shè)計(jì)師都是在產(chǎn)品體驗(yàn)和視覺(jué)設(shè)計(jì)中糾結(jié)。哪怕是優(yōu)秀的設(shè)計(jì)師美旧，也并不一直能完全做到兩方面都平衡的很好渤滞。UI設(shè)計(jì)界面設(shè)計(jì)的是一個(gè)界面一個(gè)界面的畫(huà)，那么體驗(yàn)認(rèn)知很容易跟隨作圖習(xí)慣榴嗅，習(xí)慣于關(guān)注單頁(yè)面妄呕，關(guān)注按鈕擺放、頁(yè)面顏色層次嗽测、單個(gè)頁(yè)面重要次要點(diǎn)绪励，那么在操作流程和跨界面的連續(xù)性使用體驗(yàn)上認(rèn)知上就會(huì)有缺失，另外一方面唠粥，很少有設(shè)計(jì)師在設(shè)計(jì)之前有完整的構(gòu)建場(chǎng)景优炬、用戶(hù)群、商業(yè)訴求的習(xí)慣厅贪，所以蠢护，體驗(yàn)認(rèn)知就往往停留在感知層面。你回憶下养涮，設(shè)計(jì)師和產(chǎn)品爭(zhēng)論最多的是不是葵硕，設(shè)計(jì)師說(shuō)，這樣改了很丑贯吓，產(chǎn)品會(huì)說(shuō)懈凹，這個(gè)這么做用戶(hù)找不到，不好用悄谐。
總結(jié)下
設(shè)計(jì)師的糾結(jié)介评，會(huì)促使設(shè)計(jì)師只會(huì)放好看的設(shè)計(jì)；
設(shè)計(jì)師的弱勢(shì)，會(huì)促使設(shè)計(jì)師的實(shí)際產(chǎn)品和體驗(yàn)認(rèn)知在工作中認(rèn)知片面们陆，所以面試時(shí)優(yōu)勢(shì)就不明顯寒瓦。
回到標(biāo)題，面試作品驅(qū)動(dòng)設(shè)計(jì)坪仇，面試作品能解決這些問(wèn)題嗎杂腰？能！
只要你夠勤奮椅文！
我去喂很，這不是雞湯嗎？
雞湯不會(huì)告訴你方法皆刺，我會(huì)告訴你方法少辣。
那么好的作品是怎么樣的呢？也許下面五點(diǎn)能夠幫到你羡蛾。
（一）做好界面的設(shè)計(jì)說(shuō)明
如下圖(有點(diǎn)長(zhǎng))毒坛，設(shè)計(jì)說(shuō)明能讓作品說(shuō)話，引導(dǎo)面試官看作品時(shí)不只是關(guān)注你的視覺(jué)設(shè)計(jì)林说，這樣的設(shè)計(jì)說(shuō)明煎殷，面試者會(huì)不由自主的關(guān)注你所有的思考，包括產(chǎn)品邏輯腿箩、包括體驗(yàn)認(rèn)知豪直、當(dāng)然也包括視覺(jué)。當(dāng)然珠移，如果是這樣的作品弓乙，你能當(dāng)面給面試者講最好，你幾乎能回憶起產(chǎn)品設(shè)計(jì)的大部分細(xì)節(jié)钧惧。
對(duì)于大眾產(chǎn)品來(lái)講暇韧，視覺(jué)到了一定程度就夠了。太高級(jí)的視覺(jué)設(shè)計(jì)浓瞪，往往只能引起小部分人的注意懈玻，這就是為什么高逼格設(shè)計(jì)App都是小眾的原因，Enjoy乾颁，Mono涂乌、開(kāi)眼都是如此。你拿個(gè)塞尚的靜物畫(huà)跟一個(gè)美院優(yōu)秀畢業(yè)生的靜物畫(huà)做對(duì)比英岭，大部分人分不出來(lái)哪個(gè)更厲害的湾盒。
培養(yǎng)成做設(shè)計(jì)說(shuō)明的習(xí)慣，除了面試之外诅妹，這樣設(shè)計(jì)說(shuō)明罚勾，也讓設(shè)計(jì)師在做設(shè)計(jì)時(shí)去思考界面背后的邏輯，用嚴(yán)謹(jǐn)有邏輯的的方式做你的設(shè)計(jì)，而不是更多的依靠我覺(jué)得這樣好看尖殃，那樣不好看丈莺，商業(yè)設(shè)計(jì)不是藝術(shù)，是為了更美好的解決產(chǎn)品問(wèn)題分衫。當(dāng)然也可以讓你在做設(shè)計(jì)評(píng)審的時(shí)候通過(guò)率會(huì)更高场刑。
（二）做好設(shè)計(jì)控件庫(kù)
為什么要控件庫(kù)般此，控件庫(kù)有三個(gè)方面的好處蚪战。
第一，方便產(chǎn)品的升級(jí)和以后設(shè)計(jì)的復(fù)用铐懊。
第二邀桑，助于你理解整個(gè)產(chǎn)品的交互邏輯，你要理出整個(gè)產(chǎn)品的控件庫(kù)科乎，必須是非常熟悉原型壁畸，哪些設(shè)計(jì)共用，哪些設(shè)計(jì)一致茅茂。
第三捏萍，助于開(kāi)發(fā)進(jìn)度，界面沒(méi)出來(lái)空闲，控件先行令杈，甚至開(kāi)發(fā)可以使用控件庫(kù)先行搭建部分產(chǎn)品界面。
在未面聊時(shí)碴倾，面試者可以通過(guò)你的控件庫(kù)作品看到你的產(chǎn)品的整體交互認(rèn)知逗噩，看到你的細(xì)節(jié)（控件往往友都有多中狀態(tài)），看到你對(duì)風(fēng)格的整體控制跌榔，這也是良好設(shè)計(jì)習(xí)慣的體現(xiàn)异雁。
在面聊時(shí)可以圍繞控件庫(kù)講的東西就更多了，圍繞上面三條：你對(duì)風(fēng)格一致性和快速迭代的思考僧须，交互視覺(jué)一致性的思考纲刀，你對(duì)設(shè)計(jì)與開(kāi)發(fā)合作的思考〉Ｆ剑控件不就是這個(gè)目的嗎柑蛇！
（三）做好設(shè)計(jì)落地方案
落地方案是一般分兩種，一種是是設(shè)計(jì)落地說(shuō)明驱闷，主要用途類(lèi)似于產(chǎn)品PRD（需求文檔）耻台，最好是PPT或PDF，因?yàn)檫@個(gè)能較為細(xì)致呈現(xiàn)你的設(shè)計(jì)細(xì)節(jié)空另；一種為如下動(dòng)圖Demo盆耽，以說(shuō)呈現(xiàn)清產(chǎn)品交互邏輯為主（這類(lèi)工具很多，我用的是chainco，墨刀摄杂，當(dāng)然還有很多其他的）坝咐。
兩種方案，拋開(kāi)形式析恢，都是以說(shuō)清開(kāi)發(fā)具體的執(zhí)行細(xì)節(jié)為主墨坚，避免開(kāi)發(fā)漏掉細(xì)節(jié)，很多設(shè)計(jì)師不愿給面試官看原公司產(chǎn)品很大程度不就是最后落地的設(shè)計(jì)跟自己原有設(shè)計(jì)的有差距嗎映挂，如果是公司出于產(chǎn)品方向考慮泽篮，改掉了你原有的高品質(zhì)設(shè)計(jì)，這個(gè)有可以理解的余地柑船，但是如果是開(kāi)發(fā)執(zhí)行不力帽撑，效果呈現(xiàn)不好，這個(gè)鍋設(shè)計(jì)還是要背的鞍时，畢竟推動(dòng)和跟進(jìn)研發(fā)高質(zhì)量的重構(gòu)界面是設(shè)計(jì)師必做的工作亏拉。落地方案就是解決這個(gè)問(wèn)題，避免高頻次的無(wú)效溝通逆巍，立字為據(jù)及塘，從責(zé)任的角度倒推工作落地，讓開(kāi)發(fā)人員更好的執(zhí)行你所有的設(shè)計(jì)細(xì)節(jié)锐极。你看笙僚，當(dāng)你面試作品里有落地方案的時(shí)候，說(shuō)明了你對(duì)開(kāi)發(fā)的執(zhí)行力控制能力溪烤，說(shuō)明了你對(duì)設(shè)計(jì)的執(zhí)行考慮的足夠周全味咳，并不是甩手掌柜。
當(dāng)然檬嘀，你也可以在面試時(shí)以作品為導(dǎo)向槽驶，引導(dǎo)面試官關(guān)注到設(shè)計(jì)的落地性上來(lái)。
做完設(shè)計(jì)后鸳兽，將界面串聯(lián)起來(lái)掂铐，借助工具這個(gè)demo很容易做好，這個(gè)附帶的另外一個(gè)好處是揍异，你可以更系統(tǒng)的感知你做的交互和設(shè)計(jì)全陨，而不是像你做視覺(jué)時(shí)候更多單個(gè)頁(yè)面那樣，只是習(xí)慣性的聚焦在單個(gè)界面衷掷。
（四）關(guān)注項(xiàng)目可發(fā)揮的頁(yè)面并形成作品展示列辱姨。
前面四個(gè)方法并不能做到讓你項(xiàng)目作品變得更好看，更多的只是展示項(xiàng)目中的產(chǎn)品戚嗅、交互和執(zhí)行認(rèn)知雨涛，要說(shuō)在項(xiàng)目中怎么把設(shè)計(jì)做好枢舶，這個(gè)問(wèn)題太大。
但是有另外一個(gè)方向替久，既然是面試作品驅(qū)動(dòng)設(shè)計(jì)凉泄，在視覺(jué)功底的呈現(xiàn)上，那么我們?cè)O(shè)計(jì)時(shí)可以重點(diǎn)關(guān)注可以發(fā)揮界面蚯根，以手機(jī)UI為例后众，可以重點(diǎn)關(guān)注如閃屏、引導(dǎo)頁(yè)颅拦、活動(dòng)頁(yè)面蒂誉、首界面、核心欄目頁(yè)等界面矩距，面試時(shí)的項(xiàng)目作品主要將這些界面拿出來(lái)展示就可以了拗盒。
既然想拿出去作為視覺(jué)的展示怖竭，那么在做設(shè)計(jì)時(shí)锥债，這些界面要作為視覺(jué)設(shè)計(jì)的重點(diǎn)，專(zhuān)門(mén)辟出時(shí)間痊臭，花大力氣將他設(shè)計(jì)到你滿(mǎn)意為止哮肚，一定是要滿(mǎn)意。
除此之外广匙，需要將將這些精選頁(yè)面允趟，更好的成列給面試官看，那么你也需要在項(xiàng)目陳列上下功夫鸦致。
（五）練習(xí)作品潮剪。
練習(xí)作品一定是要的，練習(xí)作品最大的好處是你不必受限于商業(yè)和產(chǎn)品邏輯分唾，需要考慮的只是怎么將你的設(shè)計(jì)功底呈現(xiàn)出來(lái)抗碰，無(wú)論站酷、68绽乔、dribble弧蝇、還是behance，練習(xí)作遠(yuǎn)多于項(xiàng)目作品折砸。
既然練習(xí)作品是呈現(xiàn)你的實(shí)力看疗，那么練習(xí)作品應(yīng)該注意下面兩點(diǎn)。
1.離開(kāi)舒適區(qū)睦授，挑戰(zhàn)有一定難度的設(shè)計(jì)两芳，有難度的設(shè)計(jì)除了展現(xiàn)你的實(shí)力外，還可以讓你成長(zhǎng)較快去枷，“刻意練習(xí)”學(xué)習(xí)方法中怖辆，很重要的提到這一點(diǎn)祷肯。
2.嘗試你項(xiàng)目中沒(méi)有做過(guò)的設(shè)計(jì)類(lèi)別。這個(gè)很重要疗隶，大多數(shù)設(shè)計(jì)師都有自己的風(fēng)格傾向佑笋，不同的公司可能需要的風(fēng)格傾向完全不一樣，單一的風(fēng)格會(huì)讓你面試官忽略了你的設(shè)計(jì)功底斑鼻，從而關(guān)注這個(gè)風(fēng)格適不適合我們蒋纬，你有沒(méi)有能力換掉你習(xí)慣的風(fēng)格，這就有點(diǎn)危險(xiǎn)坚弱。同理蜀备，如果你長(zhǎng)期做UI，沒(méi)做過(guò)網(wǎng)頁(yè)荒叶，面試官在考慮到公司會(huì)有網(wǎng)頁(yè)的時(shí)候碾阁，也會(huì)有這樣的疑慮。
總結(jié)
從上面五點(diǎn)些楣，我們能看到脂凶，好的作品既能展示視覺(jué)，也能展示產(chǎn)品認(rèn)知愁茁、體驗(yàn)認(rèn)知和執(zhí)行力蚕钦。視覺(jué)展示和產(chǎn)品、體驗(yàn)展示可以同等重要的展示鹅很，從而引導(dǎo)面試官不只是關(guān)注設(shè)計(jì)圖美不美嗎嘶居，而是關(guān)注你的全方位的能力，面試率能不高促煮？有了這些邮屁，你還是像以前一樣面試時(shí)傻傻的等待面試官關(guān)于產(chǎn)品問(wèn)題的坑嗎？
當(dāng)然菠齿，有前提佑吝，你要花時(shí)間把這些東西好做，你關(guān)注過(guò)站酷上那些大師的出稿頻率嗎泞当，你有回頭看過(guò)那些優(yōu)秀設(shè)計(jì)師深夜默默工作的背影嗎迹蛤？
另外補(bǔ)充一點(diǎn)，也許看了上面襟士，有個(gè)誤區(qū)盗飒，會(huì)覺(jué)得面試作品驅(qū)動(dòng)設(shè)計(jì)，我管你產(chǎn)品怎么樣陋桂，我就設(shè)計(jì)的好看就行逆趣，面試官關(guān)注這個(gè)嘛，你只是做的好看嗜历，項(xiàng)目總要審稿吧宣渗，設(shè)計(jì)是要達(dá)到商業(yè)目的抖所，但是很遺憾，這個(gè)捷徑走不了的痕囱。
完田轧！
微信公眾號(hào)：油炸果子
