UI設(shè)計(jì)師作品集應(yīng)該如何打造

拿不到面試機(jī)會(huì)？總是面試不理想？拿不到自己想要的期望工資？十年的UI設(shè)計(jì)師為什么給人感覺(jué)才兩三年工作經(jīng)驗(yàn)？你的作品集到底出什么問(wèn)題？怎樣才能做到適當(dāng)包裝簡(jiǎn)歷，讓面試官眼前一亮？下面由面試王 者講下如何設(shè)計(jì)自己的pdf作品集。

PDF作品集是衡量一位設(shè)計(jì)師能力占比很重要的一部分，從作品集里可以看到你對(duì)審美、技法、理論掌握程度，還有對(duì)所經(jīng)歷項(xiàng)目的復(fù)盤(pán)、整合的拿捏程度；當(dāng)然，從上面三個(gè)詞還能細(xì)化，比如審美可以分為選擇圖片的美感、顏色搭配、層級(jí)、間距、整體調(diào)性等；技法可以分為質(zhì)感、蒙板的運(yùn)用、版式、寫(xiě)實(shí)擬物等；理論可以分為格式塔、留白、以及一些交互思維等，還有基礎(chǔ)UI的水平，比如字重、行高、主次、圖標(biāo)、按鈕、凸顯等等，這些都可以在作品集里看到。

公司在招聘的時(shí)候，不是每個(gè)投遞者都會(huì)拿到面試機(jī)會(huì)，招聘官會(huì)根據(jù)作品集提前篩選一波，然后再把質(zhì)量好一些的作品集給到設(shè)計(jì)負(fù)責(zé)人，其次再進(jìn)行面試。其次現(xiàn)在各大招聘軟件上，最 后一項(xiàng)都會(huì)標(biāo)準(zhǔn)，需要提供相應(yīng)的作品集，想必這一點(diǎn)是硬性要求了，如下圖所示：

作品集里存在的三個(gè)致命問(wèn)題

先給大家講一個(gè)真實(shí)的故事吧，在18年的時(shí)候，我?guī)鸵粋€(gè)資深設(shè)計(jì)師招人篩選作品集的時(shí)候，發(fā)現(xiàn)幾個(gè)致命性的問(wèn)題：1.十年水平=初級(jí)？

干了10年的設(shè)計(jì)師，作品集依然處在一個(gè)初級(jí)階段，基本的對(duì)齊間距都有問(wèn)題，更別說(shuō)什么細(xì)節(jié)質(zhì)量了。這類(lèi)設(shè)計(jì)師的根本原因就是“閉關(guān)鎖國(guó)”，怎么說(shuō)呢，就是公司部門(mén)的需求，設(shè)計(jì)師產(chǎn)出后質(zhì)量不高，然后部門(mén)也沒(méi)有很高的要求，俗話(huà)說(shuō)：能用就行。設(shè)計(jì)師呢，平常也是得過(guò)且過(guò)，沒(méi)有自我提高意識(shí)，沒(méi)有自驅(qū)力：主要表現(xiàn)在下班時(shí)間沒(méi)有自我練習(xí)、審美沒(méi)有階段性提高、理論知識(shí)也是止步于此，更別說(shuō)去社交以及參加一些設(shè)計(jì)交流分享會(huì)了。

2.同質(zhì)化嚴(yán)重

90%的作品集千篇一律，這里的意思是比較模版化，從封面上來(lái)看，視覺(jué)沖擊不夠，顏色運(yùn)用不夠高級(jí)，說(shuō)白了一眼就能看出來(lái)是敷衍了事，不夠認(rèn)真。還有的作品集喜歡用一些樣機(jī)，一堆一堆的手機(jī)模型平鋪，這種已經(jīng)是好幾年前的方式了，“那個(gè)小手我想大家都知道，都用的爛爛的了”；還有一些比較新穎的模型，已經(jīng)用爛了，再用就爛大街了，這種一般就是第 一個(gè)用的吃肉，第二個(gè)用的喝湯，最 后用的人多了，就真的不怎么樣了。。準(zhǔn)確來(lái)說(shuō)就是沒(méi)有什么創(chuàng)新。

3.設(shè)計(jì)產(chǎn)出與分析不符

作品集里內(nèi)容分析與實(shí)際產(chǎn)出驢唇不對(duì)馬嘴。這樣的案例我們?cè)诤芏嘣O(shè)計(jì)網(wǎng)站和作品集里都見(jiàn)過(guò)很多，嘩啦嘩啦分析了一大堆，結(jié)果設(shè)計(jì)產(chǎn)出和分析根本沒(méi)什么關(guān)系，禁不起推敲，這也就是為什么你的作品集投出去沒(méi)有回應(yīng)的其中一個(gè)原因了，其實(shí)完全就是為了湊頁(yè)數(shù)的結(jié)果，或者說(shuō)項(xiàng)目不真實(shí)，以為面試官不會(huì)認(rèn)真去看，為了加頁(yè)而把什么“項(xiàng)目背景”、“設(shè)計(jì)目標(biāo)”、“最終數(shù)據(jù)”都放上，完全不了解當(dāng)初的立項(xiàng)背景，這個(gè)問(wèn)題就比較嚴(yán)重了～

拿不到面試機(jī)會(huì)的四個(gè)原因

開(kāi)門(mén)見(jiàn)山，現(xiàn)在互聯(lián)網(wǎng)行業(yè)已經(jīng)算是很成熟了，大到十幾萬(wàn)員工的一線互聯(lián)網(wǎng)公司，小到初創(chuàng)型公司甚至國(guó)企單位，都會(huì)有UI設(shè)計(jì)師這個(gè)崗位，有的供不應(yīng)求，有的只需要1-2個(gè)足矣，但是為啥還會(huì)有很多同學(xué)連面試機(jī)會(huì)都拿不到呢？甚至工作了很多年的連一個(gè)初級(jí)中級(jí)崗位都拿不到，原因有以下幾個(gè)吧：

一、作品集不亮眼（直接原因）

雖說(shuō)做了四五十頁(yè)的作品集，很是辛苦，但是通篇看下來(lái)沒(méi)有吸引人的項(xiàng)目，所以打開(kāi)也就不到20秒的時(shí)間，就關(guān)掉了；這里要說(shuō)一下，其實(shí)一個(gè)作品集，剛開(kāi)始吸引人的地方是封面，按我個(gè)人經(jīng)驗(yàn)來(lái)說(shuō)，封面通常2個(gè)風(fēng)格，第 一就是視覺(jué)沖擊力強(qiáng)的，第二就是版式很強(qiáng)，這兩種方法都可以。吸引面試官打開(kāi)后，接著就是吸引人的扉頁(yè)和項(xiàng)目了，只有這樣，面試官才有興趣接著往下看。

 二、工作時(shí)間間隔太短，太跳（忌諱，如有不可抗力因素除外）

這里分兩種情況，第 一種是自然情況，主要說(shuō)1年內(nèi)或者2年內(nèi)頻繁跳槽，比如1年跳了2次，2年跳了3次4次這樣，這樣的簡(jiǎn)歷盡管作品集再好，hr看到后也會(huì)一票否決（不是絕 對(duì)化，也有偶爾通過(guò)的，但是極少）。第二種就是不可抗力因素，比如：公司倒閉、公司項(xiàng)目不盈利，邊緣化、公司裁員等等，這種情況和hr如實(shí)說(shuō)明就好，裁員好些新聞都會(huì)報(bào)道，所以不是什么丟人的事情。這里建議大家盡量在一家公司待夠至少2年的時(shí)間，再去選擇跳槽，最 好是3年，否則就會(huì)出現(xiàn)hr篩選都不會(huì)通過(guò)的情況，不要以為過(guò)了業(yè)務(wù)面就萬(wàn)事大吉了，現(xiàn)在的公司hr有一票否決權(quán)，所以大家還是要特別重視一下～

三、行業(yè)內(nèi)風(fēng)評(píng)不太好，個(gè)人評(píng)價(jià)太差（這個(gè)極少了）

這個(gè)主要就是個(gè)人口碑問(wèn)題，講個(gè)故事：“曾經(jīng)有個(gè)同組外包崗設(shè)計(jì)師，偶然得知他在網(wǎng)上帶網(wǎng)課，也去分享什么經(jīng)驗(yàn)知識(shí)，沒(méi)多多久竟然被微信群曝光，此人收了報(bào)名費(fèi)竟然把好友拉黑，其實(shí)報(bào)名費(fèi)也就不到300塊，這個(gè)人品真的就太不咋地了”，其實(shí)設(shè)計(jì)圈子真的很小，猜大家一定有過(guò)這種情況：我新加的設(shè)計(jì)師微信好友，竟然有我的同事！類(lèi)似這種，所以大家都在圈子里混，還是“猥瑣發(fā)育不要浪”好一些。這里就不過(guò)多贅述了，都懂得，就是希望大家可以在圈子里表現(xiàn)的積極一些就行。

第二就是作品集千萬(wàn)不要去抄襲。。一定要去原創(chuàng)，并不是不讓大家抄，要會(huì)“抄”，并不是像素級(jí)的復(fù)制，那這個(gè)真的太傻了，真的太影響自己的聲譽(yù)了。。一定要帶的腦子去“抄”。

四、薪資高于平均水平，跳槽給不到預(yù)期

招聘軟件在線簡(jiǎn)歷預(yù)期薪資填寫(xiě)高于公司預(yù)算。這類(lèi)設(shè)計(jì)師確實(shí)存在，比如在一家小公司，同等能力下，薪資要高于市場(chǎng)平均水平很多，能力也不是特別出類(lèi)拔萃，這類(lèi)設(shè)計(jì)師如果跳槽的話(huà)，期望薪資鐵定要拿比之前高，那么大概率不會(huì)過(guò)；比如這個(gè)設(shè)計(jì)師的薪資是35k，面大廠期望薪資40k，但是大廠資深設(shè)計(jì)才32k，那么通常情況下是不會(huì)給到的。

作品集整體框架6 3 1

前置一下：如果你是UI設(shè)計(jì)或者UX設(shè)計(jì)師，那么你的作品集起碼60%是關(guān)于UIUX的作品，其余30%可以是視覺(jué)的作品，其次10%可以是自驅(qū)練習(xí)作品，大致的構(gòu)成是這樣的。如果你是全棧設(shè)計(jì)師，UIUX、視覺(jué)表現(xiàn)都很強(qiáng)，那么55開(kāi)就行，如下圖展示。具體的文章末尾會(huì)詳細(xì)講到～

優(yōu)秀的作品集如何做？

硬性要求有2點(diǎn)：

1.格式命名，例如：張三資深UI設(shè)計(jì)師 2021.pdf（推薦）

姓名+崗位+版本，pdf格式。簡(jiǎn)單粗暴，直接明了。為什么選pdf呢，因?yàn)閜df這種文件格式與操作系統(tǒng)平臺(tái)無(wú)關(guān)，也就是說(shuō)，PDF文件不管是在Windows，Unix還是在蘋(píng)果公司Mac OS操作系統(tǒng)中都是通用的。這一特點(diǎn)使它成為在Internet上進(jìn)行電子文檔發(fā)行和數(shù)字化信息傳播的理想文檔格式。設(shè)想一下有這么一個(gè)情景：你不能確定面試官究竟是用什么終端設(shè)備打開(kāi)你的作品集，可能是手機(jī)、ipad、pc&Mac OS，大家不要慌，pdf完全支持以上幾個(gè)設(shè)備。展示上也都沒(méi)問(wèn)題。千萬(wàn)不要給ppt什么鏈接之類(lèi)的，如果設(shè)備展示不友好，出現(xiàn)圖片錯(cuò)位，拉伸壓縮的情況，這樣面試官在初步瀏覽作品集的時(shí)候體驗(yàn)就很差了。

2.內(nèi)頁(yè)尺寸，1920*1080橫向（推薦）

通常制作的尺寸都是這個(gè)，我的方法一般是sketch做好后，導(dǎo)出單個(gè)pdf格式的，然后用Acrobat合并文件，合并完后看看大小，如果在15m內(nèi)（最 好控制在10m）就好。如果很大，再去pdf的壓縮網(wǎng)站壓一下就行了。

具體怎么做呢？硬貨來(lái)襲！

第1頁(yè)，封面

首先要有一個(gè)能吸引面試官眼球的封面，封面也是體現(xiàn)你設(shè)計(jì)基本功的一面，這個(gè)上面講過(guò)了，可以是偏視覺(jué)強(qiáng)一些or版式強(qiáng)都行。特別注意的是：封面或者前幾頁(yè)一定要吸引人，如果前面不能夠吸引面試官，后面的內(nèi)容再精彩，也難以讓面試官有繼續(xù)看下去的興趣。封面最 好加上最重要的三個(gè)信息：1-電話(huà)、2-郵箱、3-微信聯(lián)系方式，下面我放幾個(gè)比較好的封面供大家參考：

第2頁(yè)，扉頁(yè)

這一頁(yè)主要放你的個(gè)人信息+照片。這一頁(yè)可以分為左右結(jié)構(gòu)或者上下結(jié)構(gòu)。左邊放個(gè)人信息：照片（千萬(wàn)不要放一些生活照和游客照，因?yàn)槟闶且粋€(gè)設(shè)計(jì)師，是有基本審美的，可以去拍一些履歷照或者桌前照，基本都是純灰色底的照片，特別強(qiáng)調(diào)照片不要放太大）、姓名、出生年月、畢業(yè)院校、專(zhuān)業(yè)、在學(xué)校擔(dān)任過(guò)的職務(wù)、興趣愛(ài)好，簡(jiǎn)約一些就行。右半部分主要放工作經(jīng)驗(yàn)，公司、職務(wù)、工作年限、主要負(fù)責(zé)業(yè)務(wù)就可以了，簡(jiǎn)潔明了，等面試的時(shí)候展開(kāi)說(shuō)就行。

第3頁(yè)，目錄

目錄部分要做的簡(jiǎn)潔一些，主要體現(xiàn)整個(gè)作品集的大板塊即可，但是不要無(wú)腦放文字，要有一些版式和節(jié)奏、圖形樣式作為點(diǎn)綴，要知道每一個(gè)都要當(dāng)作一個(gè)平面設(shè)計(jì)去設(shè)計(jì)和排版。

第4頁(yè)，核心項(xiàng)目封面

這頁(yè)依然是考量你的視覺(jué)和版式能力，一般會(huì)有一個(gè)視覺(jué)重心，如果是偏C端的一般要把核心頁(yè)面或者把頁(yè)面嵌套在樣機(jī)里，然后進(jìn)行版式設(shè)計(jì)。其二就是如果是偏B端，那就是網(wǎng)頁(yè)或者把網(wǎng)頁(yè)嵌套到筆記本電腦里，然后進(jìn)行版式設(shè)計(jì)。其三就是智能硬件等等。。套路都一樣，要有一個(gè)視覺(jué)重心和標(biāo)題的展示。

第5頁(yè)，項(xiàng)目背景

為什么要放項(xiàng)目背景？因?yàn)槊嬖嚬俨惶宄@個(gè)項(xiàng)目的是干嘛的，要達(dá)成一個(gè)什么樣的效果和收益，為什么要做（比如產(chǎn)品側(cè)來(lái)講的話(huà)數(shù)據(jù)反饋不理想、對(duì)用戶(hù)不友好、轉(zhuǎn)化比較低。設(shè)計(jì)側(cè)呢，比如滿(mǎn)足產(chǎn)品需求支持設(shè)計(jì)、視覺(jué)傳達(dá)無(wú)法滿(mǎn)足用戶(hù)快速感知等等。交互側(cè)可能是跳轉(zhuǎn)頁(yè)面太多需要優(yōu)化、頁(yè)面彈窗提示太重不需要等等），主要是介紹這些東西。

第6頁(yè)，設(shè)計(jì)目標(biāo)

主要是價(jià)值點(diǎn)、收益是什么、設(shè)計(jì)在其中解決了什么問(wèn)題，需求是否合理（如果合理是否設(shè)計(jì)側(cè)有創(chuàng)新點(diǎn)和驅(qū)動(dòng)，如果不合理，設(shè)計(jì)是否有好的解決方案）、設(shè)計(jì)目標(biāo)、改版前后對(duì)比、UI界面展示。這一頁(yè)發(fā)揮的比較多，合理安排即可～

第7頁(yè)，方案對(duì)比

這頁(yè)主要是說(shuō)如果產(chǎn)品方案評(píng)審后，設(shè)計(jì)側(cè)挖掘了并且創(chuàng)新了新的方案，也就是比產(chǎn)品的方案還要好（無(wú)論功能、交互、體驗(yàn)上來(lái)說(shuō)），一定要有before和 after的對(duì)比，并且要講明白方案升級(jí)后，好在哪里？為什么要這么做的合理解釋?zhuān)饕亲屆嬖嚬倭私饽闶且粋€(gè)會(huì)考慮問(wèn)題的設(shè)計(jì)師，會(huì)站在不同的場(chǎng)景考慮問(wèn)題，而不是一個(gè)單純的把界面做好看就行～

第8頁(yè)，遇到問(wèn)題&如何解決？

無(wú)論是一個(gè)優(yōu)秀的產(chǎn)品還是一個(gè)重要的迭代計(jì)劃，途中必定會(huì)遇到一些問(wèn)題，比如設(shè)計(jì)研發(fā)無(wú)法還原度很好、動(dòng)畫(huà)無(wú)法實(shí)現(xiàn)、設(shè)計(jì)稿里的字重研發(fā)那里支持不了、投影的實(shí)現(xiàn)不是自己想象的那樣、設(shè)計(jì)方案實(shí)現(xiàn)后，發(fā)現(xiàn)有些問(wèn)題沒(méi)有前置解決，這時(shí)候又要去重新制定UI規(guī)則等等，我相信這些都是大家在工作中遇到的，那么這些不妨大家在工作中記錄下來(lái)，方便下次避坑。在作品集里或者面試中，面試官也會(huì)問(wèn)到類(lèi)似的問(wèn)題：“請(qǐng)說(shuō)一個(gè)你在工作中遇到的困難”，這類(lèi)問(wèn)題，同樣，我們可以選取一個(gè)解決了重大問(wèn)題并且陳述解決方法，這樣也是作品集里的一個(gè)亮點(diǎn)。

第9頁(yè)，圖標(biāo)

圖標(biāo)可以單起一頁(yè)，因?yàn)閳D標(biāo)icon部分是最能體現(xiàn)UI設(shè)計(jì)師基本功的部分，可以放大展示細(xì)節(jié)，然后后面放標(biāo)準(zhǔn)線框矩陣，意為我的圖標(biāo)都是按規(guī)則中規(guī)中矩畫(huà)的，比較規(guī)范化。

第10頁(yè)，色彩規(guī)范

產(chǎn)品里的標(biāo)準(zhǔn)色，輔助色，都可以單獨(dú)摘出來(lái)展示，且可以作為設(shè)計(jì)規(guī)范進(jìn)行結(jié)果性陳述，讓每個(gè)頁(yè)面都是合理的過(guò)度，循序漸進(jìn)，讓頁(yè)面里每個(gè)元素的存在都有理有據(jù)可依。

第11頁(yè)，數(shù)據(jù)支撐設(shè)計(jì)結(jié)果

可以放一些不太機(jī)密的數(shù)據(jù)，可以支撐你設(shè)計(jì)結(jié)果的數(shù)據(jù)。比如過(guò)了一個(gè)月兩個(gè)月的數(shù)據(jù)，數(shù)據(jù)視覺(jué)展示可以不那么具象，稍微帶點(diǎn)抽象就行，具象的話(huà)有可能影響到公司和部門(mén)的機(jī)密，在面試的時(shí)候說(shuō)明即可。同時(shí)，數(shù)據(jù)這里一定要略微真實(shí)，意思是不要只放好的數(shù)據(jù)，不好的也要有一些，但是不要太多，1-2個(gè)足矣，這樣可以展示數(shù)據(jù)不好，為后期的迭代做準(zhǔn)備，這樣不僅你的設(shè)計(jì)產(chǎn)出有正向數(shù)據(jù)展示，不好的數(shù)據(jù)也是為后期產(chǎn)品優(yōu)化做了支撐。

第11-15頁(yè)，頁(yè)面展示（多頁(yè)展示，至少4頁(yè)）

到了頁(yè)面展示分為兩種情況：第 一，如果是頁(yè)面改版設(shè)計(jì)，最 好放before after的對(duì)比，這樣方便面試官一眼看到前后對(duì)比效果，也能看出來(lái)你改的怎么樣。第二就是從0-1的頁(yè)面，這種我建議直接展示就行，一頁(yè)放2-3個(gè)頁(yè)面，直接平鋪就行，直接果斷（頁(yè)面中的背景可以適當(dāng)做一些簡(jiǎn)單的視覺(jué)元素，不需要太多，不要影響主體）

 第16頁(yè)，后續(xù)迭代計(jì)劃

一般產(chǎn)品上線后一周就會(huì)有數(shù)據(jù)結(jié)果，產(chǎn)品迭代的周期一般2周一個(gè)版本，有些快速迭代的公司是1周一個(gè)版本；所以我們不管是產(chǎn)品優(yōu)化還是新項(xiàng)目，上線后一定第 一時(shí)間問(wèn)產(chǎn)品要數(shù)據(jù)，看一下上線后的數(shù)據(jù)情況（這個(gè)一般要在研發(fā)中配合pm告知打點(diǎn)的情況，如果本身有打點(diǎn)計(jì)劃，一定要在需求文檔里看一眼；要是自己想加一些想要看自己設(shè)計(jì)的數(shù)據(jù)打點(diǎn)，要配合PM、QA完成打點(diǎn)補(bǔ)充）。本頁(yè)主要展示迭代計(jì)劃以及為什么、后期要怎么做，主要考慮排版，不需要全部放上，有些面試說(shuō)出來(lái)即可。

小tips：

以上就是UI項(xiàng)目的展示頁(yè)面，作品排序突出求職意向，一個(gè)完整的UI項(xiàng)目展示至少要15頁(yè)，才夠完整，分為分析+結(jié)果產(chǎn)出，產(chǎn)出的成果需要和分析緊扣，不要分析和頁(yè)面毫無(wú)關(guān)系，這樣濫竽充數(shù)面試官是能夠看出來(lái)的，我們不要為了湊頁(yè)面而湊頁(yè)面。除了上面說(shuō)的幾個(gè)頁(yè)面標(biāo)題外，也可以自己增加，這個(gè)比較靈活，不是說(shuō)非要跟我的一模一樣。UI設(shè)計(jì)師的作品側(cè)重點(diǎn)應(yīng)該在：界面+交互+用研，附加技能主要在：視覺(jué)+插畫(huà)+運(yùn)營(yíng)+品牌。

如果你有動(dòng)效作品，格式為mp4，需要打包為zip的壓縮包（因?yàn)樵O(shè)計(jì)師的電腦都是mac，不要壓縮為rar！不要壓縮為rar！不要壓縮為rar！因?yàn)椴灰欢總€(gè)設(shè)計(jì)師都裝有解壓rar的軟件），然后在郵箱附件里添加即可。

作品集的布局：

第 一部分60%UI作品：

如果作品集里有3個(gè)UI項(xiàng)目，那么排布情況是這樣的：第 一個(gè)一定是你的核心項(xiàng)目，無(wú)論從UI視覺(jué)表現(xiàn)、分析思路、思維方法論、數(shù)據(jù)支撐一定是做好的，是經(jīng)得起推敲的；第二個(gè)第三個(gè)，可以頁(yè)數(shù)沒(méi)那么多，比如第 一個(gè)15-18頁(yè)，第二個(gè)可以10-14頁(yè)，第三個(gè)可以8-10頁(yè)，為什么呢？因?yàn)楝F(xiàn)在的面試不可能讓你把作品集里的項(xiàng)目全部講完，一般都是將1-2個(gè)你認(rèn)為最 好的項(xiàng)目即可。

第二部分30%的視覺(jué)表現(xiàn)

這部分一定要放視覺(jué)表現(xiàn)相當(dāng)好的作品，不能湊合，要不就露出了你的短板，或者給你整個(gè)作品集減分了，導(dǎo)致你的面試會(huì)不順利，可以試想這樣一個(gè)情景：面試官剛打開(kāi)你的作品集，被你的封面所吸引，一頁(yè)一頁(yè)瀏覽下去，感覺(jué)UI作品真的很不錯(cuò)，有想要給你發(fā)面試邀請(qǐng)的想法了，但是看到視覺(jué)部分，印象分會(huì)就會(huì)突然跌一部分，是不是很虧，所以作品集里我們盡量展示我們的長(zhǎng)處，避開(kāi)我們的短板。視覺(jué)的作品里一般包含：字體設(shè)計(jì)、插畫(huà)、海報(bào)、活動(dòng)頁(yè)、主視覺(jué)、logo、專(zhuān)題頁(yè)，三維渲染等等。

第三部分10%的自驅(qū)練習(xí)

這部分沒(méi)有什么大的要求，如果只是練習(xí)單一的UI頁(yè)面，直接每頁(yè)排版即可，如果是練習(xí)的redesign改版，那么整體的展示邏輯可以像第 一部分UI一樣分析+產(chǎn)出。如果是視覺(jué)的練習(xí)，也是直接展示即可。

第四部分，封底

封底要與整個(gè)作品集調(diào)性一直，特別是和封面，如果作品太多，可以在封底附上設(shè)計(jì)網(wǎng)站主頁(yè)的鏈接和ID，如果面試官對(duì)你感興趣，回去相關(guān)的網(wǎng)站搜尋。

作品集需要注意的事項(xiàng)

1.不要只停留在視覺(jué)表現(xiàn)

通過(guò)最近和大廠的設(shè)計(jì)總監(jiān)和資深設(shè)計(jì)師聊天得知，如今的UI設(shè)計(jì)師不光要求要把界面做美觀，如果是這樣，不就成了美工了嘛；實(shí)際上我們?cè)谧鼋缑嬖O(shè)計(jì)的時(shí)候要前置問(wèn)題，考慮用戶(hù)場(chǎng)景及交互，還有一些情感化的考慮（比如這個(gè)頁(yè)面內(nèi)容較少，我們可以考慮情感化設(shè)計(jì)來(lái)豐富頁(yè)面內(nèi)容），以及我們?cè)谇皫状蔚脑O(shè)計(jì)過(guò)程和復(fù)盤(pán)中遇到的問(wèn)題，這次就不要再犯錯(cuò)了。

2.樣機(jī)模型的合理使用

看過(guò)太多作品集里的樣機(jī)了，很多斜躺的圓角樣機(jī)（如下圖），就不要使用了，真的太過(guò)時(shí)了；其二就是不要用太過(guò)于寫(xiě)實(shí)的樣機(jī)（比如金屬邊框的樣機(jī)）；其三是那個(gè)小手（如下圖），真的用的人太多了，都要看吐了，一種東西頭幾個(gè)人用效果是不錯(cuò)的，如果人人都用，就爛大街了。我個(gè)人的建議是直接手動(dòng)畫(huà)扁平的矩形，外圍加一些描邊即可（如下圖），簡(jiǎn)潔又能說(shuō)明情況，太復(fù)雜反而宣兵奪主。

3.注重原創(chuàng)性

第 一，每一頁(yè)的作品集一定要認(rèn)真對(duì)待，每一頁(yè)也要當(dāng)作平面設(shè)計(jì)去認(rèn)真做，不要去套模版，因?yàn)槟０婊臇|西，面試官一眼就能看出來(lái)，那樣根本不會(huì)去打開(kāi)你的作品繼續(xù)看下去了。第二，不要去放很多臨摹的東西，因?yàn)檫@些東西不能代表你的實(shí)際能力，只能代表你的模仿能力。第三，也是最重要的，不要抄襲！不要抄襲！不要抄襲！設(shè)計(jì)圈子很小，如果被發(fā)現(xiàn)，你在這個(gè)圈子的也就“出名”了，也就變成了我最上面說(shuō)的那類(lèi)人，風(fēng)評(píng)不好，名聲很差。

4.作品集細(xì)節(jié)

合理的使用字體，選擇合適的字號(hào)，需要有對(duì)比拉開(kāi)層次。作品集里的文案也分標(biāo)題、副標(biāo)題、正文、注釋。

定義什么字體、文字類(lèi)型，這個(gè)需要根據(jù)自己的作品調(diào)性去選擇，字體的選擇不用擔(dān)心版權(quán)問(wèn)題，因?yàn)闆](méi)有涉及到商用和利益，根據(jù)經(jīng)驗(yàn)，UIUX作品集里可以使用一些“無(wú)襯線體”，中文比如可以用：方正悠黑，冬青黑體，小米蘭亭pro，這三個(gè)都是非常好看的中文字體；英文可以選取DIN、Gothem，我一般就是用din多一些；視覺(jué)類(lèi)的作品集可以選取手寫(xiě)體。

中文字體的選擇建議用字重多一些的，因?yàn)樵谧髌芳镏形倪€是占據(jù)大多數(shù)，不同的字重可以供我們選擇性多一些，容易形成對(duì)比和層次。

總結(jié)：

俗話(huà)說(shuō)：設(shè)計(jì)師是看作品集說(shuō)話(huà)的，我們要時(shí)常去更新自己的作品，不要等到找工作或者晉升的時(shí)候才想起來(lái)，堆了好多好多頁(yè)面沒(méi)有開(kāi)始整理，那時(shí)候就來(lái)不及了。試想：如果今天突然有個(gè)騰訊的機(jī)會(huì)擺在你面前，而且是急召，但是你沒(méi)有最 新的作品，那是不是這個(gè)機(jī)會(huì)就沒(méi)有把握?。?/p>

最 后友情提示大家，要時(shí)刻準(zhǔn)備更新自己的作品集。不要等到最 后面試的時(shí)候，兩眼一抓瞎。話(huà)說(shuō)面試找工作一半看運(yùn)氣，那么運(yùn)氣也是前置在有作品集硬性條件的前提下，機(jī)會(huì)都是留給有準(zhǔn)備的人的，時(shí)常的復(fù)盤(pán)總結(jié)，維護(hù)作品集，機(jī)會(huì)就屬于你。