現(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)自己的能力水平,可以動手制作自己的作品集。