之前帶用戶體驗(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)品分支界面之類的，是這些設(shè)計(jì)師沒(méi)有做過(guò)完整的項(xiàng)目？

設(shè)計(jì)師的糾結(jié)

為什么擬物設(shè)計(jì)、手機(jī)主題類設(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)品邏輯和用戶體驗(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)知。

1、產(chǎn)品認(rèn)知弱勢(shì)

產(chǎn)品認(rèn)知最大的弱勢(shì)是：產(chǎn)品成不成好像跟你沒(méi)啥關(guān)系。你的產(chǎn)品用戶一千萬(wàn)？哦，我看這設(shè)計(jì)一般啊，主要是產(chǎn)品經(jīng)理和公司的功勞吧；產(chǎn)品很爛？我看這界面也不怎么樣嘛，面試官內(nèi)心OS：設(shè)計(jì)做的不好是是產(chǎn)品爛的一個(gè)重要原因。哎呀我去，橫豎好像都有設(shè)計(jì)的坑。而且產(chǎn)品很多邏輯是要放在場(chǎng)景、用戶、商業(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ì)。

2、體驗(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)景、用戶群、商業(yè)訴求的習(xí)慣，所以，體驗(yàn)認(rèn)知就往往停留在感知層面。你回憶下，設(shè)計(jì)師和產(chǎn)品爭(zhēng)論最多的是不是，設(shè)計(jì)師說(shuō)，這樣改了很丑，產(chǎn)品會(huì)說(shuō)，這個(gè)這么做用戶找不到，不好用。

總結(jié)下：

1. 設(shè)計(jì)師的糾結(jié)，會(huì)促使設(shè)計(jì)師只會(huì)放好看的設(shè)計(jì)；
2. 設(shè)計(jì)師的弱勢(shì)，會(huì)促使設(shè)計(jì)師的實(shí)際產(chǎn)品和體驗(yàn)認(rèn)知在工作中認(rèn)知片面，所以面試時(shí)優(yōu)勢(shì)就不明顯。

回到話題，面試作品驅(qū)動(dòng)設(shè)計(jì)，面試作品能解決這些問(wèn)題嗎？能！

只要你夠勤奮！

我去，這不是雞湯嗎？

雞湯不會(huì)告訴你方法，我會(huì)告訴你方法。

設(shè)計(jì)作品的5個(gè)要點(diǎn)

那么好的作品是怎么樣的呢？也許下面五點(diǎn)能夠幫到你。

1、做好界面的設(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ì)更高。

2、做好設(shè)計(jì)控件庫(kù)

為什么要控件庫(kù)？控件庫(kù)有三個(gè)方面的好處：

1. 方便產(chǎn)品的升級(jí)和以后設(shè)計(jì)的復(fù)用。
2. 助于你理解整個(gè)產(chǎn)品的交互邏輯，你要理出整個(gè)產(chǎn)品的控件庫(kù)，必須是非常熟悉原型，哪些設(shè)計(jì)共用，哪些設(shè)計(jì)一致。
3. 助于開(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è)目的嗎！

3、做好設(shè)計(jì)落地方案

落地方案是一般分兩種，一種是是設(shè)計(jì)落地說(shuō)明，主要用途類似于產(chǎn)品PRD（需求文檔），最好是PPT或PDF，因?yàn)檫@個(gè)能較為細(xì)致呈現(xiàn)你的設(shè)計(jì)細(xì)節(jié)；一種為如下動(dòng)圖Demo，以說(shuō)呈現(xiàn)清產(chǎn)品交互邏輯為主（這類工具很多，我用的是chainco，墨刀，可能沒(méi)有這么細(xì)致的交互，不過(guò)重點(diǎn)在頁(yè)面跳轉(zhuǎn)和交互上）。

兩種方案，拋開(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è)界面。

4、關(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)，專門(mén)辟出時(shí)間，花大力氣將他設(shè)計(jì)到你滿意為止，一定是要滿意。

除此之外，需要將將這些精選頁(yè)面，更好的成列給面試官看，那么你也需要在項(xiàng)目陳列上下功夫。

5、練習(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ì)類別。這個(gè)很重要，大多數(shù)設(shè)計(jì)師都有自己的風(fēng)格傾向，不同的公司可能需要的風(fēng)格傾向完全不一樣，單一的風(fēng)格會(huì)讓你面試官忽略了你的設(shè)計(jì)功底，而關(guān)注這個(gè)風(fēng)格適不適合我們，你有沒(méi)有能力換掉風(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)：油炸果子

本文由 @果子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。