張雅珊的購物開箱清單

導語：轉眼間春招就來了，對于考研考公不是很理想以及錯過了秋招的人來說，這是一個絕佳的機會。簡歷在面試的過程中很重要，這是毋庸置疑的，同時作品集的重要性也不可忽視，一份能好好展示自己的作品集是戰勝春招的一大武器。

一份優秀的作品集，需要從視覺呈現、整體邏輯、項目細節說明等多個方面進行全面細致的推敲和思考。我們只有不到 5 分鐘的時間去抓住面試官的眼球，讓他想要瀏覽內部的細節。

目前，市面上大多作品集都有著較高的相似性，然而對于設計師來說，作品集是我們職業生涯的精華合集，應該具備強烈的個人特色，能夠精準展現出專業能力和行業經驗。

本文作者總結了制作優質作品集的實用方法，從分析讀者、整體結構、內容和布局、設計技巧和方案、應注意避免的問題、制作線上作品集等多個方面給出了詳細的解答。

設計師力求用作品集找到下一份工作，然而大多數人都沒能創造出一個既有趣又吸引人，還能推銷自己的作品集。但 遵循行業專家建議 和 參考優秀落地案例，能讓設計師制作出一個更好的作品集來完美展示其才華和技能。

設計作品集要能讓人留下印象，感到驚艷。遺憾的是，只有少數作品集做到了。

盡管設計師可能是技藝高超、才華橫溢的，但如果他作品集表達得不好，仍然會讓人感到無聊，而不是驚喜。這樣的話，客戶會點擊關閉，轉而查看別人的作品集。

設計相關的作品集必須專注于一個目標：銷售設計師自己，作品集只有幾秒鐘的機會給人留下深刻印象，也只有幾秒鐘傳達個人品牌的吸引力與展示自身的獨特風格。

大多時候，大部分設計作品集令人失望的原因在于它們缺乏創意、生搬硬套、不知所云。它們的思路要么不夠流暢，要么過于混亂和過于復雜。

它們可能缺乏關鍵信息，沒有傳達個人風格，或者沒有展示出專業能力 —— 而所有的這些都降低了被聘用的可能性。

國外設計師的作品集

作品集要能夠快速打動和吸引閱讀者，從而幫助設計師拿到下一份工作。

作品集不是過往項目的在線存檔，它不是為了吹噓或炫耀過往的項目，它也不是給其他設計師看的，它需要成為一個明確的、有吸引力的設計主張，從而抓住潛在工作機會。

一個精致的作品集 應該展示設計師對于戰略問題的解決技巧，以及對于設計如何帶來價值的理解。

客戶需要的是與眾不同的設計作品，他們正在尋找獨特、優秀、創新的作品，以解決商業挑戰，并在市場上有所作為。因此，為了展示設計師的技能水平、讓客戶感受到產品質量，設計師應當從戰略上規劃作品集，并仔細考慮每一個細節。

為了制定如何構建優秀作品集的最佳方案，我回顧了自身過往經驗，研究了業內標準和優秀案例，并與 Toptal 的幾位設計專家進行了交流。這些專家每天都會審核數十個設計作品集。

作品集的首要目標是——幫助設計師獲得一份工作。

一、鎖定目標讀者

設計師得認真思考自己作品集的目標讀者。針對目標精心準備的作品集能產生積極的效果。無論什么類型的設計師 ——平面、品牌、視覺、UI、UX、產品 —— 作品集都需要考慮以下幾點：

• 設計師想要吸引的讀者是誰？
• 如何最好地規劃作品集來打動讀者？
• 設計師想要從事什么類型的工作？

通常，會有三類人查閱設計作品集：客戶、招聘人員 和 設計主管。制作一個作品集以迎合這三類人閱讀的方法是，用滿足這三類人的方式對內容進行分層 —— 尤其是復雜的 UX / UI / 產品設計師的作品集。

從目標讀者的角度思考，做一個作品集會類似于交互設計中的 漸進式信息披露：

第一層，針對‍招聘‍人員，作品集應設計成方便快速閱讀的，將最好的作品展示在前面和中間；第二層，針對 客戶，作品集將更深入一些，但同樣能夠被快速閱讀；第三層，針對 設計經理和設計主管，對于 UX / UI / 產品設計師來說，這一層需要有詳細的案例研究。

在作品集中，有趣的動畫會吸引人們的注意（UI 動畫 by Outcrowd）

1. 三種讀者類型

• 招聘人員：喜歡瀏覽和掃視設計作品集，他們在候選人的作品集上最多只花 3 分鐘。他們想要看到豐富的視覺效果 和有沖擊力的設計作品，以及簡短的項目背景。
• 客戶：希望看到精心打磨的、高質量的設計作品，如果他們感興趣，就會花 3-5 分鐘的時間來閱覽作品集。他們想知道設計師能怎樣為他們的業務帶來價值，擁有價值導向的設計方法和軟技能的作品集能吸引客戶閱讀下去。一個成功的作品集既能展現優秀的作品，又能表達設計流程、策略和各種設計風格。
• 設計主管：旨在深入了解項目，他們對細節很感興趣。他們大多會花 5-10 分鐘來仔細閱讀一個設計作品集，有時甚至超過 10 分鐘。在用戶體驗方向，他們喜歡通過作品看到解決問題的過程和設計思維。主管們也希望可以看到設計師的軟技能，在 UI / 視覺/ 交互設計的作品集中，他們想要看到響應式設計、微動畫或視頻介紹，用動畫來展示產品能起到很好的效果。

客戶是從他們的角度來看作品集，從而實現他們的目標。

介紹得保持簡短精煉（薩多克·塞萬提斯）

二、合理安排作品集的結構

因為只給每個作品集幾分鐘的瀏覽時間，客戶希望看到結構精良的內容和精美的布局，從而更輕松地進行作品集評估。

有些設計師可能會決定反其道而行之 —— 他們想要與眾不同，但這樣做是有風險的。一旦客戶留下了負面的印象：信息缺失、作品怪異、導航繁瑣，就很難讓他們繼續閱讀作品集。

這中間有一個復雜的平衡點。設計師得展示作品并讓讀者留下印象，同時傳達出自己是誰及其尋找的工作類型。

例如：一個平面設計師需要快速驚艷讀者并留下深刻印象，這種情況下，一個高視覺沖擊力的展示案例也許是最有效的辦法。從另一角度延伸，用戶體驗設計師要仔細考慮怎樣安排作品集結構，以便進行深入的方案展示。

一個有視覺沖擊力的平面設計作品集

三、作品集的內容和布局

首先，展現出你的個人特色來吸引客戶來與你合作，作品集要表達出你的設計感。作品集網站的外觀和風格應反映出你的特質，公司也會評估設計師和公司團隊的文化契合度。

作品集可以從簡短的自我介紹開始，依次表達你是做什么的、你的感興趣的方向、你的簡要工作經歷。對于作品集來說，個人照不是必須的，但它有助于體現個人特色。

接下來，把作品們附上 “封面圖” 依次陳列出來。將你的設計項目（網站、移動端界面）做成一個個圖片卡，附上簡短的項目描述，放置在一起。

這些圖片得足以吸引客戶的注意力，激發起他們深入了解的欲望。但是，作品集要合理的樹立用戶期望——如果人們點擊進入該項目，他們會看到什么？設計師可以再次使用“漸進式展示”的方法，并將它應用到你的項目和作品的展示中。

對于平面 / 品牌設計師，封面圖要能吸引讀者點擊進專屬的項目頁，項目頁內要有高清大圖和更多項目細節。對于UX / UI / 產品設計師，項目頁要向大家介紹你的設計過程，以案例分析的形式展示交互設計產物和設計迭代。

在項目頁上必須有的：

• 項目簡介，項目所解決的問題，和你擔任的職責（例如，品牌、移動端設計、網頁設計、UX / UI 設計、UX 研究、用戶測試）。
• 產品規劃路線圖是什么？最終成果是什么？
• 你是從頭開始設計產品，還是項目中期參與進來的？
• 你是在設計團隊中工作嗎？你們是如何合作的？
• 顯示成果，無論是定量還是定性的成果。突出強調諸如新增收入、留存率和轉化率等結果。
• 展示項目的核心經驗，這個項目是如何幫助你成長為一名更好的設計師的？

項目庫應該在視覺上有足夠的吸引力，從而讓讀者想了解更多（Gabe Cagara）

一個單獨的 “個人” 頁面，典型的介紹信息有：你是哪種類型的設計師，有什么特長，以及你要找的工作類型。“個人” 頁面不是展示你的愛好，你的宗教信仰，或者展現你有多喜歡烹飪。請體現你的職業專業度。

在作品集網站列出設計師的 技能 和 首選工具 能幫助客戶和設計團隊發掘會使用特定工具（Sketch、Figma、Adobe XD 等）的設計師。此外，不要忘記鏈接上你的 LinkedIn 個人資料、Medium 專欄、以及其他你放有作品的設計網站（Dribbble，Behance）。

四、設計作品集要包含哪些內容

• 展示最好的作品，而不是所有作品。精心挑選展示的內容和展示的標準 —— 畢竟讀者的注意力是有限的。
• 考慮展示一些沒有成功的方案以及放棄的原因。展現出你探索過哪些方案但最終沒有采取它們？除了呈現設計作品，作品集要講一個如何制作作品的故事，并講解你是如何應對挑戰的。
• 嘗試展現你的工作軟技能。將幾張設計展示（或者是設計回顧、戰略計劃）的幻燈片組合成拼貼畫形式就能得到很好的效果。無論在什么情況下，遠程或到場工作，傳達出設計原理和概念的能力都是至關重要的。
• 談談你在工作中使用的設計方法和專業技能。
• 展示內容包含交互原型、小動畫、動態展示，而不僅僅展現靜態的設計，客戶喜歡看產品視頻或 GIF 動畫。

Maurício Tonon 的作品集包括清晰的項目介紹，他的職責，設計能力和使用的工具，以及項目的動畫展示

五、設計作品集中無需包含的內容

• 不要包含舊的、過時的作品：任何在平面 / 品牌 / 視覺 / UI 設計方向完成超過五年的作品看著都老舊了。設計行業是動態的。客戶是在尋找新穎的、符合當前時代風格的近期作品。
• 不要展示太多圖片，尤其要避免展示出低分辨率、像素化的圖片：一張壞的圖片會比一張好的圖片更突出，它只會給人留下糟糕印象。
• 避免設置頁面密碼：大多數讀者沒有時間去找到設計師本人詢問密碼，再返回作品集網站打開。密碼相當于是一堵墻，阻礙了人們瀏覽作品集，提供了糟糕的用戶體驗。反倒是可以先展示一個有吸引力的設計，再用 “聯系我，來了解更多細節 ” 的文字上附上個人鏈接，保密項目可以在面試時來屏幕共享。

最好避免在作品集網站上設置頁面密碼。它們妨礙了用戶的使用

六、作品集設計技巧和最佳方案

• 有策略地組織起你的作品集：保證內容、結構和布局的優秀。思考哪些內容放入作品集，哪些內容可以放棄。最好包含 4-6 個項目，確保一切簡約、清晰、易于瀏覽。
• 不要膽怯，要大膽：客戶需要在幾秒鐘內了解你是怎樣的設計師和你的專業能力，放上能讓作品集脫穎而出的獨特、直觀的項目。
• 以簡短的介紹開啟作品集的展示：列出你的經驗、主要成就和專業技能。
• 用視覺去展示和描述：人們是視覺動物，描述一定要簡潔，人們需要閱讀的文本越少越好。
• 發掘自己的優勢，并將展示的重點放在你想要的工作類型上：如果是想找視覺設計 / UI 設計的工作，就展示視覺設計 / UI設計的項目。如果是用戶體驗設計，就介紹用戶體驗的項目。不要混合展示各種類型的項目，這樣會削弱作品集的表達，客戶無法了解你的核心能力，千萬不要讓自己看上去像一個“萬金油”。
• 先展示你最優秀的項目：大多數招聘者和客戶不會看完所有的項目。
• 對于產品設計師，要展示 2-3 個項目，但每個項目展示方式要有所不同：展示出產品策略與 UX / UI / 視覺設計的融合。
• 并不是任何事情讀者都能理解：作品集一定要清晰，把項目掰碎了再展示給讀者。
• 用標題對項目和你的職能有一個精簡的概括：例如：“為一家金融科技初創公司的企業 SaaS 平臺進行用戶體驗設計”，這個標題可以迅速傳達項目的內容和你的職能。
• 表明你能夠從頭到尾完成一個項目，也能夠在項目中期加入，用設計帶動團隊。

插畫師也可以用案例分析來展示他們的設計過程（Slack插畫項目：Alice Lee）

• 為不同的受眾展示各種媒介的多樣化項目，以展示設計的靈活性。客戶正在尋找“幾乎可以設計任何東西”的設計師。
• 如果是網頁設計師，請提供所設計的網站的 URL（如果自從你工作后它沒有改變）。客戶更喜歡看最終的實時網站，而不是靜態截圖。
• 在項目頁面上，先展示完成的設計，并簡要提供背景。然后，深入了解設計過程。
• 在每個項目結束時，提供核心的學習經驗和項目成果，以及你在項目中的貢獻如何使項目成功。
• 如果剛開始做設計師，沒有足夠的項目可以展示，可以拿出一個練習項目。例如，重新設計一個知名品牌的網站或應用。
• 針對搜索引擎優化作品集。這會讓你更容易被發現。使用“圖像 alt 標簽” 來描述圖像，這些標簽為搜索引擎爬蟲提供圖像上下文。
• 從設計經理或招聘人員那里獲得關于你的作品集的專業反饋。
• 請一位以英語為母語的朋友檢查你的作品集用詞是否精準。
• 使網站易于瀏覽，并使其對手機端用戶友好（響應式設計）。

動態項目展示總是很吸引人，讓設計師脫穎而出（Zhenya Rynzhuk）

七、用戶體驗 / 產品設計師的作品集要點

由于在體驗設計過程中創作的大多數作品和成果往往視覺效果平平，因此用戶體驗 / 產品設計師一直苦苦思索如何能制作一個能完美展示他們的天賦和技能的作品集，這里有一個有效的方法。

例如，在 UX 作品展示可以使用拼貼排版和雙色排版，在你專注于展示設計過程時，可以使用讀者能立馬理解的視覺排版，傳達適量的信息。

通過論文和設計依據來說明你做了什么和為什么這么做，說明設計過程中收集到的關鍵點，以及你的設計決策是如何轉化成具體的成果。談談你是如何運用批判性思維方式來發現用戶行為、動機和需求的，這樣做可以讓客戶更好地理解你的產品構思過程、方法和策略。

當人們閱讀你的作品集時，要向讀者 明確用戶體驗的哪些方面是你所擅長的。你是注重于視覺設計還是 UI 設計？你有做用戶體驗研究嗎？你在某個項目中的職能是什么？描述出問題是如何解決的，你是如何得出解決方案的，但描述要簡短。

UX 設計師可以把他們的作品集看作是一個以用戶為中心的設計項目，作品集得有良好的用戶體驗，思考客戶想要看到什么，展示你對整個 UX 設計周期的了解。

通過使用拼貼排版，可以讓用戶體驗作品變得好看（Kurt Winter）

八、避免在作品集中出現的錯誤

妨礙讀者高效評審作品集的任何因素都會影響到設計師的求職。當客戶和招聘人員遇到評審障礙時，他們有可能跳轉到下一個設計師的作品集。這里例舉了一些常見的錯誤。

• 作品集的展示方式過于特立獨行和“創意過度”：這會影響到實用性，使作品集難以定位。讓作品集易于瀏覽，最好用作品來打動人，而不是作品集的版式設計。重點應該是直接了當地呈現客戶想要的東西，不要有多余花里胡哨的東西。
• 不要粗心，在細節上下功夫：根據拼寫和語法去檢查你的用詞，客戶也會根據設計師的專業性來評價他們。
• 作品集沒有清楚表述你是什么類型的設計師、你尋找的工作類型、以及求職的行業/企業意向，例如電商、B2C、品牌、移動端、初創企業、大公司等。
• 避免無休止的滾動頁面：將演示文稿拆解成小板塊，以供客戶閱讀，首頁不需要包含一個你自己的詳細介紹，把自我介紹放在 “關于我的頁面” 上（僅一頁即可）。
• 避免在未說明項目內容時呈現雜亂無章、隨意的項目圖片：記住用講故事的方式來展示項目，一定要提供項目背景，人們沒有時間去解讀冗長的文字和雜亂無章的圖片集。
• 使用實物模型圖來凸顯設計細節，而不是分散讀者的注意力。
• 不要試圖在表現形式上太過花哨（使用歪斜的、3D 設備模擬圖和圖像）。

將作品以一系列傾斜的、等距的圖像來呈現是非常做作的，也是要避免的常見錯誤。這樣呈現的作品展示不夠清晰，設計無法得到合理的評估。

將作品以一系列傾斜的、等距的圖像來呈現是非常做作的，也是要避免的常見錯誤。這樣呈現的作品展示不夠清晰，設計無法得到合理的評估。

• 沒有明確自己在項目中的角色是什么：特別是在較大的團隊和項目中，說明你在項目中的參與部分是至關重要的。
• 如果你正在尋找 UX 設計崗位，在展示 UI 設計作品之前，先專注于展示你的 UX 項目。把 UX 項目放在首位，向讀者展示出你的優勢和興趣所在。
• 不要先展示一個品牌風格指導規范后再展示不能反映該品牌指導的設計作品。
• 不要在項目庫中展示會把讀者帶到 “近期上線” 頁面的圖片。當項目完成后，再在作品庫中展示出項目。
• 不要讓你所有的項目看起來都是一樣的 —— 用一個沉悶的、模板化的格式展示一個又一個的項目。在不同的設計作品中，用另一個角度呈現不同的故事，以吸引讀者繼續瀏覽。
• 不要只展示你所工作的大公司的 logo：相反，把重點放在你如何提供自己的價值上。展示你所做的事情和你工作帶來的影響比展示在 Facebook，谷歌或亞馬遜工作過更令人印象深刻。
• 用戶體驗設計師 / 產品設計師應該避免在沒有背景的情況下展示大量的設計細節，避免在沒有說明設計過程的情況下直接展示成果。
• 不實的項目內容會讓人反感：例如，使用任何人都可以購買的 UI 套件和網站模板作為自己的項目。有些客戶可能不熟悉它們，但很多招聘人員和設計經理都非常熟悉。即使設計師們暫時逃過一劫，但很快就會被發現他們并不具備高質量的設計能力。

九、設計師如何建立線上作品集？

當前市面上有很多不用編程就可以制作的作品集網站，他們都提供了豐富模板資源。免費作品集網站大多數功能普通，它們使用的是主機的公司品牌和子域名。付費版從每月 6 美元到 15 美元不等，它們提供給設計師專業作品集搭建服務和一個自定義域名。

這些無需編程的平臺，例如 Webflow，提供了各種不同風格的作品集模版

十、最后的建議

線上設計作品集是你面向所有人的設計展示，它也許能幫助你獲得下一份工作。其實，作品集是能反應出你是否有投入足夠的時間在制作上。為了制作出優秀的作品集，你必須精心設計它的內容、結構和布局。

當設計師們思考如何制作一個作品集時，他們會研究其他人的設計作品集，并從中學習。他們會思考某一個作品集有哪些好的地方？哪些可以借鑒，哪些不可以？同時他們也會站在客戶的角度，思考客戶是否會招聘該設計師。

當客戶查看作品集的時候，他們會思考未來將如何和你一起開展工作。他們會想：這個設計師的經驗、作品和技能將如何運用于我的項目中？在我的項目中與他們工作起來將會是怎樣？

設計師應該把自己放在客戶的位置上進行思考，設計師得記住客戶只會花幾分鐘在作品集上，要讓客戶輕松地從作品集中得到重要的信息、看到最好的作品。

原文作者：Miklos Philips

原文鏈接：https://uxdesign.cc/showcase-your-skills-how-to-make-a-portfolio-d6f873ca70fe

譯者：曹競羽，審核：徐曼鷺、張聿彤，編輯：徐小淇

本文由 @三分設 翻譯發布于人人都是產品經理，未經許可，禁止轉載

題圖來自 Unsplash，基于 CC0 協議