面試UI設(shè)計(jì)師的小可愛們，是不是總是被面試官要求看看你們的作品集呢？作品集的重要性對(duì)于設(shè)計(jì)師可以說是不言而喻的，作品集不僅是設(shè)計(jì)師設(shè)計(jì)能力的最好證明，更是一塊求職時(shí)的金牌敲門磚。但要做出一份優(yōu)秀的作品集可不簡單，別著急，這里有Mockplus為大家精選的20份UI設(shè)計(jì)師作品集范例，一定能讓你靈感爆表。

一起來欣賞~

1. Yitong

Yitong目前在舊金山的Coinbase工作，他不僅熱愛設(shè)計(jì)，對(duì)技術(shù)更是充滿熱情，用他自己的話說，“在設(shè)計(jì)過程中使用技術(shù)，設(shè)計(jì)師就可以創(chuàng)造出更加優(yōu)質(zhì)的產(chǎn)品，甚至是一些超越了技術(shù)限制的產(chǎn)品，這樣，我可以在工作中取得更好的成就?！?

他的作品集有簡潔清晰的導(dǎo)航，作品集一共分為3個(gè)部分：作品展示，關(guān)于我和郵箱。Yitong很巧妙地展示了他豐富的工作經(jīng)驗(yàn)，他的每份作品都有精美封面，有些是產(chǎn)品高清圖，有些是生動(dòng)的GIF，有些甚至直接以視頻的形式展現(xiàn)，他還細(xì)心的在每個(gè)項(xiàng)目里做出了總結(jié)。

2. Jeremiah Shaw

Jeremiah Shaw是一位專注于3D插畫、動(dòng)畫、界面設(shè)計(jì)和品牌塑造的設(shè)計(jì)師。他目前在Google為兒童設(shè)計(jì)3D游戲，曾任職于Dropbox，Apple和Color Labs。他作品集的導(dǎo)航比較獨(dú)特，沒有遵循常見的風(fēng)格，而是設(shè)置在右側(cè)邊欄。Shaw使用了高級(jí)感的黑色，白色字體和彩色幾何圖形來形成對(duì)比，展現(xiàn)了很好看的界面效果。

Shaw在作品詳情頁還詳細(xì)展示了他的每一件設(shè)計(jì)作品，你可以看到作品的整個(gè)設(shè)計(jì)過程。例如他的作品Geo Jam Band，從鉛筆素描到最后的場景運(yùn)用，涵蓋的設(shè)計(jì)過程包含了鉛筆素描、建模、顏色、動(dòng)畫、聲音、音軌、場景和設(shè)置。

3. Balraj

Balraj是一位居住在英國倫敦的自由職業(yè)設(shè)計(jì)師。他熱衷于用戶界面設(shè)計(jì)，也會(huì)寫代碼。他的作品集看起來專業(yè)而高級(jí)。Circularchaos看起來更像是一個(gè)個(gè)人專屬網(wǎng)站，而不僅僅是一個(gè)作品集網(wǎng)站。他的網(wǎng)站主要包括5個(gè)部分：首頁、關(guān)于我、設(shè)計(jì)流程、作品集和聯(lián)系頁面。

你可以在他網(wǎng)站的作品集頁面查看他的作品，其中的分類也很細(xì)，包含：動(dòng)畫、品牌、編碼、插圖、交互、演示、UI設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)。另外，Balraj還分享了他的設(shè)計(jì)流程，主要包含用戶需求、頭腦風(fēng)暴、用戶體驗(yàn)設(shè)計(jì)、視覺設(shè)計(jì)、原型設(shè)計(jì)、動(dòng)畫和測試。這是一種可以快速迭代且適應(yīng)性強(qiáng)的設(shè)計(jì)流程，可以很好的解決用戶需求。

4. Charlie Waite

Charlie Waite是GoPro的體驗(yàn)設(shè)計(jì)總監(jiān)，曾任Focus Lab的交互設(shè)計(jì)師。他本人還很喜歡寫作，文章都發(fā)表在Medium平臺(tái)上。他的作品集首頁設(shè)計(jì)很有意思，首屏上有一個(gè)有趣的CTA，上面寫著“Say Hello！”，仿佛在和你打招呼。界面分為了2個(gè)部分，當(dāng)你滾動(dòng)鼠標(biāo)時(shí)，左側(cè)界面保持靜止不動(dòng)而右側(cè)則會(huì)呈現(xiàn)不同的背景圖滾動(dòng)效果。

5. Mengdi Zhang

Mengdi Zhang是一名產(chǎn)品設(shè)計(jì)師，目前任職于紐約的DigitalOcean公司。她的作品集是我最喜歡的一個(gè)，真的是好看極了，手繪風(fēng)格的插圖和落葉非常美觀，我第一眼看到就忍不住想要去了解這個(gè)設(shè)計(jì)師。她采用了單屏設(shè)計(jì)，你可以點(diǎn)擊下面的小圓點(diǎn)按鈕查看更多頁面。同時(shí)，她的簡歷與她的作品集風(fēng)格保持一致，可以下載PDF格式。

6. Simon Foster

Simon Foster是一位屢獲殊榮的前端網(wǎng)頁設(shè)計(jì)師。他專注于直觀，易用和美觀的響應(yīng)式網(wǎng)站設(shè)計(jì)。他的作品集不走尋常路，如果你第一次看到他的作品集，也許會(huì)以為只是一些黑白的圖片凌亂的分布在界面上，但如果你將鼠標(biāo)懸停在上面，黑白封面立即就會(huì)呈現(xiàn)色彩，非常好玩。Foster還分享了他的網(wǎng)頁設(shè)計(jì)思路。

7. Sebastiaan de With

Sebastiaan de With是halidecamera公司的聯(lián)合創(chuàng)始人，也是一名自由設(shè)計(jì)師和攝影師。他喜歡圖標(biāo)設(shè)計(jì)和用戶界面設(shè)計(jì)，他作品集最大的亮點(diǎn)就是包含有一個(gè)個(gè)人博客，寫作對(duì)于設(shè)計(jì)師來說是一個(gè)加分項(xiàng)，能很好地表達(dá)自己的設(shè)計(jì)思維是設(shè)計(jì)師能力的體現(xiàn)。此外，該作品集的動(dòng)畫非很有趣，當(dāng)你打開網(wǎng)頁時(shí)，他的自我介紹會(huì)在你的屏幕上自動(dòng)輸入，感覺就像他正在你面前進(jìn)行自我介紹一般。

8. Bady

Bady是一位位于新加坡的用戶界面設(shè)計(jì)師，他目前在一家銀行做全職工作，他非常熱愛設(shè)計(jì)，認(rèn)為設(shè)計(jì)是解決人類問題的最好方法。他的作品集采用了大量的留白，界面干凈而舒適，還包含一個(gè)日志，記錄設(shè)計(jì)靈感。

9. Beta Takaki

Beta Takaki是一位位于溫哥華的UX和UI設(shè)計(jì)師。雖然這個(gè)作品集主要是針對(duì)UI設(shè)計(jì)，但是他對(duì)用戶體驗(yàn)和用戶界面設(shè)計(jì)都是充滿熱情的。如果你想看到他作品的詳細(xì)案例研究，可以通過linkedin聯(lián)系他。Takaki使用了網(wǎng)格排列來展示他的設(shè)計(jì)作品，看起來有序而規(guī)整。最吸引人的還是首屏的背景大圖，非常美觀。

10. Dan Shin

Dan Shin是一位居住在紐約的設(shè)計(jì)師，目前在Square任職產(chǎn)品設(shè)計(jì)師。他的作品集布局簡潔合理，主要由3個(gè)主要部分組成：首頁，項(xiàng)目列表和作品展示。首頁大圖和超大號(hào)文字創(chuàng)造了強(qiáng)烈的對(duì)比。Shin還采用了視差滾動(dòng)設(shè)計(jì)。

11. Mark Wheeler

Mark Wheeler是一位專注于交互和界面的設(shè)計(jì)師。他來自英國，現(xiàn)在在西雅圖工作。他的作品集網(wǎng)頁以抽屜作為導(dǎo)航，打開它你可以看到所有項(xiàng)目和作品集的詳細(xì)列表。

12. Sam Small

Sam Small目前在堪薩斯城工作，擔(dān)任Citrusbyte的UI/UX設(shè)計(jì)師。他的作品集最大的亮點(diǎn)就是大膽的配色，簡直就是一盤色彩盒，卻不顯得臟亂。

13. Kristen DeGraff

Kristen DeGraff是一位產(chǎn)品設(shè)計(jì)師，他擅長UX和視覺設(shè)計(jì)，與很多團(tuán)隊(duì)有過合作，他總是能攻克各類項(xiàng)目難點(diǎn)，并做出為以用戶為中心的設(shè)計(jì)解決方案，進(jìn)而提升品牌體驗(yàn)。他的作品集有三大亮點(diǎn)：圖標(biāo)，右側(cè)的固定社交媒體分享按鈕和可下載PDF格式的簡歷。

14. Corey Snyder

Tangerine Industries（TI）是Corey Snyder的個(gè)人作品集。Corey Snyder非常有名氣，他是曾獲得艾美獎(jiǎng)的設(shè)計(jì)師。他的作品集采用了水平滾動(dòng)，很是新穎。

15. Jackie Ngo

Jackie Ngo目前任職于一家創(chuàng)業(yè)公司，他曾為Uber、Apple、Beats music、ZURB、MadeService、Zooka Creative和1185 Design等品牌做過設(shè)計(jì)工作，擅長視覺設(shè)計(jì)、UX/UI、前端開發(fā)、插圖和品牌設(shè)計(jì)。Ngo最大的設(shè)計(jì)天賦就是對(duì)于字體的靈活運(yùn)用，簡直是錦上添花的一筆。Ngo的作品集也采用了視差滾動(dòng)設(shè)計(jì)。

16.Liana Kong

Liana Kong于2015年5月畢業(yè)于卡內(nèi)基梅隆大學(xué)，獲得過工業(yè)設(shè)計(jì)學(xué)士學(xué)位。她目前是Nest的一位設(shè)計(jì)師。她的每個(gè)作品封面上都有一個(gè)漂亮的白色小圖標(biāo)，小小的心思讓整個(gè)界面看起來更加連貫流暢。

17. Bryan Medway

Bryan Medway是一位創(chuàng)意總監(jiān)，擁有超過17年的設(shè)計(jì)經(jīng)驗(yàn)。Medway是一位用色大膽的設(shè)計(jì)師，他使用紅色作為背景顏色和懸停顏色。紅色可以很好的引起用戶注意并影響用戶的情緒和行為。

18. Kelly Kim

Kelly Kim是位于舊金山灣區(qū)的一位UI設(shè)計(jì)師，他的作品集設(shè)計(jì)采用了具有視差滾動(dòng)效果的大圖，非常具有視覺沖擊力。

19. Dine Initium

Dine是一家位于中國北京的創(chuàng)意設(shè)計(jì)工作室。這是一個(gè)聚集了他們工作室所有設(shè)計(jì)師作品的作品集網(wǎng)站，首頁提供了訂閱通道，你可以訂閱他們的信息，了解他們的最新設(shè)計(jì)作品。

20.Agustín Schelstraete

Agustín Schelstraete是一名產(chǎn)品設(shè)計(jì)師，目前就職于一家初創(chuàng)公司。他的作品集采用了黑色背景和白色大文本對(duì)比的形式，給訪客帶來了強(qiáng)烈的視覺沖擊，文本的可讀性也很棒。

以上就是本次精選的20份UI作品集案例。希望帶給你啟發(fā)。