不管你做什么樣的設(shè)計，一個在線交互設(shè)計作品集都是必備的。在大多數(shù)情況下，公司和客戶根本不會考慮你是做什么工作的。雖然很多交互設(shè)計師可能認為自己的工作不能很好地以視覺化的方式呈現(xiàn)出來，但一個作品集對于交互設(shè)計工作來說真的很重要。

在交互設(shè)計作品集中，可以引導(dǎo)人們了解你的工作流程，分享你在簡歷甚至談話都無法完全闡述出的細節(jié)。一個交互設(shè)計作品集將幫助面試官和用戶都能更好地理解你的想法，以及你與眾不同的地方。

通過與Semplice（我的設(shè)計師作品集系統(tǒng)）的合作，我看到了很多例子，這些例子表明：即使是復(fù)雜的交互設(shè)計工作也可以漂亮的作品集的方式呈現(xiàn)出來。 我們可以去留意一些有才華的UI設(shè)計師的作品集，學(xué)習(xí)用可視化的方式來展現(xiàn)你的作品集，進而讓人們對此留下深刻的印象。

1. Kurt Winter

我最喜歡Kurt 的交互設(shè)計作品集的一點是：它看起來最不像是一個作品集。對于交互設(shè)計作品集來說，很容易塞滿一些原型圖，堆砌文字。 Kurt 確實分享了所有必要的細節(jié)，但同時成功地使它具有視覺吸引力。注意觀察一下他的布局、圖標和文本，這些都是值得學(xué)習(xí)借鑒的。

訪問Kurt Winter的作品集：http://sem

2. Liz Wells

Liz Wells 是我們交互設(shè)計作品集的代言人。 她的作品集不僅讓人眼前一亮，而且讓人很容易理解她到底在做什么，以及她的作品是如何融入一個成功的最終產(chǎn)品的。每個案例研究都講述一個具有相似結(jié)構(gòu)的故事：

項目摘要目前的任務(wù)用戶體驗的挑戰(zhàn)UX解決方案

這使得讀著很容易理解她從頭到尾的方法流程。最令人印象深刻的是，她用了大量的圖片來說明她的創(chuàng)作過程: 早期的草圖，批注筆記，線框圖。 許多這樣的視覺效果都是簡單地從筆記本上撕下來的，或者快速地寫在白板上——這些視覺效果是任何UX設(shè)計師在隨時隨刻都能得到的。但 Liz 做的還遠遠不止這些，她拍攝這些筆記就像你拍攝印刷品一樣，有互補的背景和可愛的小道具。她將最終產(chǎn)品的圖片和視頻呈現(xiàn)出來，讓這個項目在屏幕上栩栩如生。

你可能會認為沒有太多要展示的過程，尤其是策略和研究階段，但是即使是頭腦風(fēng)暴的速記筆記也可能對你的交互設(shè)計作品集有價值。 將這些小片段保存在你的整個項目中，你會驚奇地發(fā)現(xiàn)這個故事在之后是多么的容易拼湊起來。

訪問Liz Wells的作品集：https://www.

3. Isa Pinheiro

與Liz的“幕后“式的案例研究相反，Isa Pinheiro在她的交互設(shè)計作品集中分享了精美的成品，并解釋了她的工作如何影響最終用戶。

以她在日本鐵路系統(tǒng)的項目為例。Isa在頁面中嵌入了交互式原型，因此讀者可以直接從她的產(chǎn)品作品集中體驗成品。如果你沒有從早期項目階段分享的點點滴滴，這是一個很好的解決方案。

（用墨刀做的交互原型，可以獲取分享鏈接分享到作品集里）

艾薩（Isa）還花時間在自己的作品集中添加了一些個人風(fēng)格。看看她的兩個獨特的導(dǎo)航選項：一個是帶有兩個直接菜單項的全屏導(dǎo)航，另一個是每個項都配圖的圖像式導(dǎo)航。平滑的滾動和全屏封面滑塊為她的交互設(shè)計作品集增添了視覺沖擊。

n%20Yilmaz

4. Oykun Yilmaz

Oykun Yilmaz 擅長用一句話介紹客戶并簡要概述項目目標，從而使他的項目摘要簡短而優(yōu)美。 但是他會確保用精準的數(shù)字來呈現(xiàn)具體的結(jié)果，這往往是許多交互設(shè)計作品集案例研究都缺乏的。交互工作在人們看來似乎是抽象的，所以可以通過解釋你的工作是如何產(chǎn)生實際影響的，讓它具體化。

訪問Oykun Yilmaz的作品集：https://www.semplic

5. Naim Sheriff

Naim Sheriff的主題對于讀者來說看起來很簡潔，使讀者看起來很真實。 以他的Ideapaint案例研究為例，他在其中分享“設(shè)計探索”階段的重要性，以及他通常如何進行。 甚至例出了在項目過程中問自己的問題，例如：“我們?nèi)绾纬晒φ故境鱿嗨飘a(chǎn)品之間的差異？用戶怎么知道該為其的空間買多少油漆?” 隨后，他們團隊分享了解決方案。

對于那些可能需要交互設(shè)計師，但又不了解內(nèi)部術(shù)語和工作方式的客戶來說，這樣的交互設(shè)計作品集更加接地氣。這樣的作品集能讓任何人，即使是招聘員（可能對設(shè)計一無所知）都容易理解你所做的工作。

訪問Naim She

6. Sebastián Martínez

SebastiánMartínez 用單頁作品集的方式帶你了解他的作品。 他的案例研究很短，但是他做了很多設(shè)計師忘記做的一件事：他分享了他對最終產(chǎn)品的感覺。 “這是我感到自豪的最完整，最有趣的產(chǎn)品之一，”SebastiánMartínez談到他的 Monkop Test Cloud 項目時說道。分享對工作的感受不會花費你的太多時間，但很有價值。

在我們的“如何在X找到工作”系列中，我采訪了頂級公司的設(shè)計師和招聘人員，只是詢問我們?nèi)绾文軌蛟谒麄兊脑O(shè)計團隊中獲得一份理想的工作。 他們中的許多人都說，他們想知道你對項目和結(jié)果的看法。 它給你的工作帶來了深度，并給了我們一個進入你心靈的窗口。

訪問Sebastián Martínez的作品集：https:/

7. Husam Elfaki

Husam Elfaki的交互設(shè)計作品集案例研究在第一段會介紹項目、目標和結(jié)果。但他并沒有就此打住，把一堆照片扔在下面，而是將項目分解，解釋項目的每一部分。

不要想著放上圖片你的讀者能夠理解它們的意思——花時間去寫上標題或簡短的摘要，解釋你項目的來龍去脈。

訪問Husam Elfakt_post

8. Kali and Karina

從概念到成品，Kali and Karina 的工作涉及到全流程。她們很少提到UX/UI這些字眼，但這都隱含在他們的案例研究中。從精心設(shè)計的用戶旅程、黑白草圖到高保真的原型圖，她們像講故事一樣分享她們的項目。

（通過墨刀制作的高保真交互原型）

9. Elliot Owen

Elliot Owen 呼吁人們注意特定的手勢、互動和經(jīng)驗，這使他的項目取得成功。以他的 British Airways 為例。

他展示了小的功能或特性如何對項目產(chǎn)生重大影響。 而且他在合適的地方使用的GIF，不是為了讓觀眾眼花繚亂或分心，而是準確地展示了他的交互設(shè)計項目的工作方式。

訪問Elliot Owen的作品集：https://www.

10. Veda Dsiljak

Veda Dsiljak的案例研究幾乎就像是產(chǎn)品營銷頁面，他們的作品銷售得如此出色。不只是用產(chǎn)品或項目的標題來命名頁面，而是為它們撰寫一個性標題。它們的作用就是一開始就引起人們的興趣。 他在每個案例的結(jié)尾都添加了原型的下載鏈接，以便讀者可以親自體驗。

訪問Veda Dsiljak的作品集：https:

11. Jason Yuan

我們以上分享的一些示例是允許你在作品集上直接跟原型進行交互，但 Jason Yuan 是使用帶有鼠標操作軌跡的視頻來可視化體驗。通過這種方式，他能引導(dǎo)讀者無障礙地明白產(chǎn)品的使用過程。

年輕設(shè)計師們可以學(xué)習(xí)這一點：Jason為Apple設(shè)計的作品是自發(fā)的重新設(shè)計，但設(shè)計是如此詳盡周到，感覺就像是真正的客戶作品。 自發(fā)的重新設(shè)計是一種很好的方式，可以在你的職業(yè)生涯初期或你希望進入新的設(shè)計道路時展示你的技能和興趣。 我總是建議說不要給像蘋果這樣的大公司進行自發(fā)設(shè)計，因為它們已經(jīng)是一個成熟的知名品牌，這太容易了。 不過對于Jason來說，他成功做到了對FastCoDesign，Next Web，Mic等產(chǎn)品的設(shè)計。

訪問Jason Yuan 的作品集：https://www.semplice.com/showcase/jasonyuan

在創(chuàng)建交互設(shè)計作品集時，就像在日常工作中一樣，需要深思熟慮以及具有戰(zhàn)略性。 花一些時間來解釋你的流程，讓你的讀者了解你工作的每一個步驟，并說明它是如何產(chǎn)生影響的，這樣你的交互設(shè)計作品集就能被記住了。

MVP學(xué)習(xí)網(wǎng)由墨刀編譯自Vanschneider的10 inspiring ux portfolios and why they work。

墨刀作為一款在線原型設(shè)計與協(xié)同工具，已經(jīng)幫助眾多產(chǎn)品經(jīng)理和設(shè)計師們輕松做出交互原型，展現(xiàn)和驗證設(shè)計想法，還支持多人協(xié)作編輯，分享和評論。新注冊用戶即可獲得墨刀高級企業(yè)版的15天免費試用！開始體驗一下吧！