展示你的技能——如何製作作品集

設計師的目標是用他們的作品集贏得下一份工作。 然而，大多數人都未能創造出能夠有效地吸引、吸引和推銷設計師的作品。 遵循行業專業人士的建議和最佳實踐，設計師可以製作出完美展示其才能和技能的理想作品集。

設計作品集需要給人留下深刻印象並產生影響。 遺憾的是，只有少數人成功了。 設計師可能是高技能和才華橫溢的，但如果演示文稿平淡無奇，它將導致打哈欠而不是哇，客戶點擊下一個作品集。

設計作品集需要專注於一個目標：推銷設計師。 給人留下深刻印象、傳達引人注目的個人品牌和展示設計師獨特風格的機會可能只持續幾秒鐘。

很多時候，許多設計作品集令人失望，因為它們缺乏啟發性、誤導性和難以理解。 它們要么不夠徹底，要么過於混亂和過於復雜。 他們可能缺乏關鍵信息，不傳達個人品牌，或者不傳達職業目標——所有這些都會降低被錄用的機會。

設計組合不是過去項目的在線檔案。 這不是吹噓或炫耀以前的項目。 它不適用於其他設計師。 它需要是一個專注的、引人注目的價值主張，旨在吸引潛在客戶。 精心設計的設計作品集應展示設計師解決問題的戰略能力以及對設計如何傳遞價值的理解。

客戶想要脫穎而出的設計作品。 他們正在尋找能夠解決業務挑戰並在市場上有所作為的獨特、卓越、創新的工作。 因此，要傳達設計師的技能水平和客戶將獲得的產品質量，戰略性地規劃產品組合併仔細考慮每個細節至關重要。

為了製定構建理想設計組合的最佳方法，我回顧了我的經驗，研究了行業標準和最佳實踐，並與 Toptal 的幾位設計人才專家進行了交談，他們每天都會審查數十個設計組合。

設計作品集的主要目標是讓設計師找到工作。 Toptal設計人才專家

瞄準目標受眾

設計師需要仔細考慮他們的投資組合的目標人群。 精心準備會產生積極的結果。 無論是哪種類型的設計師——圖形、品牌、視覺、UI、UX、產品——產品組合都需要考慮以下幾點：

• 設計師希望吸引的受眾是誰？
• 如何最好地構建作品集以打動觀眾？
• 設計師有興趣從事什麼類型的工作？

通常，三種類型的人審查設計組合：客戶、招聘人員和設計經理。 構建滿足這三種類型的作品集的明智方法是以滿足所有三種類型的方式對內容進行分層——尤其是複雜的 UX/UI/產品設計師作品集。

從維度上思考，製作作品集類似於交互設計中的漸進式披露。 第一層，針對招聘人員，設計用於快速掃描，展示最佳工作，正面和中心。 第二層將為客戶創建。 它會更深入一點，但仍然允許快速掃描。 第三層將針對設計經理和設計負責人。 對於 UX/UI/產品設計師，這個最終維度將包含詳細的案例研究。

三種訪客類型：

• 招聘人員傾向於瀏覽和掃描設計組合。 他們在候選人的作品集上花費三分鐘或更短的時間。 他們正在尋找豐富的視覺內容和有影響力的設計作品，並帶有簡短的項目描述。
• 客戶希望看到精緻、高品質的設計。 如果參與，他們將花 3-5 分鐘審查投資組合。 他們想知道設計師將如何為他們的業務帶來價值。 展示基於價值的設計方法以及軟技能將大有幫助。 獲獎作品集展示了出色的工作以及展示流程、策略和各種設計風格的能力。
• 設計經理希望深入研究項目並對細節感興趣。 他們中的大多數人會花費 5-10 分鐘來審查設計作品集，有些會超過 10 分鐘。 在 UX 領域，他們喜歡通過案例研究看到解決問題的過程和設計思維。 經理們也在尋找軟技能。 在 UI/視覺/Web/交互設計組合中，他們喜歡看到響應式設計、微動畫或視頻演練。 展示運動中的產品有很長的路要走。

客戶從他們的角度看待投資組合，以實現他們的目標。 Toptal設計人才專家

獲得正確的設計組合結構

每個投資組合只有幾分鐘的時間，客戶希望看到具有特定佈局的結構良好的內容，以簡化他們的評估過程。 一些設計師可能決定違背常規——想要與眾不同——但他們這樣做是有風險的。 一旦客戶形成負面印象——缺少某些東西、投資組合太奇怪、導航很麻煩——就很難讓他們繼續審查投資組合。

這是一個複雜的平衡行為。 設計師需要講述一個故事，同時牢記他們的受眾，傳達他們是誰以及他們追求的工作類型。 例如，平面設計師需要快速讓用戶驚嘆並留下深刻印象。 在他們的情況下，高影響力的視覺展示可能效果最好。 另一方面，用戶體驗設計師需要考慮如何構建他們的產品組合以進行深入的項目案例研究。

投資組合內容和佈局

首先，傳達您的個人品牌以吸引客戶願意與您合作。 炫耀你的設計感。 該網站的外觀和感覺應該反映您的獨特之處。 公司還傾向於評估其團隊的文化契合度。 打開一個簡短的介紹，你做什麼，你的激情所在，以及你的經歷的簡短介紹。 個人資料照片不是必需的，但它有助於建立個人聯繫。

接下來，展示帶有“封面圖片”的項目畫廊，即展示您的設計（網站、手機屏幕）並附有簡短描述的卡片。 這些圖像必須具有吸引力，才能吸引客戶的注意力並讓他們想看更多。 但是，正確設定期望——如果人們點擊該項目，他們會看到什麼？ 再次使用“漸進式披露”方法並將其應用於項目和案例研究的介紹。

如果是圖形/品牌設計師，則封面圖片可以將訪問者帶到專門的項目頁面，其中將顯示更大的高保真圖像以及有關項目的更多詳細信息。 如果是 UX/UI/產品設計師，請帶領人們完成您的設計過程。 以案例研究的形式展示 UX 工件和設計迭代。

在項目頁面上，請務必包括：

• 簡要介紹項目、解決的問題以及您的角色（即品牌、移動設計、網頁設計、UX/UI 設計、UX 研究、用戶測試）。
• 產品路線圖是什麼？ 可交付成果是什麼？
• 您是從頭開始設計產品還是跳入項目中間？
• 你在設計團隊工作過嗎？ 你們是如何合作的？
• 顯示結果，無論是定量的還是定性的。 突出顯示收入、留存率和轉化率增加等結果。
• 提供關鍵知識。 在這個項目上工作是如何讓你成為一名設計師的？

一個單獨的“關於”頁面詳細說明了您的設計師類型、任何專長以及您正在尋找的工作類型是典型的。 “關於”頁面與您的愛好、宗教信仰或您喜歡烹飪無關。 保持專業。

技能和首選工具列表可以幫助客戶和設計團隊找到使用特定工具（Sketch、Figma、Adobe XD 等）的設計師。 此外，不要忘記指向您的 LinkedIn 個人資料、Medium 文章和您存在的其他設計網站（Dribbble、Behance）的鏈接。

設計組合中應包含的內容

• 展示最好的作品，而不是所有作品。 對展示的內容和原因要有選擇性——人們的注意力有限。
• 考慮展示一些不起作用的想法以及原因。 你探索了哪些方向但沒有採取？ 除了設計作品外，還要講述一個故事並概述您如何應對挑戰。
• 嘗試炫耀你的軟技能。 幾張設計演示文稿（設計審查、戰略計劃）的幻燈片組合成拼貼畫效果很好。 無論在何種情況下——遠程工作或現場工作——傳達設計原理和概念的能力都至關重要。
• 談論您在工作中使用的設計方法和特定技能。
• 包括交互式原型、微動畫、動態設計，而不僅僅是靜態設計。 客戶喜歡觀看實際產品的視頻或 GIF 動畫。

什麼不包括在設計組合中

• 不要包括舊的、過時的工作。 在圖形/品牌/視覺/UI 設計領域超過五年的任何東西看起來都過時了。 設計職業是動態的。 客戶正在尋找符合當代現代風格的新鮮、近期作品。
• 不要顯示太多圖像，尤其要避免低分辨率、像素化的圖像。 壞形像比好形象更突出——它不會給人留下積極的印象。
• 避免受密碼保護的項目。 大多數訪問者沒有時間聯繫、詢問密碼並返回到作品集。 當人們瀏覽投資組合時，它會豎起一堵牆，阻礙用戶體驗。 相反，展示一個帶有“聯繫以獲取更多詳細信息”的鏈接的誘人設計。 機密項目可以在面試期間進行屏幕共享。

設計組合技巧和最佳實踐

• 戰略性地創建您的投資組合。 獲得正確的內容、結構和佈局。 想想什麼該包括，什麼不包括。 理想的項目數量是 4-6 個。 保持一切簡單、乾淨且易於掃描。
• 不要膽怯，要大膽。 客戶需要在幾秒鐘內了解您是誰以及您的專長——製作出獨特的視覺故事。
• 從簡要介紹開始投資組合。 列出您的經驗、主要成就和技能。
• 展示並演講。 人們大多是視覺的。 描述要簡潔。 閱讀的人越少越好。
• 了解您的優勢並定制演示文稿以專注於您想要的工作類型。 如果它是視覺設計/UI 設計工作，那麼主要是展示你的工作。 如果是 UX 設計，請展示 UX 項目。 不要過度混淆學科，因為它會削弱投資組合併使客戶感到困惑。 不要把自己描繪成“萬事通”。
• 首先展示您最嚴格的案例研究。 大多數招聘人員和客戶不會審查所有案例研究。
• 如果是產品設計師，請展示 2-3 個案例研究，但要改變展示方式。 展示產品策略工作與 UX/UI/視覺設計的組合。
• 不要假設任何事情對人們來說都是顯而易見的。 在過度溝通方面提供清晰和錯誤。
• 對項目和你的角色有一個很好的描述性標題。 例如，“金融科技初創公司的企業 SaaS 平台用戶體驗設計”。 它將迅速傳達項目的內容和您的角色。

• 表明您可以從頭到尾處理一個項目，或者跳到項目的中間並開始運行。
• 以不同的媒介為不同的觀眾展示不同的項目，以展示靈活性。 客戶正在尋找能夠“設計幾乎任何東西”的設計師。
• 如果是網頁設計師，請提供網站的 URL（如果它在您工作後沒有更改）。 客戶更喜歡查看最終的實時網站與靜態屏幕截圖。
• 在項目頁面上，首先顯示完成的設計並簡要提供上下文。 然後，深入研究設計過程。
• 在每個項目結束時提供關鍵的學習和結果，以及您的參與如何使它們成為可能。
• 如果以設計師的身份開始並且沒有足夠的項目可以展示，請進行設計練習。 例如，重新設計知名品牌的網站或應用程序。
• 優化搜索引擎的產品組合。 它會讓你更容易被發現。 使用“圖像替代標籤”來描述圖像。 這些標籤為搜索引擎爬蟲提供圖像上下文。
• 從設計經理或招聘人員那裡獲得有關您的作品集的專業反饋。
• 讓以英語為母語的朋友檢查您的作品集，了解正確的英語。
• 使網站易於瀏覽並使其適合移動設備（響應式）。

UX/產品設計師的設計組合技巧

因為在 UX 設計過程中生成的大多數工件和可交付成果往往在視覺上並不令人興奮，所以 UX/產品設計師一直在努力構建一個能夠有效傳達他們的才能和技能的作品集。 但是有一種方法可以讓它發揮作用。

例如，拼貼和雙色調處理是可用於 UX 工件的兩種技術。 在您專注於展示您的設計過程時，部署能夠傳達適量信息的速效視覺效果。

提供論文和設計理由來解釋你為什麼做你所做的。 展示沿途收集的關鍵知識以及您的設計決策如何影響特定結果。 談談你的批判性思維如何揭示用戶行為、動機和需求。 這樣做將使客戶更好地了解您的產品思維過程、方法和策略。

當人們瀏覽您的作品集時，請明確 UX 的哪些方面在您的駕駛室中。 你處理視覺設計還是UI設計？ 你做用戶體驗研究嗎？ 您在給定項目中的角色是什麼？ 描述問題是如何解決的，以及你是如何找到解決方案的，但要簡短。

UX 設計師需要將他們的作品集視為以用戶為中心的設計項目。 使其用戶友好。 想想客戶在尋找什麼。 證明您了解整個 UX 生命週期的方式。

要避免的設計組合錯誤

任何妨礙有效的作品集審查的事情都會影響設計師被錄用的能力。 當客戶和招聘人員遇到障礙時，他們更有可能轉向下一個設計師組合。 一些常見的錯誤：

• 作品集展示過於特殊且“過於有創意”，這會妨礙可用性並使導航變得困難。 使投資組合易於審查。 最好對作品留下深刻印象，而不是作品集的設計。 重點應該放在交付客戶正在尋找的東西上，而不需要過多的花哨。
• 不要對演示文稿半心半意。 汗水細節。 拼寫和語法檢查您的文本。 客戶還評估設計師的專業水平。
• 不清楚你是什麼類型的設計師，你正在尋找什麼，以及你更願意與哪些行業和企業合作，即電子商務、B2C、品牌、移動、初創公司、大公司等等。
• 避免無休止的滾動頁面。 將演示文稿分解成更小的部分，供客戶消化。 沒有關於你是誰的詳細介紹，把它放在關於頁面上。
• 避免展示雜亂無章、隨意的作品圖片，同時不告訴訪客項目的內容。 記得講一個故事。 始終提供上下文。 人們沒有時間解讀長篇大論的文本和大雜燴的圖像集合。
• 使用設備模型來放大設計，而不是分散設計的注意力。
• 不要試圖對演示過於花哨（使用傾斜的 3D 設備模型和等距圖像）。

• 沒有明確說明您在項目中的角色。 尤其是在較大的團隊和項目中，對您的參與保持透明至關重要。
• 如果您正在尋找 UX 設計職位，請先關注您的 UX 項目，然後再展示 UI 設計工作。 將用戶體驗案例研究放在首位，向審閱者表明你的優勢和興趣所在。
• 不要展示品牌風格指南，然後展示不反映它的作品。
• 不要在項目庫中顯示將人們帶到“即將推出”的頁面的圖像。 從圖庫中刪除該項目，直到它準備好。
• 不要讓你所有的案例研究看起來都一樣——一種枯燥的、模板化的格式，一個項目到另一個項目。 以另一個角度呈現不同的故事，並改變文物以保持遊客的參與。
• 不要只展示你工作過的大品牌公司的截圖。 相反，專注於您如何交付價值。 在 Facebook、谷歌或亞馬遜工作並不像仔細考慮過你所做的事情和工作的影響那樣令人印象深刻。
• UX/產品設計師應避免在沒有上下文的情況下展示無數的 UX 工件和成品，而無需遍歷其背後的過程。
• 歪曲工作是立即關閉的。 例如，使用任何人都可以購買的 UI 工具包和網站模板。 有些客戶可能不熟悉它們，但許多招聘人員和設計經理卻很熟悉。 即使設計師暫時僥倖逃脫，很快就會發現他們不具備交付這種質量設計的技能。

設計師可以在哪裡建立在線作品集？

今天，有各種無代碼和基於模板的投資組合網站可供使用：Webflow、Without Code、Tilda、Squarespace、Wix、Editor X 和 Semplice，僅舉幾例。 其中，免費產品往往令人印象深刻，與託管公司品牌和子域的使用有關。 付費計劃每月從 6 美元到 15 美元不等，它們使設計師能夠構建具有專業外觀的產品組合併使用自定義域名。

最後的想法

在線設計作品集是您向世界展示的作品，可能會為您提供下一份工作。 如果你沒有在它的創作上投入足夠的時間，它就會成功。 要成功設置它，您必須精心規劃其內容、結構和佈局。

當設計師考慮如何構建作品集時，他們可能想要探索其他設計作品集以向他們學習。 特定的投資組合有什麼好處？ 什麼有效，什麼無效？ 如果你是客戶，你會聘請那個設計師嗎？

當客戶審查投資組合時，他們將自己投射到與您未來的工作關係中。 他們想知道，這位設計師的經驗、工作和技能如何適用於我的情況？ 在我的項目上與他們合作會是什麼感覺？ 設身處地為客戶著想。 知道他們只在您的作品集上花費幾分鐘，讓他們可以輕鬆訪問最重要的信息並查看您的最佳作品。

讓我們知道您的想法！ 請在下方留下您的想法、評論和反饋。

• • •

進一步閱讀 Toptal 設計博客：

• UX 組合技巧和最佳實踐
• 展示設計作品：正確的方式
• 關於流程的一切——剖析案例研究組合
• 保持敏銳——如何在工作消退時提高創造力
• 最佳 UX 設計師作品集——鼓舞人心的案例研究和示例