現今，一份有特色，美觀且優秀的在線作品集，同簡歷一樣，對UX設計師或自由工作者們能否找到一份滿意的工作或吸引到更多的潛在用戶，發揮著重要的作用。但是，作為沒太多經驗的設計師或或剛入行新手，設計並創建一份詳盡完善且吸引眼球的在線作品集並不容易，對吧? 所以，為了幫助大家解決這方面的問題，這裡收集了10個優秀的UX設計師在線作品集，供大家欣賞和學習，希望能對你有所幫助：
1. Bret Victor
1). 設計師：Bret Vector
2). 作品集亮點
*獨特的老電影主題
設計師設計本作品集時，添加了很多的電影元素，比如帶有細微刮痕的褐色老電影背景，如電影膠片般的的圖片邊框等等，旨在給網站來訪者一種觀看老電影般娓娓道來的體驗。賦予作品集個性的同時，也更具吸引力，能夠讓來訪者在網站上停留更長的時間。
*每個部分內容豐富詳盡
設計師也為作品集的每個部分添加了豐富且詳盡的內容，在展現其UX設計技能的同時，也能讓閱讀者們更加了解設計師本人。
*添加了一個非常有趣的「藝術/樂趣/其它」模塊
與網絡上可搜索到的標準個人作品集模板不同，設計師特別為其作品集添加了一個非常有趣的「藝術/樂趣/其它」模塊，逗趣讀者的同時，也能讓他們擁有更好的閱覽體驗。
3). 學習點
*選擇一個吸引眼球的主題
因此，在設計完成你的個人作品集時，也可以適當選擇並添加一個特別的主題，給來閱覽網站的面試官或客戶留下深刻的印象。
*添加一些額外的有趣信息，讓面試官或客戶更了解作為設計師的你
當然，適當的添加一些積極的有趣信息，也能使作品集本身更具可讀性。
2. Gregor Kalfas
1). 設計師：Gregor Kalfas (UX設計師)
2). 作品集亮點
*一份具有手繪風格的優秀作品集
設計師設計作品集時，添加許多的手繪元素，例如手繪紙圖樣的背景，手繪標題，字體以及圖片等等。而這些元素對於長期從事或參與UX設計的面試官，客戶或設計師來說，是非常熟悉的，在吸引他們關注網站的同時，也能迅速的拉近距離，留下深刻印象。
*作品集設計結合了UX設計的特點
UX設計過程中，為儘快迭代產品想法，提出更優質的設計方案，設計師或產品經理常常會手繪各種產品軟體草圖或製作產品應用交互原型，來測試其想法的可行性。而本作品集設計師抓住這一UX設計的特點，添加了相關的手繪元素和原型交互效果， 讓整個作品集更像是一個編輯完善的動態網頁原型，而不是通過編碼實現的在線網站（雖然它的確是編碼而成的在線網站）。而這一點本身就很有特色。
*添加了Q&A的模塊，豐富了作品集內容
為豐富作品集內容，網站在「設計師故事」模塊，添加了Q&A的部分，解答關於設計師的相關問題，也讓讀者更加了解設計師。
3). 學習點
*結合UX設計特點優化作品集設計
在你的作品集之中，也可儘量結合一些UX設計的元素或特點。例如，添加一些設計草圖圖片，圖標，字體或直接選擇一些原型主題之類。
3. Christina Richardson
1). 設計師：Gregor Kalfas (UX設計師)
2). 作品集亮點
*作品集界面簡單整潔
無論是個人介紹部分，設計項目展示部分，以及聯繫信息部分，設計師都儘量做到簡單整潔。 這也使整個作品集更易讀，且便於來訪者更多的集中於網站所列舉的具體設計項目信息。
*作品集添加了一個獨特清晰的線性地圖
設計師特別添加了一個獨特清晰的線性地圖，來展示他的UX設計經歷。非常直觀新穎。
3). 學習點
*添加線性地圖或樹狀結構，簡潔形象地介紹相關信息
在你的作品集設計之中，也可適當的添加一些線性地圖或樹狀結構，簡單直觀的介紹相關信息。
*簡單整潔的網頁界面也可以出彩
設計師作品集沒有特定的風格和模式，簡單整潔的網頁界面設計也可以出彩。
4. John Ellison
1). 設計師：John Ellison (產品設計師)
2). 作品集亮點
*作品集添加了有趣的個人視頻
作品集網站首頁優先添加了有趣的個人小視頻。對設計師本人相關信息和工作進行介紹的同時，也激起了網站訪問者對設計師本人的興趣，激勵他們繼續閱讀下去。這種採用短小視頻吸引訪問者停留閱讀的方式也是值得效仿的。
*分類羅列作品，增強網站可讀性
視頻過後，設計師針對自己的優秀設計作品進行了分類羅列，一方面使網站更加整潔，內容更加清晰的同時，又能增強網站內容可讀性。
3). 學習點
*添加各式小視頻，增加網站趣味性
5. Andrew Doherty
1). 設計師：Abdrew Doherty (產品經理)
2). 作品集亮點
*作品集簡單直觀
不同於一般個人作品集，通過添加或堆積圖片，設計案例和相關設計模塊來吸引讀者，這個作品集更像是一份個人簡歷。只添加了一張設計師圖片和幾行相關的描述， 簡單直觀。
*包含所有必要作品集因素
儘管所羅列的內容很簡單，但作品集也包含了所有必要的因素，例如設計師個人介紹，設計師作品及文章，聯繫方式等等。那麼設計師是怎麼做到的呢？答案很簡單。給描述中的必要關鍵詞添加上連結即可。連結總是能很有效的拓展網站功能和內容。
3). 學習點
*作品集也可以簡潔且內容豐富
*適當連結一些關鍵詞拓展網站內容
6. Eva Lotta Lamn
1). 設計師：Eva Lotta Lamn (UX 設計師)
2). 作品集亮點
*作品集簡單卻不平凡
儘管點入作品集網站之後，映入眼帘的只有幾句關於設計師的簡單介紹，但你仍然可以通過點擊添加了連結的紅色關鍵詞，瀏覽設計師網頁和界面設計，草圖以及所撰寫的設計書籍之類相關作品。
*採用了漂亮的插畫風
設計師設計作品集網站時，整體採用了插畫風。在網站中加入了各種黑白卡通動物插畫。而且，每次點擊進入網站，都會顯現不一樣的卡通插畫，例如雨中玩耍的貓咪，從上墜下的蜘蛛，以及調皮的章魚等等，非常可愛有趣。
*充分利用側邊欄拓展作品集內容
為了使整個網站內容不會太過簡單，設計師充分利用側邊欄添加了更多的內容模塊。點擊即可查看詳情，簡單方便。
3). 學習點
*利用插畫美化作品集
在設計你的作品集時，也可以利用多樣的插畫美化網頁。
*利用側邊欄豐富作品集內容
7. Kristian Tumangan
1). 設計師：Kristian Tumangan (UX設計師)
2). 作品集亮點
*作品集展示了優秀的手機端應用UX設計作品
設計師挑選並展示了多個手機端應用UX設計作品，而其中幾個非常不錯。
*展示了各種視覺設計作品
作為一個專注於UX和視覺設計的多學科設計師，Kristian 還另外展示了一些很優秀的視覺設計作品。這也會是吸引訪問者的一個亮點。
3). 學習點
*正確選擇和添加優秀的設計作品
即使只是設計新手或毫無設計經驗的畢業生，在完成個人作品集時，也要學會取捨，儘量挑選和添加一些更優秀的UX設計作品。展示的設計越優秀，獲得面試的機會才會更大，不是嗎？何樂而不為了呢！
8. Nan Wang
1). 設計師：Nan Wang (UX/產品設計師)
2). 作品集亮點
*作品集採用了特色的中國水墨畫風格
設計師設計作品集時，統一採用特色的中國水墨畫風格。添加了一系列的水墨風圖標，字體和圖像，美觀形象。
*作品集添加了動畫，更生動形象
一般而言，相較於靜態的圖片，動態的圖片或視頻更容易引起讀者的注意。因此，設計師在實際設計其作品集時，適當的添加了一些動圖，例如動態的背景圖，以便吸引網站訪問者的注意。
3). 學習點
*設計一個統一的作品集風格
*為作品集添加生動直觀的動圖或視頻
9. Office of Choy
1). 設計師：UX設計辦公室
2). 作品集亮點
*作品集側重展示了其各種UX設計作品
作品集主頁上並未提供專門的模塊介紹設計師具體情況，而是花費大量篇幅介紹了其獨具特色的產品設計作品。如此，更有利於吸引一些看重設計師能力，希望更多查看設計師真實作品的網站訪問者。
而且，由於該作品集更多的將重心放在展示UX設計作品上面，每個具體的作品也適當的添加了詳盡的細節描述，例如設計迭代過程，參與設計師情況，用戶研究情況以及設計結果與反響等等，方便麵試官或客戶更加全面的了解設計案例詳情。
3). 學習點
*必要的時候側重強調作品集的某一個部分或方面
10. Edmund Yu
1). 設計師：Edmund Yu (UX設計師)
2). 作品集亮點
*作品集採用圖片聯播的方式展示設計師的作品和技能
作為擁有12年UX設計經驗的設計師，相較於逐個羅列冗雜的各類真實設計案例，Edmund Yu 選擇了更加簡單有效的方式展示其設計技能，即添加了聯播的各類案例圖片，更加詳盡直觀。
*通過羅列收錄設計師作品的網站和文章，側面證明了設計的能力
除了提供一些優秀設計作品的圖片展示，設計師還專門設置了「Mention」模塊，羅列收錄其作品的各種網站和文章，側面證明其設計技能，更加高效具體。
3). 學習點
*圖片冊展示也可以使設計師作品展示更加簡單直觀
*提供一些側面證明展示你的設計能力
總結：
以上就是所有為大家搜集的10個優秀UX設計師在線作品集網站。儘管它們可能並沒有做到各方面都絕對完美，但有些實例的設計理念，也是非常新穎有趣，值得你在設計個人作品集的過程中加以運用和嘗試。總之，希望這些優秀實例能真正的給你帶來靈感。
你可能也會喜歡：
如何讓你的UI設計作品集脫穎而出？
如果沒有UX設計經驗，如何創建個人UI設計作品集？
設計製作作品集網站的真正作用是什麼？
掃描二維碼，關注 「摹客」 微信公眾號