8000字干貨！UI設(shè)計(jì)作品集怎么做才能順利找到工作？

如何避免同質(zhì)化的作品集，請(qǐng)仔細(xì)閱讀這篇萬(wàn)字干貨，可能需要 20-30 分鐘

其他行業(yè)入職只要一份簡(jiǎn)歷，而設(shè)計(jì)師找工作還要一份作品集，作品集就像一顆炸彈，他可以幫你打通求職的艱難險(xiǎn)阻，也可以摧毀你的職業(yè)生涯。大家都知道設(shè)計(jì)師的作品集有時(shí)候很難分辨真假，企業(yè)在招聘過(guò)程中經(jīng)常發(fā)現(xiàn)兩份一模一樣，甚至求職者的作品和面試官的原創(chuàng)作品如出一轍的情況。

作品集就像一塊敲門(mén)磚，在別人更深入認(rèn)識(shí)你之前，它就是你的個(gè)人名片和別人對(duì)你的第一印象。今天我們就要詳細(xì)講解一下一份優(yōu)秀的作品集可以怎么去做，目錄如下：

• 面試官是怎么看作品集的
• 作品集的基本組成
• 作品集設(shè)計(jì)從 0 到 1
• 作品集細(xì)節(jié)有哪些
• 總結(jié)

我結(jié)合之前面試過(guò)許多大廠(chǎng)設(shè)計(jì)師以及最近幫許多同學(xué)看作品集的經(jīng)驗(yàn)，先來(lái)說(shuō)一下面試官看作品集時(shí)候的流程

面試官是怎么看作品集的

1. 大致涉獵

一般會(huì)先大致瀏覽一下，甚至只看封面就可以判斷這位設(shè)計(jì)師的品味、能力和細(xì)節(jié)把控，所以篩選起來(lái)也很快。資深以上的設(shè)計(jì)師對(duì)視覺(jué)把控會(huì)比較強(qiáng)，不會(huì)出現(xiàn)一些低級(jí)的版式、布局、配色上的錯(cuò)誤。

有同學(xué)要問(wèn)，如果這個(gè)設(shè)計(jì)師能力很強(qiáng)，會(huì)推動(dòng)項(xiàng)目、溝通能力也很不錯(cuò)、也有比較豐富的經(jīng)驗(yàn)，就是視覺(jué)上不太出彩，這樣可以達(dá)到資深嗎？我的回答是，要看團(tuán)隊(duì)和平臺(tái)的需求，如果你打算招他進(jìn)來(lái)干項(xiàng)目管理是可以考慮的，但是讓他做執(zhí)行或者視覺(jué)決策，就不能要了。如果你們產(chǎn)品本身品牌不突出，在行業(yè)中規(guī)中矩，那么就需要一位設(shè)計(jì)專(zhuān)家來(lái)解決品牌傳達(dá)和視覺(jué)風(fēng)格差異化的問(wèn)題。

同樣的，如果招聘低級(jí)別設(shè)計(jì)師，我們觀(guān)察作品集的側(cè)重點(diǎn)也會(huì)不同，比如會(huì)看他真實(shí)項(xiàng)目中的細(xì)節(jié)、展示邏輯等。

2. 看細(xì)節(jié)

通過(guò)第一步篩選之后，一般就要考察細(xì)節(jié)，由于很多作品集運(yùn)用了大量的樣機(jī)和搭配元素排版，在初步瀏覽的時(shí)候不一定能看出來(lái)，所以，針對(duì)這些樣機(jī)中的或者單獨(dú)展示的界面進(jìn)行拆解查看。包括信息層級(jí)、信息關(guān)聯(lián)性、信息有效性的查看，還有 UI 作品是否傳達(dá)出明顯的產(chǎn)品調(diào)性與風(fēng)格。

3. 看邏輯和分析

過(guò)了前面兩關(guān)，基本就問(wèn)題不大了。一個(gè)成熟的設(shè)計(jì)師還需要被考察自我驅(qū)動(dòng)能力的強(qiáng)弱，會(huì)做設(shè)計(jì)更要會(huì)思考。現(xiàn)在 UI 界面來(lái)的太容易了，多找一點(diǎn)參考，設(shè)計(jì)出來(lái)的界面并不會(huì)太難看，所以，我們就要看一下作品集里的分析推導(dǎo)過(guò)程。當(dāng)然有時(shí)候過(guò)了前兩關(guān)我們可以直接邀請(qǐng)過(guò)來(lái)面試，因?yàn)樽髌芳锓治鐾茖?dǎo)過(guò)程并不能很好的體現(xiàn)設(shè)計(jì)師的思路，現(xiàn)場(chǎng)提問(wèn)會(huì)更準(zhǔn)確。

很多同學(xué)要問(wèn)，UI 設(shè)計(jì)作品集里為什么要放那么多方法論，那么 UI 設(shè)計(jì)作品集里要不要放方法論呢？我個(gè)人覺(jué)得不放沒(méi)有關(guān)系，只要你視覺(jué)出彩，在同等情況下，如果你的分析推導(dǎo)是嚴(yán)謹(jǐn)有效的，那么絕對(duì)會(huì)加分。但是如果你的視覺(jué)本身不夠好，你放那么多方法論和推導(dǎo)過(guò)程著實(shí)有點(diǎn)避重就輕了。

4. 看整體內(nèi)容

在我們考察完設(shè)計(jì)師的專(zhuān)業(yè)能力之后，基本上也可以 90%確定設(shè)計(jì)師的能力了。但是這位設(shè)計(jì)師是否適合我們團(tuán)隊(duì)，那么就要繼續(xù)看。俗話(huà)說(shuō)缺啥補(bǔ)啥，在工作方面你希望他是一個(gè)擅長(zhǎng)視覺(jué)的，還是擅長(zhǎng)做體驗(yàn)的，擅長(zhǎng)視覺(jué)我們就看他的插畫(huà)、動(dòng)效和 c4d 的能力，擅長(zhǎng)做體驗(yàn)就看他的設(shè)計(jì)的分析和研究方法思路。

另外，他的作品內(nèi)容的分配、數(shù)量，占比越多越擅長(zhǎng)，真實(shí)項(xiàng)目和概念練習(xí)分別有多少。如果全都是工作項(xiàng)目說(shuō)明他是個(gè) 1.工作比較忙的人 2.可能對(duì)設(shè)計(jì)不感興趣 。如果全是概念練習(xí)，則說(shuō)明實(shí)際工作經(jīng)驗(yàn)不足，也有可能在初創(chuàng)企業(yè)遭遇了坑。所以我一般比較傾向于項(xiàng)目和練習(xí) 64 開(kāi)或者 73 開(kāi)的作品集。

作品集的常識(shí)

1. 作品集的基本認(rèn)知

作品集是一份用來(lái)展示設(shè)計(jì)師個(gè)人審美、品味和專(zhuān)業(yè)能力的一份視覺(jué)可視化資料，這份“資料”可以讓別人來(lái)了解我們。通常設(shè)計(jì)師不擅長(zhǎng)表達(dá)，都在作品集里了，所以說(shuō)就像千言萬(wàn)語(yǔ)在一杯酒里。

但是作品集制作對(duì)于很多設(shè)計(jì)師來(lái)說(shuō)非常困難，一方面是沒(méi)有維護(hù)作品集的習(xí)慣，而且不知道作品集里應(yīng)該放什么內(nèi)容。其次是能力與審美不掛鉤，作品集和自己的預(yù)期差太多，無(wú)法出彩。

其實(shí)這個(gè)原因還是歸結(jié)于 UI 設(shè)計(jì)這個(gè)崗位膨脹迅速和低門(mén)檻。我們知道在設(shè)計(jì)行業(yè)有許多的分支例如平面設(shè)計(jì)、品牌設(shè)計(jì)、建筑設(shè)計(jì)等等，這些行業(yè)的設(shè)計(jì)積淀遠(yuǎn)遠(yuǎn)比 UI 設(shè)計(jì)來(lái)的深，目前 UI 設(shè)計(jì)作品集在整個(gè)一個(gè)行業(yè)中被大多數(shù)人詬病：抄襲、同質(zhì)化等等，都是因?yàn)?UI 設(shè)計(jì)行業(yè)的文化和歷史底蘊(yùn)不足，個(gè)人素質(zhì)層次不齊導(dǎo)致，所以讓人眼前一亮的作品集才會(huì)難以出現(xiàn)，你聽(tīng)說(shuō)過(guò)平面設(shè)計(jì)大師，沒(méi)聽(tīng)說(shuō)過(guò) UI 設(shè)計(jì)大師吧？

還有一點(diǎn)要注意，作品集并非工作項(xiàng)目的陳列集，不要將所有工作的內(nèi)容和流程都一股腦兒搬運(yùn)到作品集中，很多同學(xué)會(huì)把圖標(biāo)、標(biāo)注甚至草稿都放進(jìn)去，破壞了作品集整體的美觀(guān)性，一定要記住，UI 設(shè)計(jì)作品集設(shè)計(jì)感是最重要的，文字、分析是其次。

2. 作品集的格式與規(guī)范

格式

作品集我們目前最常用的格式是 pdf，原因是 pdf 在不同環(huán)境下瀏覽更佳平滑，你不知道 hr/面試官會(huì)如何打開(kāi)你的作品集，可能是手機(jī)、可能是電腦或者 ipad。有同學(xué)只準(zhǔn)備了作品平臺(tái)鏈接，雖然鏈接很方便但是并不能很好的將你最優(yōu)秀的作品聚焦起來(lái)，但是網(wǎng)頁(yè)鏈接有個(gè)好處是可以放動(dòng)態(tài)的內(nèi)容，所以我再建議大家除了作品集以外可以自己用第三方軟件做一個(gè)個(gè)人網(wǎng)站。

?尺寸

通常 pdf 的導(dǎo)出前，很多同學(xué)會(huì)用 ps、sketch、xd 軟件在多個(gè)畫(huà)板中設(shè)計(jì)內(nèi)容然后合并導(dǎo)出，畫(huà)板的尺寸可以根據(jù)大家作品集的內(nèi)容多少來(lái)定，如果你的內(nèi)容非常多，頁(yè)數(shù)超過(guò) 60p，那么畫(huà)板尺寸盡量小比如 1280 的寬度，實(shí)際高度根據(jù)內(nèi)容展示全為主，盡量不要強(qiáng)制要求尺寸相同而隔斷內(nèi)容。

如果作品集內(nèi)容少，那么可以用 1920 的寬度，原則是控制作品集的整體大小，否則一個(gè)作品集幾百兆，hr 通常傳輸給面試官，文件過(guò)大會(huì)經(jīng)常造成中斷的情況，所以要注意。

可以用 sketch 直接導(dǎo)出畫(huà)板為 pdf，你也可以選擇先將圖片單獨(dú)導(dǎo)出然后將每一張位圖進(jìn)行無(wú)損壓縮之后，再利用 ps 的自動(dòng)-pdf 演示文稿進(jìn)行導(dǎo)出，這樣整體大小也會(huì)小很多。

如果有同學(xué)說(shuō)我就是想讓自己的作品集高清，不想縮小尺寸怎么辦？既然你選擇硬剛，那我就助你一臂之力！推薦大家一個(gè) pdf 的壓縮神器：PDF Squeezer，直接拖進(jìn)去就可以壓縮，甚至還能選擇壓縮程度，這樣不管面試官顯示器分辨率多高，我們都可以有一戰(zhàn)之力！

作品集從 0 到 1 的思考

1. 作品集整體定位與風(fēng)格設(shè)計(jì)

最近我在看室內(nèi)設(shè)計(jì)的案例，有中式、北歐、現(xiàn)代、輕奢、美式、地中海等等，通過(guò)這些風(fēng)格描述想必大家對(duì)風(fēng)格有了一定的印象，那么如果讓你設(shè)計(jì)自己的作品集，你是否可以讓他有屬于你自己的風(fēng)格呢？風(fēng)格是一種直觀(guān)但是很抽象的概念，那么我們需要從中抽離出這些風(fēng)格的組成元素，例如輕奢風(fēng)格用到了細(xì)邊框、金屬、黑白灰的基調(diào)，而中式則是大量使用紅木、厚重的石材體現(xiàn)文化。所以在我們的作品集里一定也會(huì)有這樣的錨點(diǎn)來(lái)幫助我們突出自己的風(fēng)格。

UI 設(shè)計(jì)作品集的風(fēng)格主要來(lái)源于平面設(shè)計(jì)的版式、色彩、文本、圖形的運(yùn)用，而這些都講貫穿我們整個(gè)設(shè)計(jì)作品，有些同學(xué)封面設(shè)計(jì)的逼格很高，但是一到內(nèi)容就打回原形了，所以在制定整體之前要先確定好你的設(shè)計(jì)調(diào)性。

要注意的是我們會(huì)有多個(gè)設(shè)計(jì)作品，可能這些作品的風(fēng)格都完全不同，整個(gè)時(shí)候我們就需要制定一下整體的規(guī)則，來(lái)讓這些作品有一個(gè)統(tǒng)一的約束。

2. 整體定調(diào)

通常我們會(huì)從文字、布局、配色、配圖這幾個(gè)維度去入手。

文字

文字是組成作品集最基礎(chǔ)的元素之一，中文其實(shí)我們用一些常規(guī)易讀的字體就可以，比如蘭亭黑體、蘋(píng)方、冬青黑體這些，每一種中文字體還是有區(qū)別的，個(gè)人建議使用蘭亭或者蘋(píng)方就可以了，不使用襯線(xiàn)字體。

如果你的作品集選擇英文做主字體，那就要好好選擇一下了，但是要注意，可以在標(biāo)題上面用，但不要在正文里邊用，你的作品集一定是要讓面試官看的懂，英文只是修飾和為了排版美觀(guān)，不要用來(lái)傳達(dá)信息。畢竟英文如果用的不好也是會(huì)被笑話(huà)的，不要過(guò)分追求 International。所以我推薦幾個(gè)我比較常用的英文字體：gotham、proxima nova、consolas，我們可以找?guī)讖垐D片試試感覺(jué)。

布局

布局其實(shí)我們?cè)谧?UI 界面也用到過(guò)這樣的方法-柵格，做 web 的同學(xué)深有感觸，用柵格排出來(lái)的界面非常有規(guī)律，并且模塊化視覺(jué)表現(xiàn)很好。那么具體怎么應(yīng)用呢？很簡(jiǎn)單，我們這里先要定義好幾個(gè)數(shù)值，首先是畫(huà)板的寬度 W=1280,我們可以先定義一個(gè)最小基礎(chǔ)為 4，那么畫(huà)板左右間距我們可以假設(shè)為 60-100 之間 4 的倍數(shù)，左右間距太大或者太小都不合適，太大會(huì)造成中間內(nèi)容區(qū)域的擁擠，太小整個(gè)界面就會(huì)比較散。

接下去我們要確定的是畫(huà)板中間的泳道數(shù)量和泳道之間的距離，泳道的數(shù)量我們也用 4 的倍數(shù)去定義，例如 12、16、20、24 等，這里要注意，泳道的數(shù)量不能過(guò)少也不能過(guò)多，過(guò)少的畫(huà)面信息元素?zé)o法產(chǎn)生規(guī)律，過(guò)多則會(huì)比較亂。泳道的間距同樣可以用 4 的倍數(shù)例如 12、16、20。最后就可以計(jì)算出泳道的寬度。

但是，其實(shí)我們可以不用這么死板的去計(jì)算這些數(shù)值，你只需要有這樣的布局意識(shí)就可以，讓自己的布局能夠有規(guī)律和系統(tǒng)，這個(gè)才是我們做柵格的意義，而不是將它作為一個(gè)模具。

色彩與排版

首先在整個(gè)作品集包裝的時(shí)候切忌使用大面積的單色色塊，很多同學(xué)為了平衡布局或者覺(jué)得界面太空于是就會(huì)使用一些大面積的圓形、方形的色塊去填充，這樣非但沒(méi)有提升排版的高級(jí)感反而沒(méi)有意義的吸引瀏覽者的注意力。

即便要使用大面積色塊，我們盡量利用色塊去做一些平面的修飾，例如這樣，這樣的色塊+排版修飾可以起到控制節(jié)奏的作用。

配圖

配圖選擇有幾個(gè)關(guān)鍵條件，選好配圖可以讓你的整體包裝賞心悅目，如果選不好就直接拉垮，前面的圖例可能就一下子白費(fèi)了。

我選了幾張圖片大家可以看看左右兩邊的圖片有什么區(qū)別，左邊看上去會(huì)更高級(jí)，原因在于

• 主體足夠突出
• 背景簡(jiǎn)潔干凈
• 有明顯的前后對(duì)比
• 清晰度高

換成人物也是這樣，雖然妹子們都很美但是在圖片中呈現(xiàn)出來(lái)的質(zhì)感還是有區(qū)別的。

3. 作品集內(nèi)容拆解

封面

我們?cè)谠O(shè)計(jì)封面的時(shí)候要注意，封面類(lèi)似產(chǎn)品首頁(yè)，能夠詮釋你整個(gè)產(chǎn)品的調(diào)性。

建議

• 封面不要出現(xiàn)樣機(jī)，即使你的內(nèi)容是相關(guān)界面；
• 封面是為了吸睛，所以盡量突視覺(jué)效果，但不要過(guò)于復(fù)雜。可以用一些 c4d 或者插畫(huà)展示在首頁(yè)，也可以利用一些圖形做出效果。
• 封面內(nèi)容要包含的信息可以有（但不是必須）：你的姓名、作品集時(shí)間范圍、一些情感化的文案、你的聯(lián)系方式。

可以嘗試的方法

• 可以使用人物照片+字體的排版。當(dāng)然這里建議顏值高的小伙伴去用，非常加分。

• 黑白封面，給人一種很酷的感覺(jué)，讓人對(duì)接下來(lái)的內(nèi)容很期待，有一種神秘感。

• 圖形+字符排版，利用一些簡(jiǎn)單的圖形（最好能給自己設(shè)計(jì)一個(gè)個(gè)人 logo）+文字，這種方式是一般作品集中最常見(jiàn)的

• 三維元素的應(yīng)用，但是也要注意的是 c4d 的視覺(jué)表現(xiàn)很強(qiáng)而且有很好的趣味性，但是如果你本身作品集里是一些很簡(jiǎn)約、扁平的內(nèi)容建議封面就不要用 c4d 的元素，否則這個(gè)感受落差就比較大。

目錄

很多同學(xué)可能會(huì)忽略目錄這個(gè)板塊，其實(shí)很重要，通過(guò)目錄，面試官可以馬上了解到你整體專(zhuān)業(yè)能力的維度，并且在目錄上也可以體現(xiàn)你對(duì)作品集的整理框架，比開(kāi)門(mén)見(jiàn)山會(huì)好很多。

目錄有兩種類(lèi)型可以放，第一種是以技能類(lèi)型作為介紹，比如說(shuō)你有 UI、web 的、后臺(tái)的、手繪的、c4d 等相關(guān)內(nèi)容進(jìn)行劃分，第二種是以項(xiàng)目為維度進(jìn)行劃分，比如產(chǎn)品需求 1、產(chǎn)品需求 2。

有什么區(qū)別呢？前者偏向于技能展示后者偏向于項(xiàng)目經(jīng)驗(yàn)展示，如果你平時(shí)做的項(xiàng)目比較零碎，我建議你用前者，也就是以技能維度展示，因?yàn)槲覀冎酪粋€(gè)人可能只負(fù)責(zé)一個(gè)板塊，需求也比較零碎，想要把這些內(nèi)容展示出來(lái)必須整體包裝。如果你平時(shí)負(fù)責(zé)的、牽頭的項(xiàng)目都比較大，那么我建議你用項(xiàng)目維度劃分更好。

項(xiàng)目維度劃分作品首先證明你有能力負(fù)責(zé)大型的項(xiàng)目，從需求接手到落地的整個(gè)過(guò)程都可以比較清晰的描述出來(lái)，你的能力就會(huì)體現(xiàn)的比較綜合。上文我提到作為面試官其實(shí)看作品集幾乎就是掃幾下就可以大致判斷設(shè)計(jì)師的能力了，所以只要過(guò)了這個(gè)“掃描”的關(guān)，那么以項(xiàng)目劃分的優(yōu)勢(shì)就很大了，前提是你的項(xiàng)目足夠完整，而不是優(yōu)化一個(gè)小細(xì)節(jié)。

介紹

介紹分為以下內(nèi)容：個(gè)人信息介紹、教育經(jīng)歷介紹、工作經(jīng)歷介紹、獲得榮譽(yù)介紹、個(gè)人能力介紹

個(gè)人信息：真實(shí)姓名、性別、年齡、電話(huà)、郵箱、學(xué)歷。

教育、工作經(jīng)歷介紹：這里的教育、工作經(jīng)歷都可以簡(jiǎn)寫(xiě)，不需要像簡(jiǎn)歷上寫(xiě)的那么詳細(xì)。

榮譽(yù)介紹：這個(gè)是加分項(xiàng)，例如你參加過(guò)什么設(shè)計(jì)比賽獲得什么榮譽(yù)，多年經(jīng)驗(yàn)的小伙伴在校內(nèi)的獎(jiǎng)勵(lì)可以不寫(xiě)

我們可以用幾句話(huà)來(lái)概括除了你的基本信息以外的點(diǎn)：

• 你是哪里畢業(yè)的、什么專(zhuān)業(yè)
• 你有幾年的什么崗位的工作經(jīng)歷，例如 3 年 UI，+2 年交互
• 目前正在什么公司擔(dān)任什么職務(wù)
• 負(fù)責(zé)什么業(yè)務(wù)、項(xiàng)目
• 除了業(yè)務(wù)外還有其他和團(tuán)隊(duì)相關(guān)的工作等

個(gè)人能力介紹

個(gè)人能力介紹不是單純 push 你的能力六邊圖，雖然能力六邊圖也可以放，但是如果本身六邊圖短板很明顯的話(huà)就算了。還有作為面試官問(wèn)更希望看到你的綜合能力，而不是單純的界面執(zhí)行能力，比如你做為一名設(shè)計(jì)專(zhuān)家那么你需要展示你在項(xiàng)目中的牽頭能力，你在設(shè)計(jì)研發(fā)過(guò)程中的規(guī)劃、領(lǐng)導(dǎo)力，如何把控設(shè)計(jì)質(zhì)量、拆分目標(biāo)、衡量數(shù)據(jù)結(jié)果等，如何制定品牌設(shè)計(jì)策略、搭建營(yíng)銷(xiāo)設(shè)計(jì)的體系和資產(chǎn)沉淀等。另外，你是否有把控項(xiàng)目和優(yōu)化項(xiàng)目的能力，比如內(nèi)審、迭代、跨團(tuán)隊(duì)的協(xié)同項(xiàng)目管理，還有你是如何制定團(tuán)隊(duì)管理策略的，績(jī)效、設(shè)計(jì)師能力模型、團(tuán)隊(duì)成長(zhǎng)、梯隊(duì)建設(shè)等等。

同樣如果你級(jí)別沒(méi)有那么高，你可以再進(jìn)行以上能力的拆分，你有哪些整體能力的展示，不需要很詳細(xì)，因?yàn)楹竺娴淖髌芳兔嬖嚳梢詭湍愀玫脑忈專(zhuān)谶@里你可以列舉一下。

項(xiàng)目

• 側(cè)重點(diǎn)-你本身的作用

項(xiàng)目是你作品集里最最精華的部分，一個(gè)是真實(shí)項(xiàng)目可以代表你的執(zhí)行力，從真實(shí)項(xiàng)目也可以看出你作為 UI 設(shè)計(jì)師的專(zhuān)業(yè)能力，但是很多同學(xué)這里又會(huì)犯一個(gè)錯(cuò)誤，就是你是在描述這個(gè)項(xiàng)目，但側(cè)重點(diǎn)沒(méi)有放在你在這個(gè)項(xiàng)目中的作用和定位是什么。

我們最常看見(jiàn)的方式就是很多同學(xué)通過(guò)左右構(gòu)圖、或者上下構(gòu)圖，一邊放文字一邊放樣機(jī)/界面，然后文字對(duì)界面進(jìn)行了描述，其實(shí)面試官不看文字也可以看的懂界面，他們了解到的是，哦，這界面可能是你畫(huà)的，除此以外可能什么也沒(méi)有了。

還有同學(xué)就是把沒(méi)有做過(guò)的方法放了上去，先不說(shuō)方法是不是你自己真的會(huì)，有的小伙伴可能就是放上去為了填充內(nèi)容或者設(shè)計(jì)美觀(guān)的，比如放一個(gè)馬斯洛需求金字塔、放一個(gè)內(nèi)容結(jié)構(gòu)圖，還有用戶(hù)畫(huà)像。那么問(wèn)題來(lái)了，你研究的金字塔幫你得出了什么結(jié)論，你的內(nèi)容組織架構(gòu)有什么特點(diǎn)，為什么要這樣組織，你是如何進(jìn)行用戶(hù)信息海量收集并得出用戶(hù)畫(huà)像的，用戶(hù)畫(huà)像的標(biāo)簽分類(lèi)是如何制定的。

所以你在這個(gè)項(xiàng)目中扮演了什么角色并沒(méi)有很好的向面試官傳達(dá)出來(lái)。

當(dāng)然有小伙伴要問(wèn)，我做 UI 設(shè)計(jì)不是只要視覺(jué)夠抓人眼球，這個(gè)作品集就是成功的嗎？難道做 UI 設(shè)計(jì)一定要放那么多方法論嗎？當(dāng)然不是，作品集篩選和面試的作用就是為了判斷你這個(gè)人和我們的崗位是否真實(shí)匹配，所以你在作品集里的文字是為了幫助你自己和面試官更好的理解項(xiàng)目，而且視覺(jué)同樣優(yōu)秀的情況下，有分析思路和方法的作品集肯定被優(yōu)先選擇。

• 要有邏輯的呈現(xiàn)你的項(xiàng)目

一個(gè)項(xiàng)目描述是需要有邏輯的，很多同學(xué)描述項(xiàng)目第一塊放產(chǎn)品描述，第二塊放用戶(hù)畫(huà)像，第三塊放信息架構(gòu)，第四塊放設(shè)計(jì)目標(biāo)…..這幾塊內(nèi)容之間毫無(wú)邏輯，問(wèn)題就很大了。

那我們來(lái)看一下，如果你要放一個(gè)項(xiàng)目，我們可以利用雙鉆模型的 4 個(gè)階段為：發(fā)現(xiàn)問(wèn)題/價(jià)值、定義問(wèn)題/價(jià)值、方案假設(shè)和策略、驗(yàn)證與評(píng)估 這樣分別來(lái)描述。

• 需求的價(jià)值背景

記住，千萬(wàn)不要只放需求的描述，而且也不要直接放一整個(gè)產(chǎn)品，整個(gè)產(chǎn)品必然大概率不是你一個(gè)人做的。所以我們以項(xiàng)目的維度去放內(nèi)容，需求背景和價(jià)值這一步，要描述清楚的是問(wèn)題從何而來(lái)以及它有什么價(jià)值，現(xiàn)在大家描述的問(wèn)題都是什么，但是問(wèn)題從何而來(lái)很多同學(xué)都忽略了，因?yàn)閱?wèn)題是客觀(guān)的，是否需要被解決是主觀(guān)的。

例如我們看到一個(gè)人很胖，然后我們提出了一個(gè)需求，我們發(fā)現(xiàn)這個(gè)人很胖所以我們想給他提供減肥的計(jì)劃，問(wèn)題的來(lái)源是我們自己通過(guò)觀(guān)察得出的，但這個(gè)問(wèn)題是否是用戶(hù)真實(shí)的需求呢？很多人胖但是他們自己并不想減肥。所以，問(wèn)題的來(lái)源是否客觀(guān)、靠譜很重要，如果你的改版原因描述是：信息層級(jí)不清晰、信息冗余、用戶(hù)完成任務(wù)效率低、轉(zhuǎn)化率點(diǎn)擊率等等，那你就要警惕了，你要關(guān)注的是這些結(jié)論你是如何得出的，而不是直接提出這些結(jié)論。

在這一步中大家也可以去利用一些方法找問(wèn)題：?jiǎn)柧怼?shù)據(jù)、訪(fǎng)談、體驗(yàn)地圖、用戶(hù)反饋等等。

• 定義問(wèn)題/價(jià)值與制定目標(biāo)

上面第一點(diǎn)我們說(shuō)的是問(wèn)題的可靠性，第二點(diǎn)我們要說(shuō)的是該問(wèn)題的解決必須性和嚴(yán)重性，以及目標(biāo)是什么。是改版還是新增某一塊業(yè)務(wù)，一定有它的必要性和目標(biāo)，所以在第二步，大家可以根據(jù)設(shè)計(jì)和業(yè)務(wù)的目標(biāo)去進(jìn)行相關(guān)的研究，比如第一塊發(fā)現(xiàn)問(wèn)題之后我們要找到問(wèn)題發(fā)生的原因你可以利用不同類(lèi)型的訪(fǎng)談來(lái)解決。

方法運(yùn)用和設(shè)計(jì)框架解決你的需求并非是線(xiàn)性的，例如我可以利用體驗(yàn)地圖找到用戶(hù)使用產(chǎn)品的情況與問(wèn)題，同時(shí)我也可以在現(xiàn)場(chǎng)對(duì)用戶(hù)進(jìn)行訪(fǎng)談挖掘到本質(zhì)原因。我想要優(yōu)化任務(wù)路徑和流程，我可以讓用戶(hù)做測(cè)試也可以利用數(shù)據(jù)觀(guān)察用戶(hù)的使用軌跡，還可以驗(yàn)證假設(shè)等等。

• 方案假設(shè)、策略與推導(dǎo)過(guò)程

結(jié)合你的第二步，為了達(dá)成目標(biāo)我們需要進(jìn)行方案的假設(shè)和設(shè)計(jì)，所以圍繞問(wèn)題和目標(biāo)，我們的研究才是有的放矢，而不是隨意擺放幾個(gè)方法和調(diào)研，看起來(lái)有理有據(jù)，實(shí)則毫無(wú)關(guān)系。

包括我們做視覺(jué)品牌的推導(dǎo)也是如此，你的情緒板、設(shè)計(jì)風(fēng)格定義過(guò)程是否有前后關(guān)系。很多同學(xué)也會(huì)問(wèn)，像大廠(chǎng)的視覺(jué)設(shè)計(jì)、概念是不是都是反套回去的？確實(shí)是有很多概念反套的情況，但是你想要反套也需要基于你本身有能力正套的基礎(chǔ)，也就是說(shuō)你需要會(huì)相關(guān)的美術(shù)理論基礎(chǔ)或者方法論研究框架，這樣即便你直接進(jìn)行設(shè)計(jì)后再反套也不會(huì)出現(xiàn)很大的漏洞。所以，套不套其實(shí)不重要，重要的是如果再次讓你做，你依然可以做出來(lái)，這才是關(guān)鍵。

大家一定要明白設(shè)計(jì)方案的差異與優(yōu)劣勢(shì)，還有相關(guān)話(huà)術(shù)。很多同學(xué)這里也是同質(zhì)化程度很高，譬如你們會(huì)說(shuō) xxx 的設(shè)計(jì)提高了轉(zhuǎn)化率，xxx 方案增加用戶(hù)的粘性，瀑布流展示引導(dǎo)用戶(hù)進(jìn)行更多的瀏覽，還有一些說(shuō)了等于沒(méi)有說(shuō)的文案。那么問(wèn)題來(lái)了，你是怎么觀(guān)察這些數(shù)據(jù)的？如果你要觀(guān)察數(shù)據(jù)你需要和開(kāi)發(fā)人員做哪些準(zhǔn)備工作？用戶(hù)粘性你是如何判斷提升和下降的？為什么要用瀑布流的方式，這里用單卡片或者沉浸式瀏覽的區(qū)別在哪里？

方案呈現(xiàn)需要有推導(dǎo)過(guò)程，讓面試官知道這是你的設(shè)計(jì)思路，你對(duì)這些研究結(jié)果的洞察是什么等等。

當(dāng)然面試官可能不會(huì)看這么細(xì)，這些問(wèn)題在面試的時(shí)候可以直接問(wèn)。

• 數(shù)據(jù)與驗(yàn)證

這部分你可以進(jìn)行美化，反正作品集里也無(wú)法驗(yàn)證真假，通過(guò)面試就可以確定了，但不要對(duì)數(shù)據(jù)過(guò)于不敏感，隨意編寫(xiě)提升 50%甚至100%這樣的數(shù)據(jù)。

• 練習(xí)和比賽

練習(xí)板塊請(qǐng)拋開(kāi)所有的業(yè)務(wù)背景，盡情釋放自己的天性，讓自己在產(chǎn)品中無(wú)法盡情表達(dá)的設(shè)計(jì)一股腦兒的噴涌而出吧。你所能想到的炸裂、酷炫、x 炸天的風(fēng)格可以隨意使用，目的就是為了向面試官展示出你的視覺(jué)能力天花板。我作為面試官不排斥求職者接私活，但是我作為過(guò)來(lái)人不建議大家大量接私活，理由是，私活就像小孩子對(duì)糖果的癮，吃多了要蛀牙，雖然有一時(shí)的收益，但對(duì)我們整個(gè)設(shè)計(jì)生涯并不是很有利。

同時(shí)，作為面試官我是非常想看到求職者有練習(xí)作品的，這說(shuō)明他們喜歡做設(shè)計(jì)，在工作不忙的時(shí)候有自己的時(shí)間去做自己喜歡的事，那么這位設(shè)計(jì)師一定能把設(shè)計(jì)做好，做透。

如果你工作了好幾年，連練習(xí)作品或者設(shè)計(jì)比賽都沒(méi)有參加過(guò)，我只能說(shuō)你做這行確實(shí)是為了糊口，除非你在業(yè)務(wù)和項(xiàng)目中非常出色，因?yàn)槟愦蟛糠謺r(shí)間放在工作中。否則工作產(chǎn)出質(zhì)量低又沒(méi)有練習(xí)作品，那就說(shuō)不過(guò)去了，不多練習(xí)怎么能提高呢？這已經(jīng)不是當(dāng)初培訓(xùn)完軟件就能隨口開(kāi)價(jià)的市場(chǎng)了，要醒醒。

4. 加分技能

在保證本職業(yè)基礎(chǔ)能力過(guò)關(guān)的情況下，一定要讓自己多學(xué)習(xí)一點(diǎn)技能，現(xiàn)在越來(lái)越多的企業(yè)招人都很放肆，UI 要會(huì) c4d、動(dòng)效，原因是他們內(nèi)部本身沒(méi)有人會(huì)或者需要 UI 和運(yùn)營(yíng)設(shè)計(jì)不斷層，能夠互相解決問(wèn)題。那么為什么會(huì)有這樣的情況發(fā)生呢？原因就是 UI 大部分企業(yè)已經(jīng)覺(jué)得達(dá)到天花板了，或者投入產(chǎn)出比不高，現(xiàn)在交互設(shè)計(jì)師都可以直接畫(huà)界面了，還要 UI 設(shè)計(jì)師干嘛？只招一個(gè)體驗(yàn)設(shè)計(jì)師不更好？所以現(xiàn)在很多的 UI 設(shè)計(jì)師在 UI 工作中會(huì)遇到很多需要做視覺(jué)相關(guān)的工作。

作品集細(xì)節(jié)建議

最后，我想把一些作品集包裝的小細(xì)節(jié)再講一下。不求讓每個(gè)人把作品集做出差異化，但求讓你們作品集的美感提升一個(gè)檔次。

1. 文字的節(jié)奏感

文字的節(jié)奏感，不同層級(jí)的文字大小、間距有固定的值，不要隨意調(diào)節(jié)間距。例如下方 1 級(jí)標(biāo)題、2 級(jí)標(biāo)題以及說(shuō)明文案的間距、文本樣式，在每一個(gè)板塊、畫(huà)板中都要統(tǒng)一。

2. 內(nèi)容的節(jié)奏感

不要所有畫(huà)板和內(nèi)容都是一樣的布局，中間可以穿插修飾的內(nèi)容，可以作為引導(dǎo)、調(diào)節(jié)、裝 x 的視覺(jué)效果。

3. 版式的平衡

譬如我們有一個(gè)區(qū)塊是左文右圖，那么我們下一個(gè)區(qū)塊可以右文左圖，或者利用一些修飾元素平衡掉右側(cè)的圖，這里的平衡并不是“等價(jià)交換”而是在平衡基礎(chǔ)上增加視覺(jué)趣味性，但不是要再用純色大色塊來(lái)做平衡了，你懂我意思嗎？

4. 確定一個(gè)視覺(jué)記憶點(diǎn)

你可以選擇某一個(gè)元素來(lái)貫穿整個(gè)作品集，例如鐳射元素、毛玻璃、多色融合、氣泡、透明紙、3d、有質(zhì)感的圖標(biāo)、動(dòng)效等等。

5. 增強(qiáng)對(duì)比

正文的文字占比可以縮小，讓標(biāo)題和文字出現(xiàn)比較大的對(duì)比。突出界面及其他的修飾內(nèi)容，讓文字在排版中成為線(xiàn)條來(lái)進(jìn)行修飾

6. 合理使用樣機(jī)

現(xiàn)在有非常多的樣機(jī)資源網(wǎng)上可以找到，但是運(yùn)用樣機(jī)還是有幾個(gè)點(diǎn)要注意

• 不要過(guò)多的使用非正面樣機(jī)
• 不要使用過(guò)時(shí)的樣機(jī)，譬如這都 iphone 12了你還在用 iphone8 的
• 安卓和蘋(píng)果的樣機(jī)不要混合用，原生控件和風(fēng)格不要混用
• 卡通和真實(shí)樣機(jī)不要混用
• 樣機(jī)風(fēng)格要統(tǒng)一

總結(jié)與感想

行業(yè)的蓬勃發(fā)展確實(shí)給了我們?cè)O(shè)計(jì)師非常多的機(jī)會(huì)，但是在機(jī)會(huì)到來(lái)的時(shí)候我們也需要有能力抓住，如果沒(méi)有機(jī)會(huì)來(lái)找你，我們也要有看的更遠(yuǎn)的眼光。作品集需要大家經(jīng)常維護(hù)，而不是等到要找工作的時(shí)候匆忙趕工，細(xì)節(jié)是認(rèn)真對(duì)待的結(jié)果，不要抱著僥幸的心理對(duì)待這份崗位。我個(gè)人認(rèn)為能成為設(shè)計(jì)師是很神圣的一件事，或許曾經(jīng)嘗到了甜頭，但那些一定無(wú)法讓我們走的更遠(yuǎn)。

歡迎關(guān)注作者的微信公眾號(hào)：「應(yīng)謀鬼計(jì)」