我在工作中篩選過(guò)上千份作品，發(fā)現(xiàn)大多數(shù)設(shè)計(jì)師的作品集都有比較明顯的問(wèn)題，很難拿到面試機(jī)會(huì)。今天咱們就聊聊這些問(wèn)題，以及基本的制作思路。

更多作品集制作思路：

主要包括以下 8 塊內(nèi)容：

一、作品集到底用來(lái)干嘛

在招聘中發(fā)現(xiàn)很多同學(xué)并不清楚這個(gè)最基本的問(wèn)題。

大家可以把 “展示工作成果”、“說(shuō)明工作經(jīng)歷”、“介紹項(xiàng)目經(jīng)驗(yàn)”、“展示工作能力”、“展示個(gè)人特色優(yōu)勢(shì)”，這幾項(xiàng)排個(gè)序試試。

如果你認(rèn)為作品集主要是用來(lái)“說(shuō)明工作經(jīng)歷”的，這就是混淆了簡(jiǎn)歷和作品集的區(qū)別，簡(jiǎn)歷的作用主要是“介紹個(gè)人基本信息，工作經(jīng)歷，項(xiàng)目經(jīng)驗(yàn)”等，而作品集主要目的是“通過(guò)幾個(gè)完整項(xiàng)目展示，表現(xiàn)出能夠勝任目標(biāo)職位的能力，拿到面試機(jī)會(huì)”。

二、招聘中，作品集是怎么篩選的

篩選流程：HR 從各種渠道收到作品（比如內(nèi)推的、招聘平臺(tái)投的、系統(tǒng)里撈起來(lái)的等等），先經(jīng)過(guò)一輪篩選，篩掉硬指標(biāo)不過(guò)關(guān)的和連 HR 都能看出來(lái)很差的，發(fā)給用人部門對(duì)接人，對(duì)接人再篩一輪，留下還不錯(cuò)的感覺(jué)可以面試的，發(fā)給設(shè)計(jì)主管，主管篩出確實(shí)可以面試的，約面試。也有設(shè)計(jì)部門的同學(xué)直接從系統(tǒng)里撈人，然后讓 HR 約面的。

篩選方式：以前沒(méi)有簡(jiǎn)歷系統(tǒng)，都是把作品和簡(jiǎn)歷通過(guò)聊天軟件發(fā)來(lái)發(fā)去，目前各大廠都有了自己的招聘系統(tǒng)，招聘行為基本都在系統(tǒng)內(nèi)部了，這對(duì)于面試官來(lái)說(shuō)有很多好處，比如查看便捷、信息共享等；但對(duì)于候選人就不好了，你會(huì)發(fā)現(xiàn)當(dāng)你有一次表現(xiàn)不好，就永遠(yuǎn)被打上了某些負(fù)面的標(biāo)簽，或者你某一次隨意糊弄的筆試題，一直會(huì)存檔在系統(tǒng)里。所以大家一定要注意，大廠的面試機(jī)會(huì)一定要認(rèn)真對(duì)待，沒(méi)準(zhǔn)備好千萬(wàn)不要嘗試。

篩選依據(jù)：每個(gè)設(shè)計(jì)部門都會(huì)制定自己的篩選依據(jù)，但其實(shí)都大差不差，整體來(lái)說(shuō)就是“基礎(chǔ)”、“外在”和“內(nèi)涵”，第三條里具體講。

三、面試官看作品集都看些什么

看基礎(chǔ)：就是看基礎(chǔ)條件是不是匹配，比如學(xué)歷要求本科，那本科以下肯定不符合了（當(dāng)然也不是完全不行，能力很強(qiáng)的話也有特招的機(jī)會(huì)）；比如工作經(jīng)歷要求做過(guò) C 端設(shè)計(jì)，如果你的經(jīng)歷全是 B 端那一般就不考慮了；還有其他的一些基礎(chǔ)要求，不同的業(yè)務(wù)、團(tuán)隊(duì)都不一樣。

看外在：外在就是除了基礎(chǔ)條件和項(xiàng)目?jī)?nèi)容之外的印象分，比如你作品的排版、配色，呈現(xiàn)出的氣質(zhì)等等。在這一階段還會(huì)有“鑒定真?zhèn)巍钡墓ぷ?，比如你的文字很清晰，UI 圖很模糊，那就會(huì)懷疑不是你自己做的（你沒(méi)有源文件）?；蛘吣阗Y歷很淺，但作品非常成熟，也會(huì)懷疑真實(shí)性。另外還有一個(gè)“最差項(xiàng)目定律”，就是“作品中最差的那個(gè)項(xiàng)目，大概率等于真實(shí)水平”。

看內(nèi)涵：這一步就是看項(xiàng)目了。一般情況下第一個(gè)項(xiàng)目會(huì)詳細(xì)看，比如項(xiàng)目背景、過(guò)程、結(jié)果等，以及你的角色和價(jià)值，其他項(xiàng)目大概看。

那么，做出讓人拍案叫絕的作品集，應(yīng)該怎么做呢？別著急，說(shuō)怎么做之前，先講一些比較重要的基礎(chǔ)信息。

四、作品集分類與自身定位

在制作作品集之前，先需要做好自身定位，你是哪類設(shè)計(jì)師？是什么級(jí)別？這些直接決定著作品集要做成什么樣。

先說(shuō)作品類別，在互聯(lián)網(wǎng)中，按照大類來(lái)說(shuō)，差不多就是三類作品：

1. UX 偏 UI 視覺(jué)的作品：現(xiàn)在很多大廠不單獨(dú)設(shè) UI 設(shè)計(jì)崗，都稱為體驗(yàn)設(shè)計(jì)師（UX），但內(nèi)部仍然有偏 UI 或偏交互的說(shuō)法，所以 UX 偏 UI，就是以前的 UI 設(shè)計(jì)師，主要負(fù)責(zé)界面視覺(jué)呈現(xiàn)、組件庫(kù)搭建、部分動(dòng)效、視覺(jué)效果等設(shè)計(jì)。這類設(shè)計(jì)師大多都是美術(shù)院校出身，精通色彩、排版和各平臺(tái)設(shè)計(jì)規(guī)范，能夠按照工程化、標(biāo)準(zhǔn)化、藝術(shù)化的方式產(chǎn)出 UI 稿。所以很明顯，這類設(shè)計(jì)師的作品，重點(diǎn)肯定在界面展示上，而不是項(xiàng)目邏輯推導(dǎo)，建議比例在 7 比 3 較為合適。盡量豐富地展現(xiàn)界面細(xì)節(jié)、視覺(jué)風(fēng)格、動(dòng)效、色彩邏輯等
2. UX 偏交互的作品：偏交互的同學(xué)大多不是視覺(jué)專業(yè)畢業(yè)（非美術(shù)高考生），都是工業(yè)設(shè)計(jì)、建筑設(shè)計(jì)，甚至化學(xué)、機(jī)械等等，理工科偏多，所以他們更加擅長(zhǎng)邏輯思維，能夠較為系統(tǒng)、結(jié)構(gòu)化地展開(kāi)設(shè)計(jì)。所以這類作品更加注重項(xiàng)目思路、產(chǎn)品框架和交互細(xì)節(jié)的推導(dǎo)，需要詳細(xì)交代項(xiàng)目背景、挑戰(zhàn)，所用的前期研究方法、過(guò)程，得到的研究結(jié)果，根據(jù)調(diào)研制定了怎樣的解決策略，遇到了什么障礙，最后得到了怎樣的項(xiàng)目結(jié)果等等。
3. 營(yíng)銷創(chuàng)意視覺(jué)作品：這類作品主要是純視覺(jué)設(shè)計(jì)師，平時(shí)較多產(chǎn)出平面物料、品牌、長(zhǎng)圖、活動(dòng)等設(shè)計(jì)，較少產(chǎn)出產(chǎn)品 UI 界面，所以作品內(nèi)容以視覺(jué)稿為主，簡(jiǎn)單呈現(xiàn)項(xiàng)目思路即可。

這三類作品中，第三類比較明確，職業(yè)定位也較為清晰，關(guān)鍵是前兩類，很多同學(xué)非常容易混淆，比如 A 同學(xué)偏 UI，投遞的也是 UI 設(shè)計(jì)的職位，卻長(zhǎng)篇大論邏輯、調(diào)研，界面展示很少；B 同學(xué)偏交互，卻缺少必要的邏輯支撐，主要篇幅在界面展示。

所以我們首先需要清晰自己的定位，確定往 UI 視覺(jué)方向深入還是偏產(chǎn)品、交互方向，然后制作不同類別的作品集，投遞相應(yīng)的工作崗位。當(dāng)然這種定位只是前期發(fā)展定位，遠(yuǎn)期的話并不一定按照這種方式去限制自我，因?yàn)楝F(xiàn)在不乏兩者都非常優(yōu)秀的綜合型設(shè)計(jì)師。對(duì)于兩方面都很強(qiáng)的設(shè)計(jì)師，你只需要根據(jù)招聘要求調(diào)整作品內(nèi)容篇幅即可。

然后，作品的呈現(xiàn)跟你的級(jí)別非常相關(guān)，面試官在考評(píng)過(guò)程中，會(huì)重點(diǎn)關(guān)注從業(yè)年限，比如一個(gè)工作了 10 年的設(shè)計(jì)師，還呈現(xiàn)出初級(jí)水平，就肯定不會(huì)考慮；而一個(gè)初級(jí)設(shè)計(jì)師呈現(xiàn)出非常資深的狀態(tài)，我們也會(huì)懷疑作品的真實(shí)性。

整體來(lái)看，按級(jí)別可以分為這么幾類：

1. 應(yīng)屆生求職作品集：以實(shí)習(xí)項(xiàng)目為主，如果沒(méi)有相關(guān)實(shí)習(xí)，可以放相關(guān)的課題實(shí)踐，或者自己作為練習(xí)的虛擬項(xiàng)目。重點(diǎn)在于表現(xiàn)對(duì)設(shè)計(jì)的熱情與提升潛力。
2. 1~3 年設(shè)計(jì)師作品集（初級(jí)）：初級(jí)設(shè)計(jì)師的工作主要是碎片化項(xiàng)目執(zhí)行，作品集需要對(duì)項(xiàng)目進(jìn)行初步整合，可以將幾個(gè)工作項(xiàng)目合為一個(gè)大項(xiàng)目來(lái)講述。
3. 3~5 年設(shè)計(jì)師作品集（高級(jí)）：高級(jí)設(shè)計(jì)師需要有完整的大型項(xiàng)目，呈現(xiàn)完善的項(xiàng)目背景、問(wèn)題定義、解決過(guò)程和項(xiàng)目結(jié)果，盡量不放任何虛擬項(xiàng)目。
4. 5 年+設(shè)計(jì)師作品集（資深）：資深設(shè)計(jì)師的作品需要對(duì)業(yè)務(wù)有深度思考分析，展現(xiàn)出通過(guò)自身設(shè)計(jì)手段，幫助業(yè)務(wù)解決的問(wèn)題，帶來(lái)的增量。
5. 設(shè)計(jì)管理作品集：管理者的作品必須包含設(shè)計(jì)管理相關(guān)內(nèi)容，如何進(jìn)行組織建設(shè)，如何提升團(tuán)隊(duì)效能等。

這幾個(gè)類別，大家盡量做好自己的對(duì)應(yīng)，不要達(dá)不到要求或過(guò)度超綱。

五、作品集的構(gòu)成

一般來(lái)說(shuō)，作品集主要有五塊內(nèi)容：

① 封面：封面不需要太華麗，如果是偏交互的設(shè)計(jì)師，簡(jiǎn)簡(jiǎn)單單就好，如果是 UI 或視覺(jué)的同學(xué)，可以做一些視覺(jué)處理，但也不需要用力過(guò)猛，總之就是不丑即可。當(dāng)然，如果你視覺(jué)創(chuàng)意能力非常強(qiáng)，能從封面中展示你的優(yōu)勢(shì)、特點(diǎn)或者你的設(shè)計(jì)理念，那也是很好的。

② 個(gè)人信息頁(yè)：很多同學(xué)可能會(huì)問(wèn)，有了簡(jiǎn)歷，為什么還要在作品集里放個(gè)人信息頁(yè)呢？事實(shí)上，作品集中的個(gè)人信息頁(yè)非常有必要：

1. 加深印象：面試官一般是通過(guò)信息表或者簡(jiǎn)歷先簡(jiǎn)單了解求職者的基本信息，然后再翻開(kāi)作品集，如果作品中也有個(gè)人信息，就可以再次瀏覽，加深對(duì)這個(gè)同學(xué)的印象。
2. 方便獲取聯(lián)系方式：看完作品可能直接就跟求職者聯(lián)系，確定面試時(shí)間，或者補(bǔ)充作品等，如果作品中有聯(lián)系方式，能夠提升效率。
3. 防止簡(jiǎn)歷遺失：如果公司沒(méi)有招聘系統(tǒng)，在聊天軟件中傳送簡(jiǎn)歷作品的話，簡(jiǎn)歷很容易遺失，那么如果作品中有基本信息的話就不怕了。當(dāng)然作品里的個(gè)人信息頁(yè)沒(méi)有必要過(guò)于詳細(xì)，只是簡(jiǎn)單呈現(xiàn)基本信息和經(jīng)歷就好。

③ 目錄頁(yè)：目錄頁(yè)主要是為了告訴面試官這個(gè)作品集包含有哪些項(xiàng)目，可以只是項(xiàng)目名稱，當(dāng)然如果加上類別、項(xiàng)目圖片或簡(jiǎn)單介紹的話更好，可以提升信息獲取效率。以下是幾個(gè)著名工業(yè)設(shè)計(jì)師的作品集目錄頁(yè)：

④ 設(shè)計(jì)項(xiàng)目：前面幾項(xiàng)其實(shí)都是輔助信息，這里才算是正文。一般包含 3~5 個(gè)項(xiàng)目（視覺(jué)創(chuàng)意設(shè)計(jì)的可以多放），第一個(gè)詳細(xì)講，其他可以只放重點(diǎn)信息。順序的話，可以根據(jù)應(yīng)聘的公司進(jìn)行調(diào)整，比如你有 C 端和 B 端的項(xiàng)目，那么在面試 C 端公司時(shí)就可以把 C 端項(xiàng)目放前面，面試 B 端公司就把 B 端項(xiàng)目靠前。具體如何呈現(xiàn)一個(gè)項(xiàng)目，到第 7 部分再細(xì)說(shuō)。

⑤ 封底：封底一定要有，這樣才能呈現(xiàn)出完整性。設(shè)計(jì)上跟封面差不多就好，寫個(gè)感謝閱讀，或者自己的 Slogan 之類的都可以。

以上是作品集通用性內(nèi)容的簡(jiǎn)單介紹。另外在篇幅方面，整體不能太短（比如 30 頁(yè)以下，會(huì)讓人覺(jué)得你沒(méi)有東西可講），也不要太長(zhǎng)（比如超過(guò) 100 頁(yè)），看起來(lái)會(huì)比較吃力，而且文件也會(huì)比較大不易傳輸，所以最好控制在 60 至 100 頁(yè)之間是比較合適的。文件大小最好控制在 30Mb 以內(nèi)。

六、作品集的排版

排版是作品集的第一印象，也可以看出你對(duì)作品的用心程度（進(jìn)而推斷出你對(duì)工作的用心程度）。畢竟咱們是“設(shè)計(jì)師”，不論是任何領(lǐng)域的設(shè)計(jì)，平面設(shè)計(jì)都應(yīng)該是早已掌握的基礎(chǔ)知識(shí)。哪怕你是純交互設(shè)計(jì)，也應(yīng)該仔細(xì)對(duì)待作品排版，更不要說(shuō) UI 和視覺(jué)設(shè)計(jì)師了。這里說(shuō)以下幾點(diǎn)：

① 學(xué)習(xí)平面設(shè)計(jì)基礎(chǔ)：如果你沒(méi)有系統(tǒng)學(xué)習(xí)過(guò)平面設(shè)計(jì)，最好可以自己補(bǔ)習(xí)一下。最起碼了解“版心”、“版面率”等基礎(chǔ)排版知識(shí)，可以讓你的作品更加一致、專業(yè)。推薦大家學(xué)習(xí)日本著名設(shè)計(jì)師伊達(dá)千代的《版面設(shè)計(jì)的原理》：

② 注意節(jié)奏感：把作品集從第一頁(yè)到最后一頁(yè)的閱讀看做整體，而不是孤立某一部分，從整體上考慮疏密、詳略、主次。比如好幾頁(yè)都是信息密度非常大，那么就需要接上較多留白的一頁(yè)來(lái)緩和一下，這也是用戶體驗(yàn)。在這里，作品集就是產(chǎn)品，閱讀者就是用戶。

③ 選擇適合自己的風(fēng)格：如果你是一個(gè)古靈精怪的潮流女生，那你就可以用較為大膽的歐普、蒸汽波等風(fēng)格；如果你是懂編程的技術(shù)型設(shè)計(jì)師，就可以用黑色極客風(fēng)。甚至去創(chuàng)新出自己的風(fēng)格，只要不影響內(nèi)容閱讀，越能體現(xiàn)個(gè)性越好。（漫畫(huà)，金屬風(fēng)，簡(jiǎn)約，玻璃，3D，平面設(shè)計(jì)風(fēng)格都可以用，但是盡量簡(jiǎn)潔，內(nèi)容至上，不要影響內(nèi)容閱讀，然后是一致性）

④ 學(xué)習(xí)其他優(yōu)秀設(shè)計(jì)師的作品排版方式：排版是一個(gè)邊借鑒邊成長(zhǎng)的過(guò)程，所以前期一定要大量看優(yōu)秀作品，除了國(guó)內(nèi)大廠發(fā)布的各種項(xiàng)目和優(yōu)秀作品集之外，也可以多看看國(guó)外設(shè)計(jì)師的排版。

排版方面要說(shuō)的就是這些，大家可以先做個(gè)模板，保證一致性就好。接下來(lái)說(shuō)呈現(xiàn)項(xiàng)目的思路。

七、如何呈現(xiàn)一個(gè)項(xiàng)目

1. 項(xiàng)目問(wèn)題集中點(diǎn)

項(xiàng)目是作品集的核心，問(wèn)題最多也最大，主要集中在以下幾點(diǎn)：

1. 分析和方案無(wú)關(guān)聯(lián)：前面一通操作猛如虎，但跟后面的方案沒(méi)有任何關(guān)系，各說(shuō)各的。
2. 分析過(guò)于模板化：什么電梯宣言，焦點(diǎn)小組，用戶體驗(yàn)地圖，一看就是自己后來(lái)編的。
3. 思路不清晰：不知道先講什么后講什么，不知道這個(gè)項(xiàng)目到底做了啥。
4. 重點(diǎn)項(xiàng)目不完整：講不清楚來(lái)龍去脈（有可能是工作中本身就思考不多，只是拍腦袋做決策）。
5. 分析和方案的篇幅比例問(wèn)題：在分類那塊也提到了，UI和視覺(jué)一定以呈現(xiàn)設(shè)計(jì)方案為主。

2. 制作之前資料儲(chǔ)備（重要！?。?/strong>