2018-7-19 藍(lán)藍(lán)設(shè)計(jì)的小編
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(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)步^_^
寫在前面
提到作品包裝最常見的分為平臺型作品包裝和作品集包裝，我們今天一起探討的是作品集包裝思路。隨著用人單位對設(shè)計(jì)師的要求逐漸變高，設(shè)計(jì)師的競爭壓力自然不小，為了給面試官更好的整體印象，設(shè)計(jì)師在自己作品集上面也是耗費(fèi)不少心力。
下面我結(jié)合個人的一些點(diǎn)滴經(jīng)驗(yàn)為大家系統(tǒng)性地分享一下作品集設(shè)計(jì)思路，希望對初入行業(yè)的朋友有所幫助。如果是設(shè)計(jì)老司機(jī)請忽略，如有不足之處希望大家留言補(bǔ)全和指正。
目錄
01、設(shè)計(jì)作品集的目的；
02、關(guān)于作品集導(dǎo)出格式和表現(xiàn)形式；
03、作品包裝展示思路；
04、作品展示模版設(shè)計(jì)技巧；
05、如何控制作品集中的配色；
06、作品集排版字體如何選擇；
07、作品展示中的注意事項(xiàng)；
08、適當(dāng)包裝切勿過度；
09、適當(dāng)添加項(xiàng)目背景和設(shè)計(jì)思路；
10、重視封面封底的設(shè)計(jì)；
11、不要忽略這些細(xì)節(jié)；
12、良好的習(xí)慣給你帶來好運(yùn)。
正文
作品永遠(yuǎn)是設(shè)計(jì)師最有力的證據(jù)，工作經(jīng)驗(yàn)可以作為一個量化的參考指標(biāo)，能否成功獲得面試官的青睞，作品集是關(guān)鍵性的因素之一。
設(shè)計(jì)作品集是為了更好地展示作品，引導(dǎo)面試官對你的專業(yè)綜合能力作出判斷。一份好的作品集不僅可以充分展示設(shè)計(jì)師工作經(jīng)驗(yàn)的驗(yàn)證結(jié)果，還能看出設(shè)計(jì)師的態(tài)度和專業(yè)沉淀。
因此，你需要一份更加專業(yè)的作品集。
最近經(jīng)常遇到一些設(shè)計(jì)師咨詢作品集用什么軟件做、要不要做成一長條的展示圖、需要做成 PPT 還是 PDF 等等問題。
對于設(shè)計(jì)師來說設(shè)計(jì)作品集最方便的可能還是我們最熟知的各類設(shè)計(jì)軟件，比如 PS、AI、Sketch 等等。我們可以更好地進(jìn)行版式設(shè)計(jì)和細(xì)節(jié)處理，如果采用 PPT 類軟件設(shè)計(jì)，相對于大部分設(shè)計(jì)師還是沒有這么熟練的。最終導(dǎo)出格式建議采用 PDF 格式，我們可以通過設(shè)計(jì)軟件自身就能快速地導(dǎo)出 PDF 格式，或者將你的設(shè)計(jì)稿合成一份 PDF 格式即可。
作品集排版布局盡量采用橫版形式，雖然很多設(shè)計(jì)師喜歡平臺型作品包裝形式，做成一長條展示圖。但是這樣可能會造成文件過大、不利于全屏觀看、翻頁觀看體驗(yàn)不好、版式設(shè)計(jì)難以統(tǒng)一、長度范圍難以控制等等問題。
作品集是為了引導(dǎo)面試官對你的專業(yè)能力進(jìn)行評估，我們自然是希望結(jié)果是美好的。在展示作品上面要進(jìn)行合理的分類和排序，揚(yáng)長避短。
作品包裝展示時要分類展示，突出自己是個多面手。根據(jù)自己的職業(yè)目標(biāo)將最強(qiáng)關(guān)聯(lián)的作品分類放在最前面，其次是直接或者間接相關(guān)的，日常練習(xí)的零散作品放在最后。
挑選作品時寧缺勿濫，近期產(chǎn)出的質(zhì)量越高的越靠前，視覺表現(xiàn)力較好的練習(xí)作品作為壓軸呈現(xiàn)，這樣開始和結(jié)尾都是精品。
很多設(shè)計(jì)師習(xí)慣在一些素材網(wǎng)站下載模版或者索性就簡單地找個樣機(jī)進(jìn)行貼圖，作品自身反而沒有被很好地展現(xiàn)出來。我們需要養(yǎng)成制作模版的習(xí)慣，結(jié)合作品設(shè)計(jì)出定制化的展示模版。
下面我們一起看一下模版制作流程和技巧，希望帶給你更強(qiáng)地動手能力。
如果你對于色彩的把控不能運(yùn)用自如，那么在作品集設(shè)計(jì)的時候就要適當(dāng)?shù)乜刂撇煌嗟倪\(yùn)用。字體顏色的選擇盡量以無彩色系為主，如果你要為其添加顏色，可以先確定一個標(biāo)準(zhǔn)色，然后通過飽和度和明度的變化確定 1～2 個輔助色。
底色盡量以白色或者淺色為主，如果要添加深色背景需要結(jié)合整套作品的配色情況慎用，因?yàn)樯手g相互作用會對作品造成影響，運(yùn)用不當(dāng)容易讓作品集變得花俏。深色背景以黑色搭配也是比較推薦的處理方式之一，黑色的包容性可以更好地凸顯作品。
排版時字體顏色的選擇是為了更好地控制視覺風(fēng)格，字體的選擇是為了更好地呈現(xiàn)內(nèi)容。推薦使用字體以非襯線字體為主，可以更好地提高閱讀效果，特殊情況下可以選擇襯線字體。盡量避免運(yùn)用花式字體，不僅影響內(nèi)容閱讀，設(shè)計(jì)把控力也比較大。
字體樣式的處理需要慎重，不要對其運(yùn)用過度，拉低作品整體質(zhì)量。利用黑色、灰色、淺色進(jìn)行信息層級的區(qū)分，可以適當(dāng)選擇粗體和常規(guī)進(jìn)行對比。
細(xì)節(jié)的處理往往最容易被忽略，我們一起看看這些是否被你所熟知，歡迎大家繼續(xù)補(bǔ)全更多容易遺漏的細(xì)節(jié)。
a. 作品展示不宜過小且排版密集，這樣基本也看不清你作品的設(shè)計(jì)亮點(diǎn)。整套產(chǎn)品界面放入作品集時可以精選部分主界面和視覺效果較好的界面進(jìn)行展示。
b. 作品包裝不要過度使用傾斜樣式和透視過度的包裝手法，這樣面試官沒辦法看清楚你的作品細(xì)節(jié)，而且歪著頭看也很不舒服。
c. 作品展示可以不采用樣機(jī)，如果要用樣機(jī)就選擇的樣機(jī)包裝，讓作品也能與時俱進(jìn)。
d. 應(yīng)用圖標(biāo)或者設(shè)計(jì)組件等不要重復(fù)展示，例如展示應(yīng)用圖標(biāo)只需要展示一個，輔助項(xiàng)目背景和設(shè)計(jì)說明即可，無需將各種應(yīng)用場景都展示出來。
e. 設(shè)計(jì)元素適當(dāng)小一點(diǎn)也許顯得更精致，只要不影響閱讀體驗(yàn)就好。
f. 各種組件、標(biāo)注、規(guī)范等可以省略，這些你面試的時候可以把成套的設(shè)計(jì)規(guī)范給面試官過目一下即可，放進(jìn)作品集中意義不大。
g. 交互原型可以省略展示，只要有高保真視覺稿就好，因?yàn)槟忝嬖嚨氖且曈X崗。如果要體現(xiàn)出你的交互設(shè)計(jì)能力，可以利用一些第三方工具制作 demo 給面試官過目，效果更好。
h. 真實(shí)還原設(shè)計(jì)稿，不要重復(fù)性地采用相同的文案信息、配圖等，更好地體現(xiàn)出自己的專業(yè)度。
還有更多地細(xì)節(jié)希望大家可以交流探討，精細(xì)化的設(shè)計(jì)需要不斷地發(fā)現(xiàn)細(xì)節(jié)，優(yōu)化細(xì)節(jié)。
為了提高作品集整體的設(shè)計(jì)感，適當(dāng)進(jìn)行包裝設(shè)計(jì)是很必要的，但是不能為了放大包裝的力度，而忽略作品本身。在進(jìn)行包裝設(shè)計(jì)時不要裝飾過度，讓裝飾元素影響作品自身的呈現(xiàn)，要分清信息呈現(xiàn)的優(yōu)先級，內(nèi)容本身才是你需要凸顯的，要善于利用包裝來強(qiáng)化作品本身的設(shè)計(jì)亮點(diǎn)。
a. 過于炫酷的背景、與設(shè)計(jì)稿相互融合的背景、配色過于刺激的背景等等背景設(shè)計(jì)的過度；
b. 裝飾元素所占面積大于展示作品的比重，將用戶的注意力分散；
c. 不要見縫插針，到處都是各種裝飾元素，適當(dāng)?shù)牧舭卓梢栽鰪?qiáng)畫面透析感；
d. 樣機(jī)的運(yùn)用不要五花八門，也許統(tǒng)一一種風(fēng)格的樣機(jī)整體視覺效果更加協(xié)調(diào)；
e. 樣式運(yùn)用過度，如果可以利用 1~2 種樣式達(dá)到信息層級的區(qū)分就不要采用第三種；
f. 還有更多包裝過度問題需要結(jié)合具體情況進(jìn)行判斷，希望大家多多交流一起優(yōu)化。
對展示的作品進(jìn)行項(xiàng)目背景、設(shè)計(jì)思路等描述將有助于面試官做出更好地判斷，比起純視覺作品展示，將會更加凸顯設(shè)計(jì)師的專業(yè)度。在進(jìn)行項(xiàng)目背景說明的時候，如果可以搜集到一些負(fù)責(zé)產(chǎn)品的相關(guān)數(shù)據(jù)情況（可公開）將會更有說服力，這個將是作為商業(yè)設(shè)計(jì)最有價值的體現(xiàn)。
設(shè)計(jì)很大一部分因素是感性的，你的思路展示將會輔助別人讀懂你的想法。無論是真實(shí)的項(xiàng)目設(shè)計(jì)還是日常練習(xí)作品，都可以對其進(jìn)行設(shè)計(jì)思路的描述。
不要忽略封面的重要性，就如同你在平臺發(fā)布一個作品，封面是用戶觸碰你設(shè)計(jì)的第一印象，直接關(guān)系到是否會點(diǎn)擊打開。封面的設(shè)計(jì)換成作品集依然重要，打開作品集的瞬間就給面試官一個更好的開始。作品包裝完畢，添加封底設(shè)計(jì)給作品集畫上句號，做事有頭有尾，將會讓面試官對你有更好的印象。
設(shè)計(jì)作品集需要注意的除了設(shè)計(jì)層面的以外，還有一些設(shè)計(jì)以外需要考慮成熟的地方，希望大家引以重視。
a. 作品集需要分兩步走，不只是一套而已，你首先需要做出一套最全面的，然后改一個精簡版，因?yàn)槿绻怯行覅⑴c一些大平臺的內(nèi)推，附件往往是有大小限制的；
b. 精簡版作品集也可以用于一些有大小限制的招聘平臺作為附件添加；
c. 作品集需要命名規(guī)范，連你自己名字都沒有寫就顯得有點(diǎn)粗心啦；
d. 如果是將作品集以郵件形式發(fā)送，郵件里面需要添加一些問候語和說明作品集請附件查收之類的信息，別是一片空白；
e. 發(fā)送作品集需要核對對方身份，不要把自己的心血到處亂撒；
f. 注意格式問題，你的源文件別人不一定打得開，比較常用的是 PDF 格式。
設(shè)計(jì)作品集往往大部分設(shè)計(jì)師都是在需要找工作的時候才想起來，如果你能夠養(yǎng)成不斷迭代作品集的習(xí)慣，那么你將是走得比別人更快的設(shè)計(jì)師。你耗費(fèi)幾天或者一兩周完成的作品集自然不能和耗費(fèi)一年以上精心打磨的進(jìn)行對比，你需要有產(chǎn)品思維去維護(hù)自己的作品集，不斷更新迭代，最終才能更快地抓住機(jī)會。
更好地控制自己的時間，提高時間利用率，產(chǎn)出更多成套或者成體系的作品，這樣你一年下來才不會出現(xiàn)找不出作品進(jìn)行展示的情況。哪怕你堅(jiān)持每天畫一個圖標(biāo) / 界面 / 插畫等等，一個月下來也能產(chǎn)出一套作品。萬事開頭難，開啟之后，堅(jiān)持變得更難，希望你從今天開始能夠走出第一步并不斷堅(jiān)持，那么你必將不會錯過下一次的旺季。
藍(lán)藍(lán)設(shè)計(jì)( www.newchinaweekly.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ì)的方法—無窮關(guān)聯(lián)法
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.newchinaweekly.com