如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

版權(quán)申明：本文原創(chuàng)作者云和數(shù)據(jù)西安中心，感謝云和數(shù)據(jù)西安中心的原創(chuàng)經(jīng)驗(yàn)分享！致敬哈

整理了一份UI設(shè)計(jì)師怎么整理自己的作品集，希望能給正在準(zhǔn)備作品集的你一點(diǎn)小小的幫助，大家互相進(jìn)步^_^

寫在前面

提到作品包裝最常見(jiàn)的分為平臺(tái)型作品包裝和作品集包裝，我們今天一起探討的是作品集包裝思路。隨著用人單位對(duì)設(shè)計(jì)師的要求逐漸變高，設(shè)計(jì)師的競(jìng)爭(zhēng)壓力自然不小，為了給面試官更好的整體印象，設(shè)計(jì)師在自己作品集上面也是耗費(fèi)不少心力。

下面我結(jié)合個(gè)人的一些點(diǎn)滴經(jīng)驗(yàn)為大家系統(tǒng)性地分享一下作品集設(shè)計(jì)思路，希望對(duì)初入行業(yè)的朋友有所幫助。如果是設(shè)計(jì)老司機(jī)請(qǐng)忽略，如有不足之處希望大家留言補(bǔ)全和指正。

目錄

01、設(shè)計(jì)作品集的目的；

02、關(guān)于作品集導(dǎo)出格式和表現(xiàn)形式；

03、作品包裝展示思路；

04、作品展示模版設(shè)計(jì)技巧；

05、如何控制作品集中的配色；

06、作品集排版字體如何選擇；

07、作品展示中的注意事項(xiàng)；

08、適當(dāng)包裝切勿過(guò)度；

09、適當(dāng)添加項(xiàng)目背景和設(shè)計(jì)思路；

10、重視封面封底的設(shè)計(jì)；

11、不要忽略這些細(xì)節(jié)；

12、良好的習(xí)慣給你帶來(lái)好運(yùn)。

正文

01、設(shè)計(jì)作品集的目的

作品永遠(yuǎn)是設(shè)計(jì)師最有力的證據(jù)，工作經(jīng)驗(yàn)可以作為一個(gè)量化的參考指標(biāo)，能否成功獲得面試官的青睞，作品集是關(guān)鍵性的因素之一。

設(shè)計(jì)作品集是為了更好地展示作品，引導(dǎo)面試官對(duì)你的專業(yè)綜合能力作出判斷。一份好的作品集不僅可以充分展示設(shè)計(jì)師工作經(jīng)驗(yàn)的驗(yàn)證結(jié)果，還能看出設(shè)計(jì)師的態(tài)度和專業(yè)沉淀。

因此，你需要一份更加專業(yè)的作品集。

02、關(guān)于作品集導(dǎo)出格式和表現(xiàn)形式

最近經(jīng)常遇到一些設(shè)計(jì)師咨詢作品集用什么軟件做、要不要做成一長(zhǎng)條的展示圖、需要做成 PPT 還是 PDF 等等問(wèn)題。

對(duì)于設(shè)計(jì)師來(lái)說(shuō)設(shè)計(jì)作品集最方便的可能還是我們最熟知的各類設(shè)計(jì)軟件，比如 PS、AI、Sketch 等等。我們可以更好地進(jìn)行版式設(shè)計(jì)和細(xì)節(jié)處理，如果采用 PPT 類軟件設(shè)計(jì)，相對(duì)于大部分設(shè)計(jì)師還是沒(méi)有這么熟練的。最終導(dǎo)出格式建議采用 PDF 格式，我們可以通過(guò)設(shè)計(jì)軟件自身就能快速地導(dǎo)出 PDF 格式，或者將你的設(shè)計(jì)稿合成一份 PDF 格式即可。

作品集排版布局盡量采用橫版形式，雖然很多設(shè)計(jì)師喜歡平臺(tái)型作品包裝形式，做成一長(zhǎng)條展示圖。但是這樣可能會(huì)造成文件過(guò)大、不利于全屏觀看、翻頁(yè)觀看體驗(yàn)不好、版式設(shè)計(jì)難以統(tǒng)一、長(zhǎng)度范圍難以控制等等問(wèn)題。

03、作品包裝展示思路

作品集是為了引導(dǎo)面試官對(duì)你的專業(yè)能力進(jìn)行評(píng)估，我們自然是希望結(jié)果是美好的。在展示作品上面要進(jìn)行合理的分類和排序，揚(yáng)長(zhǎng)避短。

作品包裝展示時(shí)要分類展示，突出自己是個(gè)多面手。根據(jù)自己的職業(yè)目標(biāo)將最強(qiáng)關(guān)聯(lián)的作品分類放在最前面，其次是直接或者間接相關(guān)的，日常練習(xí)的零散作品放在最后。

挑選作品時(shí)寧缺勿濫，近期產(chǎn)出的質(zhì)量越高的越靠前，視覺(jué)表現(xiàn)力較好的練習(xí)作品作為壓軸呈現(xiàn)，這樣開(kāi)始和結(jié)尾都是精品。

04、作品展示模版設(shè)計(jì)技巧

很多設(shè)計(jì)師習(xí)慣在一些素材網(wǎng)站下載模版或者索性就簡(jiǎn)單地找個(gè)樣機(jī)進(jìn)行貼圖，作品自身反而沒(méi)有被很好地展現(xiàn)出來(lái)。我們需要養(yǎng)成制作模版的習(xí)慣，結(jié)合作品設(shè)計(jì)出定制化的展示模版。

下面我們一起看一下模版制作流程和技巧，希望帶給你更強(qiáng)地動(dòng)手能力。

05、如何控制作品集中的配色

如果你對(duì)于色彩的把控不能運(yùn)用自如，那么在作品集設(shè)計(jì)的時(shí)候就要適當(dāng)?shù)乜刂撇煌嗟倪\(yùn)用。字體顏色的選擇盡量以無(wú)彩色系為主，如果你要為其添加顏色，可以先確定一個(gè)標(biāo)準(zhǔn)色，然后通過(guò)飽和度和明度的變化確定 1～2 個(gè)輔助色。

底色盡量以白色或者淺色為主，如果要添加深色背景需要結(jié)合整套作品的配色情況慎用，因?yàn)樯手g相互作用會(huì)對(duì)作品造成影響，運(yùn)用不當(dāng)容易讓作品集變得花俏。深色背景以黑色搭配也是比較推薦的處理方式之一，黑色的包容性可以更好地凸顯作品。

06、作品集排版字體如何選擇

排版時(shí)字體顏色的選擇是為了更好地控制視覺(jué)風(fēng)格，字體的選擇是為了更好地呈現(xiàn)內(nèi)容。推薦使用字體以非襯線字體為主，可以更好地提高閱讀效果，特殊情況下可以選擇襯線字體。盡量避免運(yùn)用花式字體，不僅影響內(nèi)容閱讀，設(shè)計(jì)把控力也比較大。

字體樣式的處理需要慎重，不要對(duì)其運(yùn)用過(guò)度，拉低作品整體質(zhì)量。利用黑色、灰色、淺色進(jìn)行信息層級(jí)的區(qū)分，可以適當(dāng)選擇粗體和常規(guī)進(jìn)行對(duì)比。

07、作品展示中的注意事項(xiàng)

細(xì)節(jié)的處理往往最容易被忽略，我們一起看看這些是否被你所熟知，歡迎大家繼續(xù)補(bǔ)全更多容易遺漏的細(xì)節(jié)。

a. 作品展示不宜過(guò)小且排版密集，這樣基本也看不清你作品的設(shè)計(jì)亮點(diǎn)。整套產(chǎn)品界面放入作品集時(shí)可以精選部分主界面和視覺(jué)效果較好的界面進(jìn)行展示。

b. 作品包裝不要過(guò)度使用傾斜樣式和透視過(guò)度的包裝手法，這樣面試官?zèng)]辦法看清楚你的作品細(xì)節(jié)，而且歪著頭看也很不舒服。

c. 作品展示可以不采用樣機(jī)，如果要用樣機(jī)就選擇的樣機(jī)包裝，讓作品也能與時(shí)俱進(jìn)。

d. 應(yīng)用圖標(biāo)或者設(shè)計(jì)組件等不要重復(fù)展示，例如展示應(yīng)用圖標(biāo)只需要展示一個(gè)，輔助項(xiàng)目背景和設(shè)計(jì)說(shuō)明即可，無(wú)需將各種應(yīng)用場(chǎng)景都展示出來(lái)。

e. 設(shè)計(jì)元素適當(dāng)小一點(diǎn)也許顯得更精致，只要不影響閱讀體驗(yàn)就好。

f. 各種組件、標(biāo)注、規(guī)范等可以省略，這些你面試的時(shí)候可以把成套的設(shè)計(jì)規(guī)范給面試官過(guò)目一下即可，放進(jìn)作品集中意義不大。

g. 交互原型可以省略展示，只要有高保真視覺(jué)稿就好，因?yàn)槟忝嬖嚨氖且曈X(jué)崗。如果要體現(xiàn)出你的交互設(shè)計(jì)能力，可以利用一些第三方工具制作 demo 給面試官過(guò)目，效果更好。

h. 真實(shí)還原設(shè)計(jì)稿，不要重復(fù)性地采用相同的文案信息、配圖等，更好地體現(xiàn)出自己的專業(yè)度。

還有更多地細(xì)節(jié)希望大家可以交流探討，精細(xì)化的設(shè)計(jì)需要不斷地發(fā)現(xiàn)細(xì)節(jié)，優(yōu)化細(xì)節(jié)。

08、適當(dāng)包裝切勿過(guò)度

為了提高作品集整體的設(shè)計(jì)感，適當(dāng)進(jìn)行包裝設(shè)計(jì)是很必要的，但是不能為了放大包裝的力度，而忽略作品本身。在進(jìn)行包裝設(shè)計(jì)時(shí)不要裝飾過(guò)度，讓裝飾元素影響作品自身的呈現(xiàn)，要分清信息呈現(xiàn)的優(yōu)先級(jí)，內(nèi)容本身才是你需要凸顯的，要善于利用包裝來(lái)強(qiáng)化作品本身的設(shè)計(jì)亮點(diǎn)。

作品包裝容易過(guò)度的情況：

a. 過(guò)于炫酷的背景、與設(shè)計(jì)稿相互融合的背景、配色過(guò)于刺激的背景等等背景設(shè)計(jì)的過(guò)度；

b. 裝飾元素所占面積大于展示作品的比重，將用戶的注意力分散；

c. 不要見(jiàn)縫插針，到處都是各種裝飾元素，適當(dāng)?shù)牧舭卓梢栽鰪?qiáng)畫面透析感；

d. 樣機(jī)的運(yùn)用不要五花八門，也許統(tǒng)一一種風(fēng)格的樣機(jī)整體視覺(jué)效果更加協(xié)調(diào)；

e. 樣式運(yùn)用過(guò)度，如果可以利用 1~2 種樣式達(dá)到信息層級(jí)的區(qū)分就不要采用第三種；

f. 還有更多包裝過(guò)度問(wèn)題需要結(jié)合具體情況進(jìn)行判斷，希望大家多多交流一起優(yōu)化。

09、適當(dāng)添加項(xiàng)目背景和設(shè)計(jì)思路

對(duì)展示的作品進(jìn)行項(xiàng)目背景、設(shè)計(jì)思路等描述將有助于面試官做出更好地判斷，比起純視覺(jué)作品展示，將會(huì)更加凸顯設(shè)計(jì)師的專業(yè)度。在進(jìn)行項(xiàng)目背景說(shuō)明的時(shí)候，如果可以搜集到一些負(fù)責(zé)產(chǎn)品的相關(guān)數(shù)據(jù)情況（可公開(kāi)）將會(huì)更有說(shuō)服力，這個(gè)將是作為商業(yè)設(shè)計(jì)最有價(jià)值的體現(xiàn)。

設(shè)計(jì)很大一部分因素是感性的，你的思路展示將會(huì)輔助別人讀懂你的想法。無(wú)論是真實(shí)的項(xiàng)目設(shè)計(jì)還是日常練習(xí)作品，都可以對(duì)其進(jìn)行設(shè)計(jì)思路的描述。

10、重視封面封底的設(shè)計(jì)

不要忽略封面的重要性，就如同你在平臺(tái)發(fā)布一個(gè)作品，封面是用戶觸碰你設(shè)計(jì)的第一印象，直接關(guān)系到是否會(huì)點(diǎn)擊打開(kāi)。封面的設(shè)計(jì)換成作品集依然重要，打開(kāi)作品集的瞬間就給面試官一個(gè)更好的開(kāi)始。作品包裝完畢，添加封底設(shè)計(jì)給作品集畫上句號(hào)，做事有頭有尾，將會(huì)讓面試官對(duì)你有更好的印象。

11、不要忽略這些細(xì)節(jié)

設(shè)計(jì)作品集需要注意的除了設(shè)計(jì)層面的以外，還有一些設(shè)計(jì)以外需要考慮成熟的地方，希望大家引以重視。

a. 作品集需要分兩步走，不只是一套而已，你首先需要做出一套最全面的，然后改一個(gè)精簡(jiǎn)版，因?yàn)槿绻怯行覅⑴c一些大平臺(tái)的內(nèi)推，附件往往是有大小限制的；

b. 精簡(jiǎn)版作品集也可以用于一些有大小限制的招聘平臺(tái)作為附件添加；

c. 作品集需要命名規(guī)范，連你自己名字都沒(méi)有寫就顯得有點(diǎn)粗心啦；

d. 如果是將作品集以郵件形式發(fā)送，郵件里面需要添加一些問(wèn)候語(yǔ)和說(shuō)明作品集請(qǐng)附件查收之類的信息，別是一片空白；

e. 發(fā)送作品集需要核對(duì)對(duì)方身份，不要把自己的心血到處亂撒；

f. 注意格式問(wèn)題，你的源文件別人不一定打得開(kāi)，比較常用的是 PDF 格式。

12、良好的習(xí)慣給你帶來(lái)好運(yùn)

設(shè)計(jì)作品集往往大部分設(shè)計(jì)師都是在需要找工作的時(shí)候才想起來(lái)，如果你能夠養(yǎng)成不斷迭代作品集的習(xí)慣，那么你將是走得比別人更快的設(shè)計(jì)師。你耗費(fèi)幾天或者一兩周完成的作品集自然不能和耗費(fèi)一年以上精心打磨的進(jìn)行對(duì)比，你需要有產(chǎn)品思維去維護(hù)自己的作品集，不斷更新迭代，最終才能更快地抓住機(jī)會(huì)。

更好地控制自己的時(shí)間，提高時(shí)間利用率，產(chǎn)出更多成套或者成體系的作品，這樣你一年下來(lái)才不會(huì)出現(xiàn)找不出作品進(jìn)行展示的情況。哪怕你堅(jiān)持每天畫一個(gè)圖標(biāo) / 界面 / 插畫等等，一個(gè)月下來(lái)也能產(chǎn)出一套作品。萬(wàn)事開(kāi)頭難，開(kāi)啟之后，堅(jiān)持變得更難，希望你從今天開(kāi)始能夠走出第一步并不斷堅(jiān)持，那么你必將不會(huì)錯(cuò)過(guò)下一次的旺季。

歡迎關(guān)注云和數(shù)據(jù)西安中心，更多技術(shù)分享、技術(shù)教育、精彩職場(chǎng)干貨與你分享！

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

相關(guān)文章：

－－－－－－－－－－－－－－－－－－

創(chuàng)意設(shè)計(jì)的方法—無(wú)窮關(guān)聯(lián)法

多倫多訂餐APP-懶洋洋

UI設(shè)計(jì)師的日常——UI設(shè)計(jì)師平常都干些什么

幫助您做出漂亮版式設(shè)計(jì)的八個(gè)實(shí)用技巧