對于UX設(shè)計(jì)師而言，作品集非常重要。一方面，它是證明你的天賦、經(jīng)驗(yàn)的證據(jù)，另一方面，它也是企業(yè)和機(jī)構(gòu)招聘UX設(shè)計(jì)師的的一項(xiàng)重要參考。一份作品集能夠反映出設(shè)計(jì)師的審美趣味，思維邏輯，以及解決實(shí)際設(shè)計(jì)問題的能力。

不過，不論是做什么事情，第一次總會(huì)苦手，創(chuàng)建作品集也是如此。今天的文章，幫你系統(tǒng)梳理一下創(chuàng)建一份作品集的全部步驟，讓你明白UX作品集的常規(guī)創(chuàng)建流程。

#1、搭建一個(gè)網(wǎng)站

想要?jiǎng)?chuàng)造一個(gè)在線的作品集，創(chuàng)建網(wǎng)站是一個(gè)顯而易見的思路。換句話來說，作為互聯(lián)網(wǎng)從業(yè)者，創(chuàng)建完整不僅僅是為了展示你的設(shè)計(jì)作品，它本身就是你工作的一部分。所以，你應(yīng)該盡量讓你所設(shè)計(jì)的這個(gè)網(wǎng)站完美。

A、進(jìn)行網(wǎng)站分析

你的在線作品集需要你持續(xù)的關(guān)注和優(yōu)化，那么優(yōu)化的依據(jù)就很重要了。借助Google Analytics 這樣的網(wǎng)站數(shù)據(jù)分析服務(wù)，來了解你的訪客構(gòu)成，以及他們在各個(gè)頁面的停留時(shí)長，這些數(shù)據(jù)都能幫你優(yōu)化你的作品集，并且有針對性地提升整體的影響力。

B、清晰直觀的導(dǎo)航

考慮到這是你的作品集，千萬不要在這個(gè)時(shí)候耍小聰明。清晰直觀的導(dǎo)航才能確保訪客能夠清晰地獲取你的信息，包括你的聯(lián)系方式，你的社交帳號，以及你的詳細(xì)的設(shè)計(jì)作品和項(xiàng)目在哪。

這就是個(gè)反例，盡管 Tiffany 的網(wǎng)站列舉出了許多有趣的案例，但是很難找到相關(guān)的信息。

C、在其他網(wǎng)站上上傳作品

最好不要將你的作品只保留在你自己的網(wǎng)站上，在Dribbble 和Behance 這樣的平臺上上傳你的作品能夠更好的提供你的曝光量，并且能夠適時(shí)地給你的個(gè)人網(wǎng)站引流。

Behance 是目前最有影響力的設(shè)計(jì)師作品展示平臺，許多公司都將它作為重要的參考。我最喜歡的是 Ramotion 的作品集，他們的每一個(gè)作品幾乎都是精品，并且受到業(yè)界極大的關(guān)注。

#2、講述故事

即使你的作品集的核心是你，但是你在設(shè)計(jì)的時(shí)候依然要以用戶為核心來推進(jìn)。你需要搞清楚你的訪客，或者說你的客戶/企業(yè)的訴求，并且恰到好處地展示你相應(yīng)的技能：

·搜索、整理并評估工作和項(xiàng)目的需求與類型，這將幫你弄明白你需要展示的技能水平、教育背景以及所需要呈現(xiàn)的專業(yè)知識。
·找出你的競爭對手。看看其他同行的、競爭者的作品集，想辦法讓你自己的作品集能從中脫穎而出。

接下來，你要明確你的優(yōu)缺點(diǎn)，將你的優(yōu)勢在你的作品集中體現(xiàn)出來。仔細(xì)思考一下下面的問題，應(yīng)該能讓你更好的展現(xiàn)自己：

·你有著怎樣的背景和經(jīng)歷？當(dāng)你從事UX設(shè)計(jì)的時(shí)候，哪些技能是你的核心？
·你的設(shè)計(jì)當(dāng)中最具有識別度的美學(xué)特征是什么？你習(xí)慣于采用什么樣的風(fēng)格？你是否專注于某個(gè)特定的設(shè)計(jì)領(lǐng)域？

A、創(chuàng)建一個(gè)漂亮的自我介紹頁面

“關(guān)于我”的頁面應(yīng)該能夠簡短但是明確的描述自己，闡明你的職業(yè)特征，和所尋求的工作類型。你應(yīng)該在網(wǎng)頁中對自己進(jìn)行簡短的介紹，并且在“關(guān)于我”的頁面當(dāng)中進(jìn)行詳細(xì)的描述。

在“關(guān)于我”頁面當(dāng)中，應(yīng)該對于你的專業(yè)知識、興趣、愛好以及你的奮斗目標(biāo)都有詳細(xì)的說明，讓你的雇主或者客戶對于你有個(gè)清晰的判斷和明確的預(yù)估。

Eric Bue 的關(guān)于我頁面就做的干凈整潔，又足夠有個(gè)性。

B、善用推薦和反饋

借他人之嘴來反映你的優(yōu)勢其實(shí)很符合現(xiàn)如今這個(gè)互聯(lián)網(wǎng)時(shí)代。在作品集當(dāng)中，將用戶對你的反饋、嘉獎(jiǎng)，甚至推薦呈現(xiàn)出來，是對你的設(shè)計(jì)能力的肯定，也是你能力的明證。

C、不要成為“獨(dú)角獸”

我們會(huì)將UX圈內(nèi)難于琢磨特立獨(dú)行的設(shè)計(jì)師稱之為“獨(dú)角獸”，通?！蔼?dú)角獸”們會(huì)顯得在任何領(lǐng)域都非常的專精。相反，一專多能的設(shè)計(jì)師會(huì)更容易受到青睞，也更容易在團(tuán)隊(duì)中定位。

看似什么都能做的人似乎更有競爭力，然而實(shí)際上，雇主們都是有針對性地尋求雇員來解決特定的問題。你應(yīng)該有目的性的展示你的設(shè)計(jì)作品，并且將你的作品集最大化的利用。

#3、想想如何組織你的設(shè)計(jì)項(xiàng)目

雖然讓你的作品集看起來足夠漂亮是非常重要的事情，但是絕大多數(shù)的客戶和雇主都是期望你能解決問題的，他們也希望能從你的作品集當(dāng)中看到這一點(diǎn)。所以，你需要合理的組織你的設(shè)計(jì)項(xiàng)目，將它們這方面的價(jià)值最大化。

A、列舉出相關(guān)度最高的項(xiàng)目，而不是最近的

將你最令人印象深刻的設(shè)計(jì)項(xiàng)目展示出來，而不是按照時(shí)間線來整理內(nèi)容。尤其是當(dāng)你經(jīng)驗(yàn)郵箱，并且嘗試獲得你的第一項(xiàng)UX相關(guān)的工作的時(shí)候。同時(shí)請記住，你的作品集是要展示你過去的工作，同時(shí)凸顯你未來的方向。確保你的作品集能夠體現(xiàn)出你所試圖尋找的工作類型，而非其他。

B、提供有效的預(yù)覽

在企業(yè)HR那邊，最初的遴選過程可能是非常簡單粗暴的，招聘人員可能需要從好幾十份簡歷和作品集當(dāng)中快速篩選出備選人員，他們需要在幾分鐘內(nèi)作出選擇，所以，正如同 Patrick Neeman 所說，HR常常只有10~15秒來篩選UX作品集。所以，盡量避免使用文字來展示項(xiàng)目細(xì)節(jié)，借助有效的視覺預(yù)覽圖，清晰的呈現(xiàn)細(xì)節(jié)。

C、搞定NDA

對于許多設(shè)計(jì)師而言，由于NDA，也就是不公開協(xié)議，使得他們很難將過去的設(shè)計(jì)項(xiàng)目在自己的作品集中展現(xiàn)出來。不過通常來說，對于NDA有幾種解決方案：

·請求許可。如果你和客戶有著良好的關(guān)系，那么可以通過溝通，在你的作品集中提及，甚至在不公開關(guān)鍵細(xì)節(jié)的前提下，呈現(xiàn)部分內(nèi)容。
·匿名呈現(xiàn)。你可以通過省略敏感、核心信息來展現(xiàn)設(shè)計(jì)項(xiàng)目的梗概，未來的雇主可能會(huì)欣賞你的這一處理手法。
·虛構(gòu)項(xiàng)目。如果你無法展示某些真實(shí)的項(xiàng)目，那么不妨虛構(gòu)一個(gè)項(xiàng)目，并且在展示的時(shí)候說明這一點(diǎn)。

D、不要說你什么都沒做過

所有剛畢業(yè)的學(xué)生都會(huì)面臨一個(gè)問題，就是他們沒有足夠的實(shí)戰(zhàn)經(jīng)歷，但是作品集當(dāng)中又需要他們展示工作經(jīng)歷，這就很尷尬了。最好的方法是即使沒有項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)，也要盡力展示自己。比如參加 Daily UI 挑戰(zhàn)，對于初學(xué)者而言這是非常不錯(cuò)的平臺，可以通過虛擬挑戰(zhàn)來展示技能，同時(shí)還能增強(qiáng)曝光度。所以，如果你是畢業(yè)生，不妨把你所有參加過的活動(dòng)、學(xué)術(shù)項(xiàng)目甚至虛擬項(xiàng)目都納入到作品集當(dāng)中。

E、強(qiáng)調(diào)質(zhì)量而非數(shù)量

作品集中的作品在精不在多。選擇2到3個(gè)有說服力有代表性的作品，比羅列所有你做過的事情要來的有用。講好一個(gè)項(xiàng)目，一個(gè)完美的設(shè)計(jì)項(xiàng)目，比什么都好。

Michael Nino Everson 的整個(gè)作品集就只有一個(gè)設(shè)計(jì)項(xiàng)目，iOS版的 SoundCloud。他力圖深入的描述整個(gè)項(xiàng)目的背景、設(shè)計(jì)思路和過程、實(shí)現(xiàn)的細(xì)節(jié)。

#4、細(xì)節(jié)描述

盡管其他的行業(yè)可以在產(chǎn)品最終實(shí)現(xiàn)的之后給予解釋說明，但是UX行業(yè)并非如此。雇主和和客戶在看到一個(gè)精心制作的產(chǎn)品的時(shí)候，非常希望知道你是如何解決問題的。他們想要看到這個(gè)實(shí)現(xiàn)的過程，而不是單純的一個(gè)魔術(shù)般的結(jié)果。雖然描述可能因?yàn)轫?xiàng)目不同而有所差異，但是一般而言，它是由兩個(gè)部分組成的：概述和UX流程。

首先，應(yīng)該有概述，概述部分能夠幫助雇主和客戶快速了解UX設(shè)計(jì)本身，以下是概述通常會(huì)包含的條目：

·項(xiàng)目目標(biāo)：為何會(huì)有這個(gè)項(xiàng)目
·目標(biāo)：可交付的結(jié)果是什么
·持續(xù)時(shí)間：需要多久完成
·團(tuán)隊(duì)：你的合作伙伴和團(tuán)隊(duì)成員都有誰
·你的角色：你是如何為團(tuán)隊(duì)做共享的
·最終產(chǎn)品：圖片、視頻、可執(zhí)行的APP或者原型、源代碼。

UX流程部分可能是你的作品集當(dāng)中最重要的部分，它解釋了你的整個(gè)用戶體驗(yàn)設(shè)計(jì)流程中的細(xì)節(jié)，各種問題的解決過程和不斷選擇的判據(jù)。

你應(yīng)該明白，你在整個(gè)UX設(shè)計(jì)過程中所做的選擇和采取的手段，應(yīng)該放在當(dāng)時(shí)的場景之下進(jìn)行評估。當(dāng)你開始描述問題和解決方案的時(shí)候，你應(yīng)該描述和展現(xiàn)當(dāng)時(shí)的情況，并且讓客戶明白你所處的情形。他們應(yīng)該能夠通過下面的信息來了解情況：

·設(shè)計(jì)問題/挑戰(zhàn)：通過簡單的一兩句話來表明你正在處理什么問題，或者面臨什么挑戰(zhàn)。
·用戶研究：根據(jù)需求、動(dòng)機(jī)或者痛點(diǎn)來闡明你的用戶所面臨的情況。這部分還應(yīng)該包含你研究的信息工具（移情圖，角色等）。你還可以提到競爭分析（根據(jù)用戶需求評估競爭對手的優(yōu)勢與劣勢）。
·想法和思路：你應(yīng)該提供以下問題的答案，包括如何解決問題，為什么選擇這個(gè)方案，以及影響你決策的主要因素。
·設(shè)計(jì)：完整的描述你的構(gòu)思，概念，解決方案，以及相應(yīng)的影響。使用線框圖、低保真/高保真原型、視覺稿來進(jìn)行設(shè)計(jì)。如果可能，提供可交互式的原型，供雇主和客戶來查閱。
·測試：你如何衡量產(chǎn)品的成功或者失敗，你是如何測試你的解決方案，以及你提出了哪些問題。

A、清晰的陳述

你的項(xiàng)目在作品集當(dāng)中，應(yīng)該以一種清晰的陳述方式展現(xiàn)出來，呈現(xiàn)出你在這個(gè)過程中的遭遇和障礙，成功和失敗。

·確定讀者所需要的信息的優(yōu)先級。將項(xiàng)目的關(guān)鍵點(diǎn)和重要時(shí)刻突出呈現(xiàn)，確保信息的有效性和趣味性。
·展示你解決問題的技巧。當(dāng)你展示不同項(xiàng)目的時(shí)候，突出不同的項(xiàng)目的關(guān)鍵問題，以及解決這些難題的細(xì)節(jié)。展示你使用不同工具、策略解決不同問題的能力。
·展示你使用圖片和文字簡潔、快速溝通的能力。盡量使用多媒體元素來闡述每個(gè)步驟。
·盡量清晰說明，你從這個(gè)項(xiàng)目中學(xué)到了什么。

B、描述這個(gè)項(xiàng)目的影響

展示你的項(xiàng)目給公司和團(tuán)隊(duì)帶來的價(jià)值。如果可能，仔細(xì)描述一下這個(gè)項(xiàng)目是怎么給公司帶來成功的。如果存在積極的影響和結(jié)果，請?jiān)敿?xì)說明。

C、不要沉迷視覺展示

如果你不是視覺設(shè)計(jì)師，還是盡量不要沉迷于視覺化的內(nèi)容展現(xiàn)。作品集不是要展示你驚人的視覺設(shè)計(jì)技巧，而是要呈現(xiàn)你在UX和產(chǎn)品設(shè)計(jì)上的能力，你的角色是UX設(shè)計(jì)師，你是為了解決問題、提出方案而存在的。

Slava Kim 的這個(gè)作品集就是反例，過多的關(guān)注視覺展示，而忽略了UX的流程和基本的信息。

D、不要僅僅關(guān)注結(jié)果

UX設(shè)計(jì)師常常關(guān)注于交付結(jié)果，和忽略了過程。但是在招聘UX設(shè)計(jì)師的時(shí)候，招聘人員更加關(guān)注的是你解決問題的過程，而不僅僅是某個(gè)項(xiàng)目的完成與否。比如，某個(gè)項(xiàng)目中用戶角色研究和最終交付的用戶畫像上的差異，用戶研究在這個(gè)背后所扮演的角色，等等等等。一個(gè)好的UX項(xiàng)目能闡明這背后的原理。

E、不要夸大你對于項(xiàng)目的貢獻(xiàn)

每個(gè)項(xiàng)目都是由團(tuán)隊(duì)成員一起完成的，你的工作只是其中的一部分，而雇主是明確知道這一點(diǎn)的。誠實(shí)是美德，謙遜也是品質(zhì)，大家都更愿意同誠實(shí)謙遜的人合作。

結(jié)語

完成每一個(gè)UX作品集對于設(shè)計(jì)師而言，都是一項(xiàng)艱難而巨大的工程。你需要花費(fèi)大量的時(shí)間和經(jīng)歷來走完這整個(gè)過程，但是它絕對是值得的。它像一份漂亮而有效的成績單，是你階段性的總結(jié)，更是你新工作的敲門磚。雇主和客戶選擇的是你，而不僅僅是一份作品集，不是嗎？

【別人家的作品集】

1. 《學(xué)會(huì)這5個(gè)技巧，避免你的作品被人用競品評頭論足！》
2. 《5個(gè)要點(diǎn)教你改造作品集，提高求職成功率！》
3. 《還在堆圖片？來看看這11位UX設(shè)計(jì)師教科書級的作品集》
4. 《學(xué)會(huì)用這5個(gè)正確姿勢闡述你的設(shè)計(jì)作品，輕輕松松一稿過！》

原文地址：Medium
原文作者：NICK BABICH
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com