新手UI設(shè)計(jì)師如何修改自己的作品集

如果說檢驗(yàn)演員的標(biāo)準(zhǔn)是演技如何，檢驗(yàn)運(yùn)動(dòng)員的標(biāo)準(zhǔn)是奧運(yùn)獎(jiǎng)牌多少。那么，作品集和簡(jiǎn)歷無疑是衡量我們交互設(shè)計(jì)師專業(yè)能力的首要指標(biāo)，也是對(duì)于過往職業(yè)（學(xué)業(yè)）生涯交出的一份重要答卷。許多設(shè)計(jì)師通常認(rèn)為將自己以前做過的項(xiàng)目、界面、個(gè)人經(jīng)歷堆砌在一起就是作品集，但作品集不僅只是作品的展示羅列，它更多像是求職者身份名片，是個(gè)人核心競(jìng)爭(zhēng)力的重要象征。接下來，本文將通過「明確作品集的目的、作品集應(yīng)呈現(xiàn)什么內(nèi)容、如何更好的展示作品集」三步展開介紹，文中所述方法較適用于初中級(jí)設(shè)計(jì)師，請(qǐng)酌情參考。

 

一. 明確作品集的目的

首先，在做作品集前我們需要明確做作品集的目的。對(duì)于學(xué)生群體而言，在校參與的專業(yè)比賽、課程作業(yè)都是能很好體現(xiàn)個(gè)人專業(yè)能力的內(nèi)容，收錄在作品集中可以反映個(gè)人的學(xué)習(xí)和思考能力。而對(duì)于專業(yè)人士而言，在實(shí)際項(xiàng)目中的總結(jié)與思考、經(jīng)驗(yàn)積累以及如何提升自我等等，則是作品集中需要重點(diǎn)突出的方面。

△ 交互設(shè)計(jì)招聘要求匯總

其次，通過縱觀目前各大互聯(lián)網(wǎng)公司的招聘標(biāo)準(zhǔn)可以發(fā)現(xiàn)，除了包括熟練使用設(shè)計(jì)工具（axure/sketch/PS/AI/visio等）、設(shè)計(jì)方法論以及流程規(guī)范在內(nèi)的專業(yè)能力外，善于發(fā)現(xiàn)并學(xué)習(xí)行業(yè)內(nèi)新興技術(shù)和工具方法趨勢(shì)的創(chuàng)新能力、與團(tuán)隊(duì)成員的溝通與協(xié)作能力、對(duì)于個(gè)人的邏輯分析能力和經(jīng)驗(yàn)的復(fù)盤能力也是企業(yè)所看重必不可少的因素。因此，在作品集中可以多體現(xiàn)個(gè)人對(duì)交互細(xì)節(jié)優(yōu)化的思考與總結(jié)、對(duì)需求的綜合分析能力、與利益相關(guān)者的溝通過程以及整體內(nèi)容的文案和視覺設(shè)計(jì)。

當(dāng)然，不同類型的招聘需求對(duì)于設(shè)計(jì)師職位的定位和門檻有所區(qū)別。如社招與校招對(duì)于個(gè)人能力和工作年限的要求不同，全職與實(shí)習(xí)對(duì)于工作時(shí)長(zhǎng)和工作經(jīng)驗(yàn)的要求不同等等。有時(shí)也會(huì)由于部門業(yè)務(wù)的原因存在部分特殊需求，如英文熟練程度高，有金融背景等。求職者需根據(jù)自身當(dāng)前所處的職業(yè)生涯階段、個(gè)人經(jīng)歷和從業(yè)方向進(jìn)行合理規(guī)劃。

△ 交互設(shè)計(jì)師知識(shí)體系圖

另外，設(shè)計(jì)師在平時(shí)的學(xué)習(xí)和工作過程中需要注重知識(shí)積累，逐漸形成個(gè)人的知識(shí)體系庫，從而更好根據(jù)優(yōu)劣勢(shì)來制定個(gè)人學(xué)習(xí)計(jì)劃，提升綜合競(jìng)爭(zhēng)力。

二. 作品集應(yīng)呈現(xiàn)什么內(nèi)容

1. 作品的展示流程應(yīng)與設(shè)計(jì)思路一致

從抽象的角度而言，交互設(shè)計(jì)的過程其實(shí)就是尋找和問題求解——解決方案的設(shè)計(jì)表達(dá)——執(zhí)行與推動(dòng)方案落地。因此，在描繪項(xiàng)目時(shí)可以結(jié)合設(shè)計(jì)的階段，突出個(gè)人在過程中所具備的能力水平值。

例如：

• 具備產(chǎn)品思維，對(duì)于項(xiàng)目背景和目標(biāo)的交待清晰明了，能夠聚焦產(chǎn)品的用戶價(jià)值。
• 邏輯思維和處理復(fù)雜需求的能力，表現(xiàn)為能夠通過業(yè)務(wù)流程的梳理發(fā)現(xiàn)問題、提出框架和假設(shè)。
• 數(shù)據(jù)解讀能力，即結(jié)合項(xiàng)目數(shù)據(jù)提出了針對(duì)性的解決方案、假設(shè)驗(yàn)證或輔助決策等。
• 用戶研究能力，主要體現(xiàn)在前期的挖掘需求深度以及后期的快速驗(yàn)證設(shè)計(jì)方案能力。
• 推動(dòng)與執(zhí)行力，對(duì)技術(shù)實(shí)現(xiàn)原理有一定了解，從而對(duì)評(píng)估成本和把控項(xiàng)目進(jìn)度的經(jīng)驗(yàn)等等。

通過梳理整個(gè)設(shè)計(jì)思考的流程，重點(diǎn)交代設(shè)計(jì)是如何貫穿其中并成為了整體的解決方案。要注意的是，在作品集中展示的思考與設(shè)計(jì)產(chǎn)出要秉承一套體系，不應(yīng)在呈現(xiàn)上出現(xiàn)脫節(jié)。

2. 根據(jù)項(xiàng)目性質(zhì)考慮展示內(nèi)容的側(cè)重

對(duì)于非實(shí)際項(xiàng)目，如課程、比賽等，面試官會(huì)關(guān)注于問題是如何發(fā)現(xiàn)，在過程中都嘗試了什么樣的方案，它們的效果如何，哪些有效，哪些無效，以及為什么會(huì)出現(xiàn)這樣的結(jié)果。如果在學(xué)業(yè)過程中沒有做過真實(shí)的項(xiàng)目的話，可盡量通過可用性測(cè)試或訪談等方式與用戶、利益相關(guān)者驗(yàn)證設(shè)計(jì)方案是否真實(shí)的解決了痛點(diǎn)。對(duì)于實(shí)際項(xiàng)目而言，若是出于時(shí)間、技術(shù)或者其他原因?qū)Ψ桨笇?shí)現(xiàn)存在限制的情況下，在各種設(shè)計(jì)方案的迭代中尋找最優(yōu)解的能力就會(huì)十分重要，突出設(shè)計(jì)方案如何實(shí)現(xiàn)了用戶體驗(yàn)的提升、解決產(chǎn)品的商業(yè)目標(biāo)或?qū)崿F(xiàn)兩者之間的平衡。

如果有數(shù)據(jù)的話一定要通過數(shù)據(jù)說話，將解決方案的最終效果放進(jìn)作品集。通過對(duì)比、強(qiáng)調(diào)等方式的圖表來對(duì)內(nèi)容進(jìn)行可視化的展現(xiàn)，如帶來了多少流量、提升了多少轉(zhuǎn)化率等。如果是多人協(xié)作的項(xiàng)目，為了盡量避免出現(xiàn)內(nèi)容雷同的問題，一定要突出自己所承擔(dān)角色對(duì)整個(gè)項(xiàng)目的貢獻(xiàn)和思考。

3. 考慮通過多維度體現(xiàn)個(gè)人的設(shè)計(jì)思考

除此之外，我們還可以用「場(chǎng)景演繹」和「用戶建?！沟木S度更好的反映交互設(shè)計(jì)師的核心競(jìng)爭(zhēng)力。所謂的建立「用戶模型」就是清晰的描述產(chǎn)品的目標(biāo)人群，常見的方法包括用戶畫像板和之前文章中介紹到的同理心畫布。但需要注意的是，用戶畫像通常是一個(gè)經(jīng)過概括和抽象的人，而非真實(shí)人物，它所代表的是某一類具有鮮明特性的用戶。建立用戶模型可以幫助我們更好的從用戶角度出發(fā)思考問題，在前期更好的描繪項(xiàng)目雛形，以及更好的保障在產(chǎn)品設(shè)計(jì)的過程中不會(huì)偏離服務(wù)的初衷。

△ 作者2014屆UXDA三等獎(jiǎng)作品

「場(chǎng)景演繹」的能力體現(xiàn)在作品集中更多是能夠交代清楚產(chǎn)品的使用場(chǎng)景，其中包括了是誰在什么時(shí)候什么地點(diǎn)怎么使用這個(gè)產(chǎn)品，使用產(chǎn)品的目的是什么，建議可以適當(dāng)?shù)氖褂脠?chǎng)景圖來展示，讓讀者感受到如臨其境。

△ 作者2017年mini項(xiàng)目「考拉商伴」

三. 如何更好的展示作品集

1. 詳略得當(dāng)，亮點(diǎn)突出

雖然經(jīng)驗(yàn)越多越好，但是對(duì)作品的數(shù)量而言則不宜過多，通常放3~5個(gè)有代表性的產(chǎn)品即可。切忌作品集中的項(xiàng)目?jī)H是工具的堆砌，而沒有深入的思考。建議對(duì)每個(gè)項(xiàng)目增加個(gè)人的總結(jié)與反思，成功、失敗的原因在哪兒，學(xué)習(xí)到了什么，怎樣能做的更好。

△ 作者2015年實(shí)習(xí)期間作品集

如上圖就是一個(gè)典型的反例，作者當(dāng)時(shí)僅僅是把項(xiàng)目所有的界面都羅列了出來。這導(dǎo)致了頁面內(nèi)容過多、文字太小而造成信息失真，并且沒有傳遞出設(shè)計(jì)方案的要點(diǎn)和所需解決的問題。建議挑一個(gè)設(shè)計(jì)主流程及重點(diǎn)任務(wù)來展示，詳細(xì)內(nèi)容可以考慮通過網(wǎng)盤或線上作品集網(wǎng)址的方式查看。其中重要的設(shè)計(jì)點(diǎn)盡量能夠使用故事版、流程圖等形式來展現(xiàn)。

2. 清晰的框架結(jié)構(gòu)

保證作品集的結(jié)構(gòu)和導(dǎo)航清晰便捷，讓讀者能一眼了解到求職者的個(gè)人經(jīng)驗(yàn)和能力，以及各項(xiàng)目的內(nèi)容和特點(diǎn)。這也要求各項(xiàng)目的呈現(xiàn)能夠展現(xiàn)其對(duì)于設(shè)計(jì)師個(gè)人獨(dú)特的價(jià)值，建議采用橫向與縱向結(jié)合的結(jié)構(gòu)方式。在橫向維度上，展示不同領(lǐng)域的項(xiàng)目涉獵，如pc端、移動(dòng)端、iWatch、人機(jī)交互等，以及不同專業(yè)領(lǐng)域的研究，如視覺設(shè)計(jì)、用戶研究、產(chǎn)品策劃等。當(dāng)然，這也要求我們更好的衡量和對(duì)非專業(yè)內(nèi)容進(jìn)行嚴(yán)格把關(guān)，若展示得當(dāng)能夠成為個(gè)人加分項(xiàng)，否則將瑜不掩瑕而適得其反。在縱向的展示維度上，可突出對(duì)于項(xiàng)目業(yè)務(wù)和需求的思考深度以及設(shè)計(jì)方法論在實(shí)踐中使用的個(gè)人成長(zhǎng)描繪。

△ 作者2017校招求職作品集內(nèi)容

3. 適當(dāng)排版，注意細(xì)節(jié)

雖然交互設(shè)計(jì)不同于視覺設(shè)計(jì)，但也應(yīng)注意作品集的排版，整體的色調(diào)搭配不宜喧賓奪主，做到簡(jiǎn)約整齊美觀即可。例如，對(duì)齊方式和字體大小盡量保持統(tǒng)一，不帶來視覺疲勞感。不同的作品應(yīng)進(jìn)行處理后，保持視覺風(fēng)格的一致性。高保真界面和原型圖的展示進(jìn)行適當(dāng)剪裁適配設(shè)備模型等。試想面試官每天在成堆的作品集中瀏覽翻閱，一份視覺效果舒適且吸睛的作品集會(huì)相當(dāng)程度的提升整體競(jìng)爭(zhēng)力。作品集作為一個(gè)代表性產(chǎn)品，也需關(guān)注讀者瀏覽時(shí)的用戶體驗(yàn)，在細(xì)節(jié)處體現(xiàn)出設(shè)計(jì)師的專業(yè)性。

4. 其他注意事項(xiàng)

• 在投遞作品集的過程中可根據(jù)公司特性適當(dāng)調(diào)整作品集內(nèi)容，如業(yè)務(wù)領(lǐng)域是toB為主還是toC為主，公司性質(zhì)是否需要雙語等。
• 可以適當(dāng)選擇在線平臺(tái)（dribbble/behance/tumblr）展示平時(shí)的作品實(shí)踐積累并放在作品集中，全方位立體展示個(gè)人的經(jīng)驗(yàn)與思考沉淀。
• 如果項(xiàng)目有除圖文以外的demo或者視頻可在作品集中附上鏈接。
• 設(shè)計(jì)類崗位的投遞最好將簡(jiǎn)歷也附在作品集內(nèi)頁中，并簡(jiǎn)明的介紹個(gè)人經(jīng)歷經(jīng)驗(yàn)。
• 導(dǎo)出的作品集格式最好是PDF，控制在10M左右，提前準(zhǔn)備好紙質(zhì)版本并注意裝幀設(shè)計(jì)。
• 在選擇作品和案例的時(shí)候注意其版權(quán)問題，是否為未上線產(chǎn)品或簽署過保密協(xié)議。

小結(jié)

與其說作品集是個(gè)人求職和升學(xué)的敲門磚，不如說它更像是對(duì)于每個(gè)人生階段的總結(jié)，濃縮了我們的經(jīng)歷和心血。一份優(yōu)秀的作品集往往不能夠一蹴而就，而是要靠平時(shí)不斷的積累和打磨，這也能夠幫助我們督促自己在實(shí)踐中多思考、多回顧，養(yǎng)成良好的習(xí)慣，活到老，學(xué)到老。