如果你從事任何設計領域的工作–平面設計、使用者體驗設計、網站開發–你都需要一個作品集。
對於設計師和其他創意人員來說，線上作品集有助於記錄你的工作，你可以在這裡看到自己隨著時間推移所取得的進步，並向潛在客戶和僱主展示過去的專案。它還能幫助你建立信譽，打造個人品牌，與本領域的其他人建立聯絡，並展示你的技能。
但眾所周知，自我推銷絕非易事。這就是本指南的作用所在。如果你需要一些個人作品集的靈感，請繼續閱讀。下面，我們提供了 26 個設計作品集範例–來自最優秀的設計師–幫助你開始自己的設計之路。向這些大師學習，準備展示你的最佳作品吧。
什麼是設計作品集？
設計作品集是你作為設計師的作品集，展示你的技能、經驗和創造力。它通常是由圖片、影片或其他媒體組成的數字集合，以專業和精煉的方式展示你的設計作品。
為什麼需要設計作品集？
作為一名設計師，設計作品集是必不可少的，因為它可以向潛在客戶、僱主或合作者直觀地展示你的技能和經驗。它可以讓你展示自己的設計作品，證明你有能力解決設計問題、在限制條件下工作並提供有效的設計解決方案。
以下是你需要設計作品集的幾個原因：
- 展示你的技能： 設計作品集是向潛在客戶、僱主或合作者展示你的設計技能和專業知識的絕佳方式。透過以專業、精緻的方式展示你的作品，你可以展示你的設計能力，並傳達你作為設計師的價值。
- 讓自己與眾不同： 在競爭激烈的設計領域，擁有一份與眾不同的作品集可以幫助你從其他設計師中脫穎而出。透過展示自己獨特的風格、方法或視角，你可以展現自己的創造力，並表明你能帶來與眾不同的東西。
- 打造你的品牌： 設計作品集也是建立和發展個人品牌的一個機會。透過以連貫一致的方式展示自己的作品，你可以確立自己作為設計師的身份，並給潛在客戶、僱主或合作者留下深刻印象。
- 吸引新客戶或僱主： 設計作品集可以展示你提供有效設計解決方案的能力，從而幫助你吸引新的潛在僱主和客戶。此外，透過展示你過去的成功經驗和突出你的設計過程，你可以與潛在客戶、僱主或合作者建立信任，增加被聘用的機會。
你一定想看的26個設計作品集範例
準備好建立自己的作品集了嗎？在開始之前，先看看這些作品集網站和範例–一些網路上最時尚、最有創意、最具創新性的作品集–來激發你的靈感。
1. Bruno Simon
Bruno Simon 是巴黎的一名創意開發人員，他的作品集網站是你能看到的最獨特的網站之一。進入作品集後，你可以用鍵盤在虛擬世界中駕駛一輛小車，把車停在西蒙過去的專案上，檢視更多細節。
2020 年，西蒙極富創意的作品集獲得了 awwwards 年度網站獎。這種形式並不適合每一位設計師，但如果你能設計出這樣引人注目的作品集，它將是讓你的作品集脫穎而出的好方法。
2. Sophie Brittain
Sophie Brittain 是紐約的一名產品設計師，她的線上作品集走的是一條簡單得多的路線。在一個有趣、多彩的載入頁面之後，Sophie 的作品集看起來大同小異： 大量的色彩（同時也有大量的留白，使其更加突出）和一個簡單、可滾動的主頁，重點展示了她的幾個最佳專案。雖然設計中使用了最少的 Flash，但依然效果顯著，令人過目難忘。
3. Jessica Hernandez
傑西卡-埃爾南德斯（Jessica Hernandez）是一名使用者體驗研究員和學校輔導員，家住灣區。她的作品集與眾不同，因為她有著獨特的工作經歷，但依然個性十足。
傑西卡使用了表情符號和插圖，讓她對色彩和設計的熱愛在作品集的每個部分都得到了體現。她甚至還加入了一個互動環節，讓訪客“認識”她的寵物狗 Neo，並幫助它撿起虛擬玩具。
這就是 Jessica 的作品集，它展現了 Jessica 的創造力和對樂趣的熱愛，如果您的專案需要這種氛圍，您一定會想聘用她。
4. Diana Tatarenko
Diana Tatarenko 是一位視覺設計師，擅長使用者體驗和使用者介面設計。她的作品集設計引人注目，充滿了簡潔的線條和獨特的字型。但真正使其與眾不同的是 Diana 如何向潛在的新客戶和僱主展示她以前的作品。
Diana 並不只是在專案頁面上展示她的設計，而是邀請作品集的瀏覽者瞭解她的設計過程。對於每個專案，她都會解釋客戶需要解決的問題，以及她是如何透過設計幫助客戶解決問題的。這種獨特的方式一定會幫助潛在的新客戶在見到她之前就對她的作品建立起信心。
5. Studio Feixen
Studio Feixen 是一家位於瑞士的設計工作室，擁有大量值得炫耀的作品。該工作室最大限度地利用不同尺寸的螢幕截圖和圖形來展示其過去的大量作品，而且所有圖片都像拼圖一樣拼接在一起，即使大小不一，看起來也很有凝聚力。這充分體現了工作室的設計能力，有助於建立對其作品的信心。
6. Christina Kosik
加拿大設計師兼 Webflow 開發人員克里斯蒂娜-科西克（Christina Kosik）利用她的作品集確保最重要的部分熠熠生輝： 她的作品。
Christina 採用簡單、簡約的設計，確保她的特色專案脫穎而出–她做出了一個非常規的選擇，將她的作品放在登陸頁面的頂部，在你瀏覽完她的工作經歷後 再介紹她自己。
7. Run Wild Design
Run Wild Design 公司的克里斯身兼數職： 使用者體驗/使用者介面設計師、插圖畫家、品牌開發人員和藝術總監，等等，不一而足。但 Run Wild 在他們的作品集中做得很好的一點是，展示了所有這些不同的經驗和專業技能，同時又不會讓網站感覺雜亂無章或過於冗長。
再加上登陸頁面上的創意影片背景，Run Wild 的網頁設計充分體現了他們的品牌塑造能力–他們的頁面是對品牌凝聚力的研究，表明這是一家值得信賴的公司，可以為您的專案或公司建立和發展品牌。
8. RoAndCo
位於紐約的設計工作室 RoAndCo 由創意總監 Roanne Adams 創立。該作品集網站透過視覺愉悅的網格佈局、分屏圖形、全屏影片和其他引人注目的設計元素，真正捕捉到了 Roanne 的編輯經驗。
讓 RoAndCo 作品集與眾不同的是，它在桌面大螢幕和手機上都非常美觀。當你有如此多的視覺元素時，響應式設計可能會很棘手，但這個作品集展示了它是如何做到的。
9. Brenna Hamilton
創意總監布倫娜-漢密爾頓（Brenna Hamilton）在她的作品集中展示了大量的過往作品，但她採用了一種時尚、優雅的佈局，以確保能將所有作品都收納其中，而不會讓頁面顯得雜亂無章或不堪重負。
幫助 Brenna 從眾多作品中脫穎而出的一點是她如何支援自己作品的影響力。在她的作品集中，有一整頁都是她過去客戶的案例研究，不僅展示了她所做的工作，還展示了她的工作所帶來的實際效果。
10. Timothy Maurer
作為使用者體驗設計師和低程式碼開發人員，Timothy Maurer 將自己的工作描述為：“清晰、簡單、專注、好奇”。
從他的作品集中就可以看出這一點，他使用了簡單的佈局，將他過去的所有專案串聯起來。他有多年的經驗可以展示，而這個簡潔的作品集可以幫助他展示他為過去的客戶所完成的工作的真正廣度–而不會讓作品集有壓倒性的感覺。
11. Saloni Joshi
薩洛尼-喬希（Saloni Joshi）是一位擁有使用者體驗經驗的設計師，目前在谷歌工作，但她的作品集跨越了她的職業生涯，過去曾為山姆會員店（Sam’s Club）和動態訊號（Dynamic Signal）等公司做過專案。
薩洛尼采用簡單的互動式佈局，訪客可以滾動瀏覽她的作品，看到代表專案成品的螢幕截圖和圖形。但點選一個專案，就會跳轉到一個帶有綜合案例研究的詳細頁面，薩洛尼在這裡解釋了她在網站上分享的每件作品所面臨的挑戰和製作過程。
12. Robin Mastromarino
Robin Mastromarino 是巴黎的一名介面設計師，他的作品集設計獨特，令人過目難忘，讓人過目不忘。
羅賓的作品集採用了水平滾動的方式，動畫效果讓每個專案看起來就像在一個滾輪上，滾動到全屏檢視。由此產生的使用者體驗異想天開，但仍然非常有效–你會被羅賓設計中所有的色彩和大膽的設計所吸引，這也是如果你聘請他所能獲得的介面的一個例子。
13. Andre Givenchy
安德烈-紀梵希（Andre Givenchy）是Segern設計公司的創始人，該公司曾與 Everyday Unicorns、Bambu Care 和 Gander 等品牌合作。安德烈的作品集簡單明瞭，但有一些關鍵要素使他從網路上眾多的作品集中脫穎而出。他對社交證明有著敏銳的理解–以及社交證明在數字時代推動商業決策方面的重要性–因此，他的網站上充斥著對其作品影響力的社交證明：例項、評論和推薦，以幫助強調他為多少客戶完成了出色的工作。
14. Dalya Green
Dalya Green 是耶路撒冷的一名多學科設計師，她的作品集簡潔而富有創意，效果顯著，雖然只有一頁紙，但仍然很有衝擊力。
Dalya 的作品集充滿了色彩和醒目的排版，直擊要害： 她的作品。雖然她的作品集將她的經驗放在最前面和中心位置，但她仍然注入了自己的個性（讓訪客有機會從更個人的層面瞭解她），你可以按一個按鈕，彈出關於她的趣事，比如她如何每天早上從澆灌她的陽臺花園開始。
15. Active Theory
Active Theory 是一家位於洛杉磯的創意數碼公司，它的作品集是如何平衡個人品牌與簡潔展示作品之間關係的大師級課程。
從進入 Active Theory 網站的那一刻起，它就成為了一種身臨其境的體驗，旨在營造一種氛圍：黑暗、邋遢，還有點賽博朋克的感覺。滑鼠啟用的螢幕閃爍和其他動畫效果讓這種體驗更加引人注目。
但是，當你瀏覽 Active Theory 的作品集時，頁面就變得簡單多了，整頁的影片保證你現在就能沉浸在該公司的體驗和設計中。這確保了每一位訪客都能充分關注這家公司的能力，而且效果驚人。
16. Dan Machado
乍一看，Dan Machado 的作品集簡單而簡約。但當你把滑鼠移到他的作品列表上時，頁面上就會出現大量的視覺效果，讓你對每個專案一窺究竟。
點選專案後，您將進入一個詳細頁面，在這裡丹結合影像和引人入勝的文案來講述每個專案的故事–他不僅展示他的作品，還展示他的過程和影響。
17. Lital Karni
位於特拉維夫的使用者介面和使用者體驗設計師 Lital Karni 的作品集乍一看非常簡單。但她使用了許多巧妙的設計技巧來吸引訪客，並不斷強化自己的個人品牌。
首先，她展示的每個專案都有一個自定義顏色的背景，目的是讓她的每個體驗部分都能讓人眼前一亮。
當訪問者滾動瀏覽 Lital 的作品集時，他們可能會注意到頁面上靜止不動的一件事： 她獨特的徽標設計，讓你可以從任何地方點選，回到頁面頂部的“關於”部分。即使你在瀏覽她的作品時，也能將 Lital 作為設計師的身份保持在最前沿和最中心的位置。
18. Velvet Spectrum
Velvet Spectrum 是澳大利亞數字藝術家 Luke Choice 的職業名稱。在他的線上作品集中，盧克讓自己的作品說話，以網格的形式展示靜態影像、三維圖形和動畫，展示了他廣泛的才華和技能。
盧克作品集網站上的一切都充滿了色彩，讓訪問者沉浸在他獨特的設計風格中，無需過多的言語–因為這裡根本不需要言語。
19. Greg Christian
來自紐約的設計師格雷格-克里斯蒂安（Greg Christian）將自己的作品集設計成一份（非常現代、非常酷的）簡歷。他首先列出了自己過去的角色、經歷和工作地點，然後展示了他的一些專案。整個作品集位於一個頁面上，方便訪客滾動瀏覽並瞭解他的作品。
20. Jung Hoe
UI/UX 設計師 Jung Hoe 的作品集簡潔明瞭，只用一個可滾動的頁面介紹他的身份，然後直接進入重要部分： 他的作品。不過，讓他的作品集與眾不同的是，透過切換開關，訪客可以看到他的專業作品集，也可以看到他的娛樂作品集。
這個小功能可以讓訪客真正瞭解 Jung 是誰以及他關心什麼，為他的作品集註入了大量個性，同時也使其更加有效。
21. Locomotive
總部位於蒙特利爾的數字第一創意公司 Locomotive 擅長創造數字體驗，他們沒有浪費任何機會，用自己的作品展示了這一點。他們的網站極具吸引力和互動性，吸引著訪問者不斷探索。
Locomotive 的作品集網站最引人注目的一點是他們如何使用俏皮有趣的動畫來增加視覺趣味。當然，這也是一種賭博–這種點綴可能會顯得噱頭十足或分散注意力。但是，Locomotive 證明，只要正確使用高質量的動畫裝飾，就能讓網站的所有小細節都熠熠生輝。
22. Kerem Suer
Kerem Suer 是舊金山的一名跨學科設計師，在他的作品集中，他把自己放在最前面和最中心的位置–畢竟，潛在客戶不僅要僱用他的作品，還要僱用他。
他在自己的“關於”頁面中引用了自己的演講內容，並從自己的社交媒體資料中摘錄了一些片段和資訊，以此增加自己的個性。為了更好地為潛在客戶服務，他還在聯絡頁面上新增了一些有用的資訊：他的可用性和平均響應時間。
23. Sophie Westfall
如果您需要新潮、現代的使用者體驗/使用者介面設計，在看過 Sophie Westfall 的作品集後，您一定會想聘用她。Sophie 的作品集線條簡潔明快，設計富有創意，並採用了當前最流行的設計趨勢，充分體現了她年輕、大膽、現代的風格。
24. Studio Thomas
托馬斯工作室（Studio Thomas）的作品也充滿了活力。這家總部位於倫敦的公司由一對托馬斯夫婦托馬斯-奧斯汀（Thomas Austin）和托馬斯-庫姆布斯（Thomas Coombes）創立，自稱致力於“為大膽品牌設計”。
當然，他們的作品也證明了這一點。在他們的工作歷史中，每個專案都有大膽的色塊、引人注目的動畫和全屏圖片，Studio Thomas 致力於在作品集的每個細節中打造他們的個人品牌。最終打造出一個引人注目、令人難忘、視覺效果極佳的網站。
25. Alex Beige
Alex Beige 是紐約市的一名自由職業者。如果您需要將功能性和使用者體驗與個性和趣味性融為一體的創意，他們的網站開發人員作品集值得一看。Alex 包含潛在客戶可能想知道的所有資訊： 他的經驗和技能、特色網站專案（附帶每個專案的圖片）、他的工作流程、與他合作的感受以及如何取得聯絡。此外，這一切都展現了亞歷克斯輕鬆愉快的風格–比如他的工作流程是如何以雲圖的形式呈現的，你可以點選並拖動雲圖在頁面上重新排列。
亞歷克斯對客戶體驗的關注還體現在他的自定義聯絡表單上，其中包括一些有用的欄位，可以選擇您對他的哪些專長感興趣，以及您的專案預算，這樣您就可以更容易地確定雙方是否適合合作。
26. Pierrick Calvez
如果說設計作品集的目的是自我宣傳，那麼居住在中國的插畫家皮裡克-卡爾維茲（Pierrick Calvez）則將其運用到了極致。
他的作品集簡單明瞭，將他的作品作為裝裱好的藝術品展示在一面數字畫廊牆上，讓訪客以一種極具視覺衝擊力的方式欣賞他的藝術作品。
但更巧妙的是，皮耶瑞克的作品集同時也是一家電子商務商店。如果他的作品有售，訪客只需點選幾下，就可以在頁面上購買。他的作品集是傳播他的藝術並在此過程中實現銷售的絕佳方式。
評論留言