導(dǎo)語：轉(zhuǎn)眼間春招就來了，對(duì)于考研考公不是很理想以及錯(cuò)過了秋招的人來說，這是一個(gè)絕佳的機(jī)會(huì)。簡(jiǎn)歷在面試的過程中很重要，這是毋庸置疑的，同時(shí)作品集的重要性也不可忽視，一份能好好展示自己的作品集是戰(zhàn)勝春招的一大武器。
一份優(yōu)秀的作品集，需要從視覺呈現(xiàn)、整體邏輯、項(xiàng)目細(xì)節(jié)說明等多個(gè)方面進(jìn)行全面細(xì)致的推敲和思考。我們只有不到 5 分鐘的時(shí)間去抓住面試官的眼球，讓他想要瀏覽內(nèi)部的細(xì)節(jié)。
目前，市面上大多作品集都有著較高的相似性，然而對(duì)于設(shè)計(jì)師來說，作品集是我們職業(yè)生涯的精華合集，應(yīng)該具備強(qiáng)烈的個(gè)人特色，能夠精準(zhǔn)展現(xiàn)出專業(yè)能力和行業(yè)經(jīng)驗(yàn)。
MVP學(xué)習(xí)網(wǎng)作者總結(jié)了制作優(yōu)質(zhì)作品集的實(shí)用方法，從分析讀者、整體結(jié)構(gòu)、內(nèi)容和布局、設(shè)計(jì)技巧和方案、應(yīng)注意避免的問題、制作線上作品集等多個(gè)方面給出了詳細(xì)的解答。
設(shè)計(jì)師力求用作品集找到下一份工作，然而大多數(shù)人都沒能創(chuàng)造出一個(gè)既有趣又吸引人，還能推銷自己的作品集。但 遵循行業(yè)專家建議 和 參考優(yōu)秀落地案例，能讓設(shè)計(jì)師制作出一個(gè)更好的作品集來完美展示其才華和技能。
設(shè)計(jì)作品集要能讓人留下印象，感到驚艷。遺憾的是，只有少數(shù)作品集做到了。
盡管設(shè)計(jì)師可能是技藝高超、才華橫溢的，但如果他作品集表達(dá)得不好，仍然會(huì)讓人感到無聊，而不是驚喜。這樣的話，客戶會(huì)點(diǎn)擊關(guān)閉，轉(zhuǎn)而查看別人的作品集。
設(shè)計(jì)相關(guān)的作品集必須專注于一個(gè)目標(biāo)：銷售設(shè)計(jì)師自己，作品集只有幾秒鐘的機(jī)會(huì)給人留下深刻印象，也只有幾秒鐘傳達(dá)個(gè)人品牌的吸引力與展示自身的獨(dú)特風(fēng)格。
大多時(shí)候，大部分設(shè)計(jì)作品集令人失望的原因在于它們?nèi)狈?chuàng)意、生搬硬套、不知所云。它們的思路要么不夠流暢，要么過于混亂和過于復(fù)雜。
它們可能缺乏關(guān)鍵信息，沒有傳達(dá)個(gè)人風(fēng)格，或者沒有展示出專業(yè)能力 —— 而所有的這些都降低了被聘用的可能性。
國(guó)外設(shè)計(jì)師的作品集
作品集要能夠快速打動(dòng)和吸引閱讀者，從而幫助設(shè)計(jì)師拿到下一份工作。
作品集不是過往項(xiàng)目的在線存檔，它不是為了吹噓或炫耀過往的項(xiàng)目，它也不是給其他設(shè)計(jì)師看的，它需要成為一個(gè)明確的、有吸引力的設(shè)計(jì)主張，從而抓住潛在工作機(jī)會(huì)。
一個(gè)精致的作品集 應(yīng)該展示設(shè)計(jì)師對(duì)于戰(zhàn)略問題的解決技巧，以及對(duì)于設(shè)計(jì)如何帶來價(jià)值的理解。
客戶需要的是與眾不同的設(shè)計(jì)作品，他們正在尋找獨(dú)特、優(yōu)秀、創(chuàng)新的作品，以解決商業(yè)挑戰(zhàn)，并在市場(chǎng)上有所作為。因此，為了展示設(shè)計(jì)師的技能水平、讓客戶感受到產(chǎn)品質(zhì)量，設(shè)計(jì)師應(yīng)當(dāng)從戰(zhàn)略上規(guī)劃作品集，并仔細(xì)考慮每一個(gè)細(xì)節(jié)。
為了制定如何構(gòu)建優(yōu)秀作品集的最佳方案，我回顧了自身過往經(jīng)驗(yàn)，研究了業(yè)內(nèi)標(biāo)準(zhǔn)和優(yōu)秀案例，并與 Toptal 的幾位設(shè)計(jì)專家進(jìn)行了交流。這些專家每天都會(huì)審核數(shù)十個(gè)設(shè)計(jì)作品集。
作品集的首要目標(biāo)是——幫助設(shè)計(jì)師獲得一份工作。
一、鎖定目標(biāo)讀者設(shè)計(jì)師得認(rèn)真思考自己作品集的目標(biāo)讀者。針對(duì)目標(biāo)精心準(zhǔn)備的作品集能產(chǎn)生積極的效果。無論什么類型的設(shè)計(jì)師 ——平面、品牌、視覺、UI、UX、產(chǎn)品 —— 作品集都需要考慮以下幾點(diǎn)：
設(shè)計(jì)師想要吸引的讀者是誰？如何最好地規(guī)劃作品集來打動(dòng)讀者？設(shè)計(jì)師想要從事什么類型的工作？通常，會(huì)有三類人查閱設(shè)計(jì)作品集：客戶、招聘人員 和 設(shè)計(jì)主管。制作一個(gè)作品集以迎合這三類人閱讀的方法是，用滿足這三類人的方式對(duì)內(nèi)容進(jìn)行分層 —— 尤其是復(fù)雜的 UX / UI / 產(chǎn)品設(shè)計(jì)師的作品集。
從目標(biāo)讀者的角度思考，做一個(gè)作品集會(huì)類似于交互設(shè)計(jì)中的 漸進(jìn)式信息披露：
第一層，針對(duì)?招聘?人員，作品集應(yīng)設(shè)計(jì)成方便快速閱讀的，將最好的作品展示在前面和中間；第二層，針對(duì) 客戶，作品集將更深入一些，但同樣能夠被快速閱讀；第三層，針對(duì) 設(shè)計(jì)經(jīng)理和設(shè)計(jì)主管，對(duì)于 UX / UI / 產(chǎn)品設(shè)計(jì)師來說，這一層需要有詳細(xì)的案例研究。
在作品集中，有趣的動(dòng)畫會(huì)吸引人們的注意（UI 動(dòng)畫 by Outcrowd）
1. 三種讀者類型招聘人員：喜歡瀏覽和掃視設(shè)計(jì)作品集，他們?cè)诤蜻x人的作品集上最多只花 3 分鐘。他們想要看到豐富的視覺效果 和有沖擊力的設(shè)計(jì)作品，以及簡(jiǎn)短的項(xiàng)目背景?？蛻簦合Ｍ吹骄拇蚰サ摹⒏哔|(zhì)量的設(shè)計(jì)作品，如果他們感興趣，就會(huì)花 3-5 分鐘的時(shí)間來閱覽作品集。他們想知道設(shè)計(jì)師能怎樣為他們的業(yè)務(wù)帶來價(jià)值，擁有價(jià)值導(dǎo)向的設(shè)計(jì)方法和軟技能的作品集能吸引客戶閱讀下去。一個(gè)成功的作品集既能展現(xiàn)優(yōu)秀的作品，又能表達(dá)設(shè)計(jì)流程、策略和各種設(shè)計(jì)風(fēng)格。設(shè)計(jì)主管：旨在深入了解項(xiàng)目，他們對(duì)細(xì)節(jié)很感興趣。他們大多會(huì)花 5-10 分鐘來仔細(xì)閱讀一個(gè)設(shè)計(jì)作品集，有時(shí)甚至超過 10 分鐘。在用戶體驗(yàn)方向，他們喜歡通過作品看到解決問題的過程和設(shè)計(jì)思維。主管們也希望可以看到設(shè)計(jì)師的軟技能，在 UI / 視覺/ 交互設(shè)計(jì)的作品集中，他們想要看到響應(yīng)式設(shè)計(jì)、微動(dòng)畫或視頻介紹，用動(dòng)畫來展示產(chǎn)品能起到很好的效果。客戶是從他們的角度來看作品集，從而實(shí)現(xiàn)他們的目標(biāo)。
介紹得保持簡(jiǎn)短精煉（薩多克·塞萬提斯）
二、合理安排作品集的結(jié)構(gòu)因?yàn)橹唤o每個(gè)作品集幾分鐘的瀏覽時(shí)間，客戶希望看到結(jié)構(gòu)精良的內(nèi)容和精美的布局，從而更輕松地進(jìn)行作品集評(píng)估。
有些設(shè)計(jì)師可能會(huì)決定反其道而行之 —— 他們想要與眾不同，但這樣做是有風(fēng)險(xiǎn)的。一旦客戶留下了負(fù)面的印象：信息缺失、作品怪異、導(dǎo)航繁瑣，就很難讓他們繼續(xù)閱讀作品集。
這中間有一個(gè)復(fù)雜的平衡點(diǎn)。設(shè)計(jì)師得展示作品并讓讀者留下印象，同時(shí)傳達(dá)出自己是誰及其尋找的工作類型。
例如：一個(gè)平面設(shè)計(jì)師需要快速驚艷讀者并留下深刻印象，這種情況下，一個(gè)高視覺沖擊力的展示案例也許是最有效的辦法。從另一角度延伸，用戶體驗(yàn)設(shè)計(jì)師要仔細(xì)考慮怎樣安排作品集結(jié)構(gòu)，以便進(jìn)行深入的方案展示。
一個(gè)有視覺沖擊力的平面設(shè)計(jì)作品集
三、作品集的內(nèi)容和布局首先，展現(xiàn)出你的個(gè)人特色來吸引客戶來與你合作，作品集要表達(dá)出你的設(shè)計(jì)感。作品集網(wǎng)站的外觀和風(fēng)格應(yīng)反映出你的特質(zhì)，公司也會(huì)評(píng)估設(shè)計(jì)師和公司團(tuán)隊(duì)的文化契合度。
作品集可以從簡(jiǎn)短的自我介紹開始，依次表達(dá)你是做什么的、你的感興趣的方向、你的簡(jiǎn)要工作經(jīng)歷。對(duì)于作品集來說，個(gè)人照不是必須的，但它有助于體現(xiàn)個(gè)人特色。
接下來，把作品們附上 “封面圖” 依次陳列出來。將你的設(shè)計(jì)項(xiàng)目（網(wǎng)站、移動(dòng)端界面）做成一個(gè)個(gè)圖片卡，附上簡(jiǎn)短的項(xiàng)目描述，放置在一起。
這些圖片得足以吸引客戶的注意力，激發(fā)起他們深入了解的欲望。但是，作品集要合理的樹立用戶期望——如果人們點(diǎn)擊進(jìn)入該項(xiàng)目，他們會(huì)看到什么？設(shè)計(jì)師可以再次使用“漸進(jìn)式展示”的方法，并將它應(yīng)用到你的項(xiàng)目和作品的展示中。
對(duì)于平面 / 品牌設(shè)計(jì)師，封面圖要能吸引讀者點(diǎn)擊進(jìn)專屬的項(xiàng)目頁，項(xiàng)目頁內(nèi)要有高清大圖和更多項(xiàng)目細(xì)節(jié)。對(duì)于UX / UI / 產(chǎn)品設(shè)計(jì)師，項(xiàng)目頁要向大家介紹你的設(shè)計(jì)過程，以案例分析的形式展示交互設(shè)計(jì)產(chǎn)物和設(shè)計(jì)迭代。
在項(xiàng)目頁上必須有的：
項(xiàng)目簡(jiǎn)介，項(xiàng)目所解決的問題，和你擔(dān)任的職責(zé)（例如，品牌、移動(dòng)端設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、UX / UI 設(shè)計(jì)、UX 研究、用戶測(cè)試）。產(chǎn)品規(guī)劃路線圖是什么？最終成果是什么？你是從頭開始設(shè)計(jì)產(chǎn)品，還是項(xiàng)目中期參與進(jìn)來的？你是在設(shè)計(jì)團(tuán)隊(duì)中工作嗎？你們是如何合作的？顯示成果，無論是定量還是定性的成果。突出強(qiáng)調(diào)諸如新增收入、留存率和轉(zhuǎn)化率等結(jié)果。展示項(xiàng)目的核心經(jīng)驗(yàn)，這個(gè)項(xiàng)目是如何幫助你成長(zhǎng)為一名更好的設(shè)計(jì)師的？項(xiàng)目庫(kù)應(yīng)該在視覺上有足夠的吸引力，從而讓讀者想了解更多（Gabe Cagara）
一個(gè)單獨(dú)的 “個(gè)人” 頁面，典型的介紹信息有：你是哪種類型的設(shè)計(jì)師，有什么特長(zhǎng)，以及你要找的工作類型?！皞€(gè)人” 頁面不是展示你的愛好，你的宗教信仰，或者展現(xiàn)你有多喜歡烹飪。請(qǐng)?bào)w現(xiàn)你的職業(yè)專業(yè)度。
在作品集網(wǎng)站列出設(shè)計(jì)師的 技能 和 首選工具 能幫助客戶和設(shè)計(jì)團(tuán)隊(duì)發(fā)掘會(huì)使用特定工具（Sketch、Figma、Adobe XD 等）的設(shè)計(jì)師。此外，不要忘記鏈接上你的 LinkedIn 個(gè)人資料、Medium 專欄、以及其他你放有作品的設(shè)計(jì)網(wǎng)站（Dribbble，Behance）。
四、設(shè)計(jì)作品集要包含哪些內(nèi)容展示最好的作品，而不是所有作品。精心挑選展示的內(nèi)容和展示的標(biāo)準(zhǔn) —— 畢竟讀者的注意力是有限的?？紤]展示一些沒有成功的方案以及放棄的原因。展現(xiàn)出你探索過哪些方案但最終沒有采取它們？除了呈現(xiàn)設(shè)計(jì)作品，作品集要講一個(gè)如何制作作品的故事，并講解你是如何應(yīng)對(duì)挑戰(zhàn)的。嘗試展現(xiàn)你的工作軟技能。將幾張?jiān)O(shè)計(jì)展示（或者是設(shè)計(jì)回顧、戰(zhàn)略計(jì)劃）的幻燈片組合成拼貼畫形式就能得到很好的效果。無論在什么情況下，遠(yuǎn)程或到場(chǎng)工作，傳達(dá)出設(shè)計(jì)原理和概念的能力都是至關(guān)重要的。談?wù)勀阍诠ぷ髦惺褂玫脑O(shè)計(jì)方法和專業(yè)技能。展示內(nèi)容包含交互原型、小動(dòng)畫、動(dòng)態(tài)展示，而不僅僅展現(xiàn)靜態(tài)的設(shè)計(jì)，客戶喜歡看產(chǎn)品視頻或 GIF 動(dòng)畫。Maurício Tonon 的作品集包括清晰的項(xiàng)目介紹，他的職責(zé)，設(shè)計(jì)能力和使用的工具，以及項(xiàng)目的動(dòng)畫展示
五、設(shè)計(jì)作品集中無需包含的內(nèi)容不要包含舊的、過時(shí)的作品：任何在平面 / 品牌 / 視覺 / UI 設(shè)計(jì)方向完成超過五年的作品看著都老舊了。設(shè)計(jì)行業(yè)是動(dòng)態(tài)的?？蛻羰窃趯ふ倚路f的、符合當(dāng)前時(shí)代風(fēng)格的近期作品。不要展示太多圖片，尤其要避免展示出低分辨率、像素化的圖片：一張壞的圖片會(huì)比一張好的圖片更突出，它只會(huì)給人留下糟糕印象。避免設(shè)置頁面密碼：大多數(shù)讀者沒有時(shí)間去找到設(shè)計(jì)師本人詢問密碼，再返回作品集網(wǎng)站打開。密碼相當(dāng)于是一堵墻，阻礙了人們?yōu)g覽作品集，提供了糟糕的用戶體驗(yàn)。反倒是可以先展示一個(gè)有吸引力的設(shè)計(jì)，再用 “聯(lián)系我，來了解更多細(xì)節(jié) ” 的文字上附上個(gè)人鏈接，保密項(xiàng)目可以在面試時(shí)來屏幕共享。最好避免在作品集網(wǎng)站上設(shè)置頁面密碼。它們妨礙了用戶的使用
六、作品集設(shè)計(jì)技巧和最佳方案有策略地組織起你的作品集：保證內(nèi)容、結(jié)構(gòu)和布局的優(yōu)秀。思考哪些內(nèi)容放入作品集，哪些內(nèi)容可以放棄。最好包含 4-6 個(gè)項(xiàng)目，確保一切簡(jiǎn)約、清晰、易于瀏覽。不要膽怯，要大膽：客戶需要在幾秒鐘內(nèi)了解你是怎樣的設(shè)計(jì)師和你的專業(yè)能力，放上能讓作品集脫穎而出的獨(dú)特、直觀的項(xiàng)目。以簡(jiǎn)短的介紹開啟作品集的展示：列出你的經(jīng)驗(yàn)、主要成就和專業(yè)技能。用視覺去展示和描述：人們是視覺動(dòng)物，描述一定要簡(jiǎn)潔，人們需要閱讀的文本越少越好。發(fā)掘自己的優(yōu)勢(shì)，并將展示的重點(diǎn)放在你想要的工作類型上：如果是想找視覺設(shè)計(jì) / UI 設(shè)計(jì)的工作，就展示視覺設(shè)計(jì) / UI設(shè)計(jì)的項(xiàng)目。如果是用戶體驗(yàn)設(shè)計(jì)，就介紹用戶體驗(yàn)的項(xiàng)目。不要混合展示各種類型的項(xiàng)目，這樣會(huì)削弱作品集的表達(dá)，客戶無法了解你的核心能力，千萬不要讓自己看上去像一個(gè)“萬金油”。先展示你最優(yōu)秀的項(xiàng)目：大多數(shù)招聘者和客戶不會(huì)看完所有的項(xiàng)目。對(duì)于產(chǎn)品設(shè)計(jì)師，要展示 2-3 個(gè)項(xiàng)目，但每個(gè)項(xiàng)目展示方式要有所不同：展示出產(chǎn)品策略與 UX / UI / 視覺設(shè)計(jì)的融合。并不是任何事情讀者都能理解：作品集一定要清晰，把項(xiàng)目掰碎了再展示給讀者。用標(biāo)題對(duì)項(xiàng)目和你的職能有一個(gè)精簡(jiǎn)的概括：例如：“為一家金融科技初創(chuàng)公司的企業(yè) SaaS 平臺(tái)進(jìn)行用戶體驗(yàn)設(shè)計(jì)”，這個(gè)標(biāo)題可以迅速傳達(dá)項(xiàng)目的內(nèi)容和你的職能。表明你能夠從頭到尾完成一個(gè)項(xiàng)目，也能夠在項(xiàng)目中期加入，用設(shè)計(jì)帶動(dòng)團(tuán)隊(duì)。插畫師也可以用案例分析來展示他們的設(shè)計(jì)過程（Slack插畫項(xiàng)目：Alice Lee）
為不同的受眾展示各種媒介的多樣化項(xiàng)目，以展示設(shè)計(jì)的靈活性?？蛻粽趯ふ摇皫缀蹩梢栽O(shè)計(jì)任何東西”的設(shè)計(jì)師。如果是網(wǎng)頁設(shè)計(jì)師，請(qǐng)?zhí)峁┧O(shè)計(jì)的網(wǎng)站的 URL（如果自從你工作后它沒有改變）?？蛻舾矚g看最終的實(shí)時(shí)網(wǎng)站，而不是靜態(tài)截圖。在項(xiàng)目頁面上，先展示完成的設(shè)計(jì)，并簡(jiǎn)要提供背景。然后，深入了解設(shè)計(jì)過程。在每個(gè)項(xiàng)目結(jié)束時(shí)，提供核心的學(xué)習(xí)經(jīng)驗(yàn)和項(xiàng)目成果，以及你在項(xiàng)目中的貢獻(xiàn)如何使項(xiàng)目成功。如果剛開始做設(shè)計(jì)師，沒有足夠的項(xiàng)目可以展示，可以拿出一個(gè)練習(xí)項(xiàng)目。例如，重新設(shè)計(jì)一個(gè)知名品牌的網(wǎng)站或應(yīng)用。針對(duì)搜索引擎優(yōu)化作品集。這會(huì)讓你更容易被發(fā)現(xiàn)。使用“圖像 alt 標(biāo)簽” 來描述圖像，這些標(biāo)簽為搜索引擎爬蟲提供圖像上下文。從設(shè)計(jì)經(jīng)理或招聘人員那里獲得關(guān)于你的作品集的專業(yè)反饋。請(qǐng)一位以英語為母語的朋友檢查你的作品集用詞是否精準(zhǔn)。使網(wǎng)站易于瀏覽，并使其對(duì)手機(jī)端用戶友好（響應(yīng)式設(shè)計(jì)）。動(dòng)態(tài)項(xiàng)目展示總是很吸引人，讓設(shè)計(jì)師脫穎而出（Zhenya Rynzhuk）
七、用戶體驗(yàn) / 產(chǎn)品設(shè)計(jì)師的作品集要點(diǎn)由于在體驗(yàn)設(shè)計(jì)過程中創(chuàng)作的大多數(shù)作品和成果往往視覺效果平平，因此用戶體驗(yàn) / 產(chǎn)品設(shè)計(jì)師一直苦苦思索如何能制作一個(gè)能完美展示他們的天賦和技能的作品集，這里有一個(gè)有效的方法。
例如，在 UX 作品展示可以使用拼貼排版和雙色排版，在你專注于展示設(shè)計(jì)過程時(shí)，可以使用讀者能立馬理解的視覺排版，傳達(dá)適量的信息。
通過論文和設(shè)計(jì)依據(jù)來說明你做了什么和為什么這么做，說明設(shè)計(jì)過程中收集到的關(guān)鍵點(diǎn)，以及你的設(shè)計(jì)決策是如何轉(zhuǎn)化成具體的成果。談?wù)勀闶侨绾芜\(yùn)用批判性思維方式來發(fā)現(xiàn)用戶行為、動(dòng)機(jī)和需求的，這樣做可以讓客戶更好地理解你的產(chǎn)品構(gòu)思過程、方法和策略。
當(dāng)人們閱讀你的作品集時(shí)，要向讀者 明確用戶體驗(yàn)的哪些方面是你所擅長(zhǎng)的。你是注重于視覺設(shè)計(jì)還是 UI 設(shè)計(jì)？你有做用戶體驗(yàn)研究嗎？你在某個(gè)項(xiàng)目中的職能是什么？描述出問題是如何解決的，你是如何得出解決方案的，但描述要簡(jiǎn)短。
UX 設(shè)計(jì)師可以把他們的作品集看作是一個(gè)以用戶為中心的設(shè)計(jì)項(xiàng)目，作品集得有良好的用戶體驗(yàn)，思考客戶想要看到什么，展示你對(duì)整個(gè) UX 設(shè)計(jì)周期的了解。
通過使用拼貼排版，可以讓用戶體驗(yàn)作品變得好看（Kurt Winter）
八、避免在作品集中出現(xiàn)的錯(cuò)誤妨礙讀者高效評(píng)審作品集的任何因素都會(huì)影響到設(shè)計(jì)師的求職。當(dāng)客戶和招聘人員遇到評(píng)審障礙時(shí)，他們有可能跳轉(zhuǎn)到下一個(gè)設(shè)計(jì)師的作品集。這里例舉了一些常見的錯(cuò)誤。
作品集的展示方式過于特立獨(dú)行和“創(chuàng)意過度”：這會(huì)影響到實(shí)用性，使作品集難以定位。讓作品集易于瀏覽，最好用作品來打動(dòng)人，而不是作品集的版式設(shè)計(jì)。重點(diǎn)應(yīng)該是直接了當(dāng)?shù)爻尸F(xiàn)客戶想要的東西，不要有多余花里胡哨的東西。不要粗心，在細(xì)節(jié)上下功夫：根據(jù)拼寫和語法去檢查你的用詞，客戶也會(huì)根據(jù)設(shè)計(jì)師的專業(yè)性來評(píng)價(jià)他們。作品集沒有清楚表述你是什么類型的設(shè)計(jì)師、你尋找的工作類型、以及求職的行業(yè)/企業(yè)意向，例如電商、B2C、品牌、移動(dòng)端、初創(chuàng)企業(yè)、大公司等。避免無休止的滾動(dòng)頁面：將演示文稿拆解成小板塊，以供客戶閱讀，首頁不需要包含一個(gè)你自己的詳細(xì)介紹，把自我介紹放在 “關(guān)于我的頁面” 上（僅一頁即可）。避免在未說明項(xiàng)目?jī)?nèi)容時(shí)呈現(xiàn)雜亂無章、隨意的項(xiàng)目圖片：記住用講故事的方式來展示項(xiàng)目，一定要提供項(xiàng)目背景，人們沒有時(shí)間去解讀冗長(zhǎng)的文字和雜亂無章的圖片集。使用實(shí)物模型圖來凸顯設(shè)計(jì)細(xì)節(jié)，而不是分散讀者的注意力。不要試圖在表現(xiàn)形式上太過花哨（使用歪斜的、3D 設(shè)備模擬圖和圖像）。將作品以一系列傾斜的、等距的圖像來呈現(xiàn)是非常做作的，也是要避免的常見錯(cuò)誤。這樣呈現(xiàn)的作品展示不夠清晰，設(shè)計(jì)無法得到合理的評(píng)估。
將作品以一系列傾斜的、等距的圖像來呈現(xiàn)是非常做作的，也是要避免的常見錯(cuò)誤。這樣呈現(xiàn)的作品展示不夠清晰，設(shè)計(jì)無法得到合理的評(píng)估。
沒有明確自己在項(xiàng)目中的角色是什么：特別是在較大的團(tuán)隊(duì)和項(xiàng)目中，說明你在項(xiàng)目中的參與部分是至關(guān)重要的。如果你正在尋找 UX 設(shè)計(jì)崗位，在展示 UI 設(shè)計(jì)作品之前，先專注于展示你的 UX 項(xiàng)目。把 UX 項(xiàng)目放在首位，向讀者展示出你的優(yōu)勢(shì)和興趣所在。不要先展示一個(gè)品牌風(fēng)格指導(dǎo)規(guī)范后再展示不能反映該品牌指導(dǎo)的設(shè)計(jì)作品。不要在項(xiàng)目庫(kù)中展示會(huì)把讀者帶到 “近期上線” 頁面的圖片。當(dāng)項(xiàng)目完成后，再在作品庫(kù)中展示出項(xiàng)目。不要讓你所有的項(xiàng)目看起來都是一樣的 —— 用一個(gè)沉悶的、模板化的格式展示一個(gè)又一個(gè)的項(xiàng)目。在不同的設(shè)計(jì)作品中，用另一個(gè)角度呈現(xiàn)不同的故事，以吸引讀者繼續(xù)瀏覽。不要只展示你所工作的大公司的 logo：相反，把重點(diǎn)放在你如何提供自己的價(jià)值上。展示你所做的事情和你工作帶來的影響比展示在 Facebook，谷歌或亞馬遜工作過更令人印象深刻。用戶體驗(yàn)設(shè)計(jì)師 / 產(chǎn)品設(shè)計(jì)師應(yīng)該避免在沒有背景的情況下展示大量的設(shè)計(jì)細(xì)節(jié)，避免在沒有說明設(shè)計(jì)過程的情況下直接展示成果。不實(shí)的項(xiàng)目?jī)?nèi)容會(huì)讓人反感：例如，使用任何人都可以購(gòu)買的 UI 套件和網(wǎng)站模板作為自己的項(xiàng)目。有些客戶可能不熟悉它們，但很多招聘人員和設(shè)計(jì)經(jīng)理都非常熟悉。即使設(shè)計(jì)師們暫時(shí)逃過一劫，但很快就會(huì)被發(fā)現(xiàn)他們并不具備高質(zhì)量的設(shè)計(jì)能力。九、設(shè)計(jì)師如何建立線上作品集？當(dāng)前市面上有很多不用編程就可以制作的作品集網(wǎng)站，他們都提供了豐富模板資源。免費(fèi)作品集網(wǎng)站大多數(shù)功能普通，它們使用的是主機(jī)的公司品牌和子域名。付費(fèi)版從每月 6 美元到 15 美元不等，它們提供給設(shè)計(jì)師專業(yè)作品集搭建服務(wù)和一個(gè)自定義域名。
這些無需編程的平臺(tái)，例如 Webflow，提供了各種不同風(fēng)格的作品集模版
十、最后的建議線上設(shè)計(jì)作品集是你面向所有人的設(shè)計(jì)展示，它也許能幫助你獲得下一份工作。其實(shí)，作品集是能反應(yīng)出你是否有投入足夠的時(shí)間在制作上。為了制作出優(yōu)秀的作品集，你必須精心設(shè)計(jì)它的內(nèi)容、結(jié)構(gòu)和布局。
當(dāng)設(shè)計(jì)師們思考如何制作一個(gè)作品集時(shí)，他們會(huì)研究其他人的設(shè)計(jì)作品集，并從中學(xué)習(xí)。他們會(huì)思考某一個(gè)作品集有哪些好的地方？哪些可以借鑒，哪些不可以？同時(shí)他們也會(huì)站在客戶的角度，思考客戶是否會(huì)招聘該設(shè)計(jì)師。
當(dāng)客戶查看作品集的時(shí)候，他們會(huì)思考未來將如何和你一起開展工作。他們會(huì)想：這個(gè)設(shè)計(jì)師的經(jīng)驗(yàn)、作品和技能將如何運(yùn)用于我的項(xiàng)目中？在我的項(xiàng)目中與他們工作起來將會(huì)是怎樣？
設(shè)計(jì)師應(yīng)該把自己放在客戶的位置上進(jìn)行思考，設(shè)計(jì)師得記住客戶只會(huì)花幾分鐘在作品集上，要讓客戶輕松地從作品集中得到重要的信息、看到最好的作品。
原文作者：Miklos Philips
原文鏈接：https://uxdesign.cc/showcase-your-skills-how-to-make-a-portfolio-d6f873ca70fe
譯者：曹競(jìng)羽，審核：徐曼鷺、張聿彤，編輯：徐小淇
MVP學(xué)習(xí)網(wǎng)由 @三分設(shè) 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自 Unsplash，基于 CC0 協(xié)議
