這是我知乎上時(shí)間線出現(xiàn)得比較多的一個(gè)問題，也是新手轉(zhuǎn)行過程中最關(guān)注的事情之一。過去一直沒有系統(tǒng)回答這方面的疑問，所以在這整理出來。

題目所提的 「工作經(jīng)驗(yàn)」，是目前許多公司招聘中的要求，有很多新人簡(jiǎn)歷、面試被刷的原因都是因?yàn)?「工作經(jīng)驗(yàn)不符合要求」。所以推論下來，沒有工作經(jīng)驗(yàn)就勢(shì)必找不到工作嗎？當(dāng)然不是！

做作品集前要先清楚，招聘的目的和標(biāo)準(zhǔn)是什么。除了少部分大廠和個(gè)例以外，招聘設(shè)計(jì)崗位的目的都是為了通過你的設(shè)計(jì)技能和勞動(dòng)創(chuàng)造價(jià)值和利潤(rùn)，所以招聘的過程，就是一個(gè)評(píng)定應(yīng)聘者是否有這方面能力的過程。

基于很多模糊的觀念和共識(shí)，招聘過程中通常會(huì)加上學(xué)歷、專業(yè)、經(jīng)驗(yàn)等要求，因?yàn)檫@些東西都會(huì)成為加分項(xiàng)，或者從側(cè)面佐證應(yīng)聘者的學(xué)習(xí)能力、自律性等問題，但很明顯，只看其中的某一項(xiàng)是不夠的，而要全部達(dá)標(biāo)那也屬于可遇不可求。

所以，企業(yè)的招聘實(shí)際上就是一個(gè)通過多個(gè)角度綜合來判斷應(yīng)聘者價(jià)值的過程，用個(gè)公式表達(dá)：

應(yīng)聘者價(jià)值 = 學(xué)歷×a + 經(jīng)驗(yàn)×b + 作品×c

其中，abcd 代表對(duì)應(yīng)的加權(quán)系數(shù)，即不同公司會(huì)對(duì)這些方向有不同的重視程度，所以影響也會(huì)不一樣。但不管各自的權(quán)重如何，我們可以用它做出一個(gè)簡(jiǎn)單的推理。

如果我們要獲得高分的情況下，學(xué)歷為 0 分（非本科），經(jīng)驗(yàn)為 0 分，那么我們唯一的方法就只能依靠作品的分?jǐn)?shù)來彌補(bǔ)。因?yàn)閷W(xué)歷和工作經(jīng)驗(yàn)是客觀事實(shí)，不可能憑空造出來。

所幸的是，對(duì)于初級(jí)設(shè)計(jì)師，絕大多數(shù)公司的招聘中對(duì)作品加權(quán)最大，如果滿分 100 分的情況下，往往作品能占 80 分，這是沒有經(jīng)驗(yàn)的設(shè)計(jì)師能實(shí)現(xiàn)轉(zhuǎn)行的機(jī)會(huì)所在。

只有少部分公司，類似「網(wǎng)易」等「知名企業(yè)」，對(duì)學(xué)歷和經(jīng)驗(yàn)有過分的苛求，往往除作品外的要求分?jǐn)?shù)占比已經(jīng)過半，這個(gè)情況下就真的沒有機(jī)會(huì)了。所以，不用灰心，直接跳過它們即可。

接下來，我們就好好講講，作品集該怎么做。

作品集里放什么

比作品集怎么做更重要的事情是作品集里放什么，每次動(dòng)手前對(duì)作品集有一個(gè)比較具體的規(guī)劃和安排是十分有必要的。我的建議是應(yīng)該包含兩個(gè)大類，分別是：

• 3-4 套 UI 項(xiàng)目改版設(shè)計(jì)
• 2-3 種相關(guān)運(yùn)營(yíng)類設(shè)計(jì)展示

畢竟面試的是 UI 崗位，所以 UI 項(xiàng)目設(shè)計(jì)是其中最重要的部分。但因?yàn)闆]有工作經(jīng)驗(yàn)，所以大家唯一可以做的項(xiàng)目就是對(duì)已知線上項(xiàng)目進(jìn)行改版。最不建議新人自己構(gòu)思一款新產(chǎn)品并設(shè)計(jì)出來，因?yàn)槿鄙賹?duì)產(chǎn)品知識(shí)的系統(tǒng)訓(xùn)練，往往自己構(gòu)思出來的東西漏洞百出，只會(huì)起到負(fù)面效果。
而改版線上項(xiàng)目，可以把目光更多集中在和設(shè)計(jì)本身相關(guān)的技能上，通過將一個(gè)本身質(zhì)量非常差的項(xiàng)目進(jìn)行翻新，來展示自己有更好的設(shè)計(jì)能力和思維的過程。所以，先選出適合改版的線上項(xiàng)目，也是一門技術(shù)活。

改版項(xiàng)目的選擇上，要符合以下的特點(diǎn)：

• 設(shè)計(jì)的很差，有很大的改版空間
• 不是大廠的國(guó)民性應(yīng)用，比如 QQ、微信
• 功能不會(huì)太復(fù)雜，內(nèi)容服務(wù)沒完沒了，比如銀行類應(yīng)用
• 有好的展示潛力，主體格調(diào)較高圖片資源完善

舉幾個(gè)符合這類條件的 APP 出來，比如 MUJI、MARS、優(yōu)衣庫(kù)、ZARA、麥當(dāng)勞 等品牌的官方 APP。

著手對(duì)這類應(yīng)用進(jìn)行改版，不是說我們要整個(gè)應(yīng)用完全翻新，而是挑出其中的重點(diǎn)部分設(shè)計(jì)，比如核心的頁面部分，重要的功能流程等等。作品集展示篇幅有限，建議最終設(shè)計(jì)的頁面數(shù)在 10-16 頁左右。

這并不是一個(gè)很重的工作量，對(duì)于項(xiàng)目的設(shè)計(jì)來說，頁面的設(shè)計(jì)實(shí)際上會(huì)占用一半不到的時(shí)間，重要的東西要放在對(duì)設(shè)計(jì)的思路介紹和展示上，比如下面是一個(gè)我自己演示的案例，因?yàn)閳D片大小限制，下面只放一張簡(jiǎn)單介紹圖，詳細(xì)內(nèi)容可以去我的站酷查看：

鏈接：https://www.zcool.com.cn/work/ZMzk1NTM0NDA=.html

光有設(shè)計(jì)結(jié)果對(duì)面試者來講是不夠的，因?yàn)?UI 是一個(gè)重邏輯的工種，視覺表現(xiàn)上只要過了及格線就很難直接看出強(qiáng)弱差距，還需要通過對(duì)設(shè)計(jì)過程解讀來展現(xiàn)思維能力。不像視覺、美術(shù)這類工種可以只靠幾張作品圖勝過千言萬語。

所以 UI 類項(xiàng)目作品的包裝展示就是重中之重，需要在一個(gè)項(xiàng)目篇幅內(nèi)展示出足夠的信息，才能體現(xiàn)我們的專業(yè)性。簡(jiǎn)單總結(jié)下來，主流展示中包含的模塊和順序大致如下：

• 項(xiàng)目介紹：簡(jiǎn)單介紹該項(xiàng)目做什么的，提供什么服務(wù)。
• 當(dāng)前問題分析：通過類似用戶體驗(yàn)五要素、SWOT、競(jìng)品分析等維度總結(jié)當(dāng)前的問題。
• 用戶分析：對(duì)目標(biāo)用戶的特性、畫像、偏好做出整理，總結(jié)他們的視覺需求。
• 設(shè)計(jì)目標(biāo)：對(duì)本次改版的的目標(biāo)確立，解決什么樣的問題。
• 交互改版：展示新做的原型圖，簡(jiǎn)單表現(xiàn)對(duì)交互和版式做的調(diào)整。
• 規(guī)范展示：展示配色、字體、控件、組件相關(guān)的視覺規(guī)范。
• 頁面展示：逐個(gè)展示重要的頁面動(dòng)效，和解釋改版的說明、設(shè)計(jì)亮點(diǎn)。
• 總體預(yù)覽：將所有頁面展示出來方便查看完整的結(jié)果。

要注意的是，并不是你放的東西越多越顯得專業(yè)，而是你的展示看起來 「專業(yè)」 、「合理」，這也是最考驗(yàn)設(shè)計(jì)師思維能力的地方，也是作品集最有技術(shù)含量的部分。除了通過培訓(xùn)還是系統(tǒng)學(xué)習(xí)這種思維方法外，就需要自己在 UICN、站酷 這類平臺(tái)學(xué)習(xí)別人的分析方法。

項(xiàng)目參考鏈接：https://www.zcool.com.cn/discover/17!3!757!0!0!!!!3!-1!1

除了 UI 項(xiàng)目外，還需要放一部分運(yùn)營(yíng)類設(shè)計(jì)案例，因?yàn)橐话愕墓局校琔I 設(shè)計(jì)師除了做項(xiàng)目設(shè)計(jì)外，很多時(shí)候還要處理一些相關(guān)的運(yùn)營(yíng)需求。比如產(chǎn)品官網(wǎng)、Banner、插畫、H5 活動(dòng)頁等等。

這些內(nèi)容的展示一方面是符合實(shí)際工作需要，另一方面是展示自己其它能力，表現(xiàn)自己一專多能的專業(yè)水平，而不是隨便糊弄一些作品進(jìn)去湊數(shù)的。

所以，展示這類運(yùn)營(yíng)設(shè)計(jì)的類型就不應(yīng)該過多，2 到 3 種即可，想要 18 般武藝樣樣精通是不現(xiàn)實(shí)的，你就只要展示你最喜歡、擅長(zhǎng)的即可。比如幾套系列性 Banner 設(shè)計(jì)、H5 頁面設(shè)計(jì)等等。

同樣，這類設(shè)計(jì)也可以從線上找實(shí)例做修改，比如類似各大電商首頁用的廣告圖。

通過這樣的規(guī)劃和選題，我們就可以準(zhǔn)備一套適合零基礎(chǔ)投遞的作品集所需的作品了，下一步，就是了解作品集本身應(yīng)該怎么制作了。

作品集的做法

準(zhǔn)備好作品以后，這些作品都只是一些零碎的文件，不管導(dǎo)出什么格式我們查看起來都很不方便，尤其是很多初級(jí)設(shè)計(jì)師發(fā)作品集的方法就是扔一個(gè)壓縮包讓面試官自己解壓看的做法，是設(shè)計(jì)師投作品集的大忌。

所以，我們要讓觀看者有一個(gè)良好的瀏覽體驗(yàn)，就需要將所有作品合并起來，生成一個(gè)完整的作品集文件 —— 一份 PDF 文件，可以先通過我的某學(xué)員真實(shí)案例看看一份完整的作品集樣式（已去除真實(shí)個(gè)人信息）。

作品集鏈接：https://pan.baidu.com/s/1LsuHrDBpwxIKv0b6cMeK1w 密碼:nh3s

這份 PDF 文件中會(huì)包含我們的個(gè)人簡(jiǎn)介、履歷、各類作品，我們需要像設(shè)計(jì)一套 PPT 的方法來設(shè)計(jì)它，其中的頁面內(nèi)容包括：

• 封面
• 目錄
• 個(gè)人簡(jiǎn)介
• 教育經(jīng)歷
• 項(xiàng)目封面
• 尾頁
• ……

雖然做作品集的結(jié)構(gòu)和展示會(huì)很像 PPT，但并不是告訴大家我們做的作品集就應(yīng)該直接在 PPT 里完成再導(dǎo)出。我過去收到的這種簡(jiǎn)歷太多了，主要的問題就是 PPT 展示每個(gè)頁面的高度是一致的，而對(duì)于 UI 作品來說這個(gè)問題很致命，因?yàn)槲覀冊(cè)O(shè)計(jì)的畫布以豎版為主，一頁 PPT 是展示不全的，所以就會(huì)出現(xiàn)下面這樣的問題。

所以，合成一份作品集 PDF 也需要一些特殊的操作技巧。我們需要統(tǒng)一規(guī)范展示內(nèi)容頁面的寬度，布局規(guī)范或柵格，然后再開始分別設(shè)計(jì)對(duì)應(yīng)的基礎(chǔ)頁面和展示頁面。對(duì)于設(shè)計(jì)展示，尤其是項(xiàng)目部分，可以使用和普通頁面不同的高度，比如封面、目錄頁用了 768 的高，但是一個(gè) UI 項(xiàng)目用了 4000 的高，也是完全沒問題的，以頁作為內(nèi)容的隔斷。

作品集包裝：

最后，再用一些特定的工具，比如 PS、AI 來生成一份完整的，且支持不同高度頁的 PDF 文件，如前面案例所示。

如果是在拉鉤這類平臺(tái)投遞作品集的話，還需要面對(duì)一個(gè)問題，就是我們能投的作品集只能支持 10mb 以內(nèi)的大小，這就導(dǎo)致我們需要對(duì)作品集做出壓縮，這是一個(gè)比較磨人的細(xì)節(jié)，具體可以參考我之前做過的一篇內(nèi)容。

在完成以上步驟以后，我們就完成了一份沒有工作經(jīng)驗(yàn)，但可以用來投遞的作品集文件了。

結(jié)尾

以上就是我們對(duì)于作品集的總結(jié)，如果你們有仔細(xì)看完上面的內(nèi)容，也有了一定的實(shí)踐經(jīng)驗(yàn)，應(yīng)該能感覺出來，做一份完整、專業(yè)、靠譜的作品集實(shí)際上是很難的事情。也正是因?yàn)樗茈y，所以即使是概念性的項(xiàng)目也能發(fā)揮對(duì)應(yīng)的價(jià)值，展示我們的專業(yè)性。

而大多數(shù)已經(jīng)在職的初級(jí)設(shè)計(jì)師，實(shí)際上都沒有完成過一份完整的作品集。一方面是設(shè)計(jì)水平不太足，另一方面是因?yàn)閼校@就是所有沒有工作經(jīng)驗(yàn)新人的機(jī)會(huì)點(diǎn)。

入行是你的目標(biāo)，而作品集是你實(shí)現(xiàn)目標(biāo)的唯一手段。

所以正視沒有經(jīng)驗(yàn)的事實(shí)，想要彌補(bǔ)這種差距，我們就需要在自身能力上投入更多的努力，以及花費(fèi)精力做出更讓人滿意的作品集出來，在這個(gè)方面遠(yuǎn)遠(yuǎn)甩開其它競(jìng)爭(zhēng)對(duì)手。

祝所有還在這個(gè)階段的同學(xué)，都可以做出讓人滿意的作品集，實(shí)現(xiàn)自己的目標(biāo)。

歡迎關(guān)注作者的微信公眾號(hào)：「超人的電話亭」