現(xiàn)在的ui設(shè)計(jì)師有很多，想知道一個ui設(shè)計(jì)師的能力水平，我們可以查看其作品集，從作品集中可以很好地體現(xiàn)出來。那大家知道ui設(shè)計(jì)師要如何制作ui設(shè)計(jì)作品集嗎？今天就跟小編一起來詳細(xì)了解一下吧。

　　我們需要一部作品集，一部包含著幾十張頁面且能夠完美展示出我們最佳水平的作品合集。關(guān)于作品集的包裝并非培訓(xùn)機(jī)構(gòu)的專利，凡是對于設(shè)計(jì)行業(yè)有一絲敬畏或者尊重的設(shè)計(jì)師，我想都會去用心做一份代表自己水平的作品集。

　　我曾經(jīng)不止一次聽過在互聯(lián)網(wǎng)圈子里創(chuàng)業(yè)的朋友們向我抱怨：“現(xiàn)在的設(shè)計(jì)師真的是越來越浮躁了，連自己的作品集都不包裝就來面試。”其實(shí)，像那種不用包裝而順利進(jìn)入一線互聯(lián)網(wǎng)的設(shè)計(jì)師大有人在，但是他們是已經(jīng)是在這個圈子里待了太久的人了，出去找工作基本上全是內(nèi)推或朋友介紹，這個階段基本上可以不用作品集就能找到一份相當(dāng)體面的工作。

　　而對于我們第一次踏入互聯(lián)網(wǎng)的新人來說，我們沒有任何關(guān)系渠道，也沒有任何人引薦，我們還是老老實(shí)實(shí)的靠自己的作品集來征服面試官吧。

　　那么，作為一名有條理的設(shè)計(jì)師應(yīng)該如何包裝自己的作品集呢？

　　我們需要將曾經(jīng)自己的作品全部拿出來逐一篩選，要求在有限的頁面里放置能夠充分展示我們實(shí)力的作品，而且還要保證單個作品的獨(dú)立性與整體作品集的一致性。我們需要要將篩選出的優(yōu)秀作品通過設(shè)計(jì)軟件加以合理的排版與修飾，然后再將成品頁面歸納進(jìn)16:9比例大小的中的keynote畫布里。

　　封面：

　　首先，在展示我們作品集的時(shí)候，我們需要一個封面，封面無需過多的設(shè)計(jì)符號去修飾，但是這是留給面試官的第一印象，而且也是我們作品集的門面，我們必須慎重對待它。

　　一般情況下，封面寫上作品集、個人作品等字樣，再添加你的工作經(jīng)驗(yàn)與輔助的一些裝飾性字體就可以了。作品的排版我們可以多去behance、dribbble、站酷、UI中國等設(shè)計(jì)網(wǎng)站上去尋找靈感。

（圖片來自網(wǎng)絡(luò)）

（圖片來自網(wǎng)絡(luò)）

　　相關(guān)簡介

　　在我們的作品集中還可以放一張簡易的個人介紹，包括：姓名，聯(lián)系方式，教育經(jīng)歷，個人相關(guān)簡介，擅長的設(shè)計(jì)軟件和裝飾性文字。

（圖片來自網(wǎng)絡(luò)）

　　（圖片來自網(wǎng)絡(luò)）

小圖標(biāo)：

　　在作品集里放置一套曾經(jīng)原創(chuàng)的小圖標(biāo)，小圖標(biāo)數(shù)量在25個左右，小圖標(biāo)是在用戶界面體驗(yàn)中具有明確指代含義的圖形符號。它源自于生活中的各種圖形標(biāo)識，是觸摸設(shè)備中元素圖形化的重要組成部分。

　　在作品集里面放置小圖標(biāo)考驗(yàn)了設(shè)計(jì)師對圖形認(rèn)知度與差異性的理解。

（圖片來自網(wǎng)絡(luò)）

　（圖片來自網(wǎng)絡(luò)）

主題圖標(biāo)：

　　很多人都不理解主題圖標(biāo)，感覺UI設(shè)計(jì)師成天就是畫一些沒用的主題圖標(biāo)，甚至被外行說成是畫圖標(biāo)的美工，只有培訓(xùn)班才會畫主題圖標(biāo)之類的言語。

　　其實(shí)主題圖標(biāo)看起來很容易畫，但是實(shí)際操作起來并非是一件易事。一般情況下，畫一個主題圖標(biāo)難度很小，但是如果你要畫一套主題圖標(biāo)，就考驗(yàn)到設(shè)計(jì)師對顏色、造型、一致性的把控能力了，否則你將很難讓主題達(dá)到高度統(tǒng)一。

（圖片來自網(wǎng)絡(luò)）

（圖片來自網(wǎng)絡(luò)）

　　原型圖&低保真：

　　具有產(chǎn)品思維對于一名UI設(shè)計(jì)師來說顯得尤為重要，很多創(chuàng)業(yè)公司并沒有設(shè)立專門的交互設(shè)計(jì)師完成交互方面的相關(guān)工作，這時(shí)候UI設(shè)計(jì)師在創(chuàng)業(yè)型公司可以說需要身兼視覺設(shè)計(jì)師與交互設(shè)計(jì)師兩份職責(zé)。

　　不懂產(chǎn)品的視覺設(shè)計(jì)師不是好的UI設(shè)計(jì)師，因?yàn)椴痪邆洚a(chǎn)品思維，雖然作品都非常漂亮規(guī)范，但是很多設(shè)計(jì)師并不清楚自己的產(chǎn)品在做什么，甚至解釋不清楚自己為什么要這樣設(shè)計(jì)。為了表現(xiàn)出我們所具有的良好交互邏輯和清晰的設(shè)計(jì)思路，這時(shí)候我們必須要在作品集里面體現(xiàn)出來。

（圖片來自網(wǎng)絡(luò)）

　　（圖片來自網(wǎng)絡(luò)）

產(chǎn)品圖標(biāo)展示：

　　在展示我們的產(chǎn)品之前，我們盡量用布爾運(yùn)算繪出我們的圖標(biāo)設(shè)計(jì)思路。產(chǎn)品圖標(biāo)要易于應(yīng)用，這樣才能更易于傳播。為了讓HR更好的信服我們產(chǎn)品圖標(biāo)背后的制作過程，產(chǎn)品圖標(biāo)展示線稿想必是闡述圖標(biāo)背后故事的最佳方式。

（圖片來自網(wǎng)絡(luò)）

（圖片來自網(wǎng)絡(luò)）

　　產(chǎn)品界面展示：

　　包裝作品的時(shí)候不要全都是平鋪，可以適當(dāng)?shù)纳弦恍┦謾C(jī)模板，國外一些分享的free psd模板可以增強(qiáng)視覺層次，豐富包裝內(nèi)容。

　　但是，千萬不要有太多斜著展示的模板，畢竟HR主要看的是你的界面設(shè)計(jì)，如果你給的都是很花哨的手機(jī)展示樣式，其實(shí)對于包裝作品來說有種本末倒置的感覺，而且還會給面試官一種非常不好的體驗(yàn)。

（圖片來自網(wǎng)絡(luò)）

（圖片來自網(wǎng)絡(luò)）

　　設(shè)計(jì)規(guī)范：

　　設(shè)計(jì)規(guī)范可能是很多設(shè)計(jì)師都不太重視的一個部分，設(shè)計(jì)規(guī)范是對控件間距、適配、字體大小、色值等視覺層面的規(guī)范文檔，它保證了團(tuán)隊(duì)內(nèi)部不同的設(shè)計(jì)師做出來的設(shè)計(jì)能夠統(tǒng)一風(fēng)格。設(shè)計(jì)規(guī)范包含著設(shè)計(jì)師對自己產(chǎn)品的思考，以及對自己設(shè)計(jì)理念的總結(jié)。

（圖片來自網(wǎng)絡(luò)）

（圖片來自網(wǎng)絡(luò)）

　　其它展示：

　　展示完了最重要的移動端界面，我們可以加一些其它的作品展示來證明我們天才設(shè)計(jì)師的才華。比如我們加幾張web端頁面展示、插畫展示、banner展示、手繪展示或者再來一些h5頁面展示都是可以的。

　　如果你擁有除UI設(shè)計(jì)之外的愛好，而且這個愛好還可以更加的表現(xiàn)出設(shè)計(jì)師的審美與內(nèi)在修養(yǎng)，都可以通通展示出來，比如說平時(shí)喜歡攝影，可以找兩張攝影作品加進(jìn)作品集里也是不錯的。

　　作品不在于多而在于精。

（圖片來自網(wǎng)絡(luò)）

（圖片來自網(wǎng)絡(luò)）

　　web端展示

（圖片來自網(wǎng)絡(luò)）

　　（圖片來自網(wǎng)絡(luò)）

手繪展示

　　到這里，基本上我們的作品集就要展示完畢了，作為一名有條理的設(shè)計(jì)師，我們應(yīng)該在結(jié)尾加上“謝謝觀看”或者“thanks”等字眼，同時(shí)也可以順便在結(jié)尾帶上個人聯(lián)系方式，這樣更方便HR記錄相關(guān)信息。

　　以上這些是小編給大家介紹的ui設(shè)計(jì)師如何制作ui設(shè)計(jì)作品集的相關(guān)內(nèi)容，希望對大家有所幫助。ui設(shè)計(jì)師想要展現(xiàn)自己的能力水平，可以動手制作自己的作品集。