最近一段時(shí)間接觸到很多UI設(shè)計(jì)行業(yè)的新鮮血液和一些想跳槽但是沒苦于無法輸出自己作品集的同學(xué)，也在其他地方大致的去了解了一下，發(fā)現(xiàn)很多同學(xué)都普遍糾結(jié)的一些問題：想做作品集卻不知道從何下手；不了解怎么樣才算是一個(gè)優(yōu)秀的作品集；也不清楚UI作品集中需要放哪些內(nèi)容，只會(huì)一味堆平時(shí)的一些練習(xí)作品......

那么今天我就根據(jù)這些問題，提出一些自己對(duì)作品集的看法與建議，為大家梳理一下一個(gè)優(yōu)秀的UI設(shè)計(jì)師的作品集應(yīng)該是怎樣的。

一、初步了解作品集

1.作品集的定義

首先我們需要先了解一下什么是作品集。

任何一位創(chuàng)作者，無論創(chuàng)作的內(nèi)容和題材是什么，在其創(chuàng)作了多個(gè)作品之后，均有對(duì)外展示的需求。那么在這種情況下創(chuàng)作者不可能將自己的所有作品零零碎碎的對(duì)外發(fā)布，這是不現(xiàn)實(shí)的，而且十分不利于別人有效閱讀或是觀看，所以創(chuàng)作者們都會(huì)把作品整理好編輯后，再對(duì)外進(jìn)行宣傳發(fā)布。即通過整合從而表現(xiàn)出來的系列展示物，我們統(tǒng)稱為作品集。

舉一些生活中的例子，向我們熟知的音樂專輯、CD，一般為6-10個(gè)音樂歌曲整合，也就算是一個(gè)音樂的作品集。

2.作品集的重要性

了解作品集的定義后，那么對(duì)于我們?cè)O(shè)計(jì)師來說，為什么要做自己的作品集呢。

大家經(jīng)?？梢栽谝恍┱衅妇W(wǎng)站上看見一條要求就是需要提供自己的作品集，這是為了面試官在收到你作品集后，可以快速的根據(jù)你所提供的作品集對(duì)你這個(gè)人來進(jìn)行一個(gè)評(píng)定，也就是說你制作作品集的目的是為了減輕面試官在招聘時(shí)候?qū)θ瞬藕Y選的壓力。

試想一下如果任何人都不提供作品集，面試全靠吹，那么企業(yè)負(fù)擔(dān)的成本將無疑會(huì)直線上升。

所以對(duì)于我們?cè)O(shè)計(jì)師，一份好的作品集能夠高效的向面試官傳達(dá)出我們自身的價(jià)值所在，講通俗點(diǎn)就是希望面試官覺得你可以勝任這個(gè)職位。

二、行業(yè)作品集分析

1.行業(yè)作品集現(xiàn)狀

1.1 同質(zhì)化嚴(yán)重

我們打開設(shè)計(jì)師常用的一些網(wǎng)站，就拿國內(nèi)比較大眾的站酷、UI中國舉例。搜索“作品集”關(guān)鍵詞就會(huì)出來一堆設(shè)計(jì)師作品集。（圖片來源：酸梅干超人）

但是大家仔細(xì)看其實(shí)會(huì)發(fā)現(xiàn)，目前絕大部分的UI作品集都是大同小異，很多設(shè)計(jì)師對(duì)于自己作品集的展示是幾乎沒有一點(diǎn)思路的，一部分人只知道照著各大設(shè)計(jì)師交流平臺(tái)上別人已有的作品集進(jìn)行模塊化的復(fù)制，這種基本上不需要花多少功夫就可以輸出一份能看的作品集，進(jìn)而這種方式也成為了這部分人的快樂良藥。

1.2 商家利益操控

除了我上面說到的高度的借鑒以外，更甚至?xí)嬖谝恍├嬷髁x者，在一些網(wǎng)站上打著“代做”“原創(chuàng)”等關(guān)鍵詞售賣面試作品集，而這里面大部分的商家都是將別人的作品集進(jìn)行一些處理，抹掉關(guān)鍵信息元素，再將多個(gè)作品集裁剪拼接而來的。

那么當(dāng)抄襲成風(fēng)，代做成癮后，越來越多優(yōu)秀的設(shè)計(jì)師們?yōu)榱俗陨碜髌凡槐磺址?，便不?huì)將自己的優(yōu)秀作品分享出來。所以現(xiàn)在很多設(shè)計(jì)師只能夠逮著目前他們已知的一些風(fēng)格、樣式、排版等進(jìn)行作品的輸出，也就導(dǎo)致了為什么現(xiàn)在我們所看到的作品集幾乎都是一樣。

2.行業(yè)作品集需求

2.1 高價(jià)值作品集

上面說到過，作品集是為了高效的向面試官傳達(dá)出我們個(gè)人的能力，所以關(guān)于作品集一定要著重的突出自己的業(yè)務(wù)能力，而不是放與自己沒什么關(guān)系的作品。一個(gè)設(shè)計(jì)師的價(jià)值就體現(xiàn)在他能夠?yàn)檫@個(gè)公司帶來什么，為整個(gè)團(tuán)隊(duì)帶來什么，所以一份高價(jià)值的作品集絕對(duì)都是自己的推銷手冊(cè)，你需要向面試官表明你在這一項(xiàng)目中擔(dān)任了什么角色，解決了哪些問題，完善了哪些驗(yàn)證等等，這些比較關(guān)鍵的點(diǎn)才是面試官想聽和想看的。

2.2 作品集篩選套路

當(dāng)我們作品集投向公司，將會(huì)進(jìn)入作品集的篩選環(huán)節(jié)。面試官在篩選作品集的時(shí)候并不會(huì)一份份全打開看，往往企業(yè)在招聘時(shí)一天能收到上百分作品集，大一點(diǎn)的企業(yè)甚至上千份的作品集都是很正常的，所以這之間就會(huì)存在很多層篩選的流程。

簡單來說企業(yè)篩選作品集普遍會(huì)從以下幾個(gè)點(diǎn)進(jìn)行：

學(xué)歷、經(jīng)驗(yàn)這必然是第一步，很多公司都會(huì)有硬性的指標(biāo)，學(xué)歷不達(dá)標(biāo)技術(shù)再好也進(jìn)不去，比如某團(tuán)。

第二步就是會(huì)篩選作品集的封面了，剛才說到過企業(yè)一天可能會(huì)有上百份作品集，一份份打開來看這不太現(xiàn)實(shí)，所以大多數(shù)面試官會(huì)根據(jù)你作品集的封面來進(jìn)行一輪篩選。對(duì)于設(shè)計(jì)師來說，作品集的封面就可以直觀的映射出你這個(gè)設(shè)計(jì)師的設(shè)計(jì)水平，從某種程度來說封面代表了你這個(gè)作品集的百分之99的價(jià)值。

當(dāng)出現(xiàn)大量相似的封面時(shí)，很大程度上就會(huì)被全部pass掉，那么關(guān)于封面如何去制作我們等會(huì)去說。

篩選完封面后面試官才會(huì)進(jìn)入你的作品集里面對(duì)你的內(nèi)容進(jìn)行查看。一般的順序是從整體到細(xì)節(jié)再到最后是否有加分項(xiàng)和你項(xiàng)目與自己公司項(xiàng)目的匹配程度進(jìn)行一定的評(píng)判。

以上的步驟如果都沒有問題，那么不出意外你就可以收到面試官的面試邀約了。

3.作品集如何脫穎而出

3.1 封面吸晴

剛才已經(jīng)說到過作品集封面的重要性了，我這里就不贅述了直接進(jìn)入正題：如何才能讓你的封面吸引到面試官？

我們先來看一些反面案例，看一看你有沒有中招：

3.1.1 低精度插畫封面

如果你插畫能力不夠強(qiáng)，那這里是建議你不要去輕易的嘗試插畫來當(dāng)作你作品集的封面。這類低精度的插畫不但不能起到強(qiáng)化視覺的作用，反倒會(huì)讓面試官覺得你非常的業(yè)余，如果對(duì)自己手繪、插畫能力十分認(rèn)可又或是意向公司對(duì)插畫的需求比較高的，那么就務(wù)必認(rèn)認(rèn)真真的對(duì)待你的這個(gè)插畫封面，保證整個(gè)頁面風(fēng)格的協(xié)調(diào)性以及視覺氛圍的營造把控是OK的。

3.1.2 低逼格極簡封面

這部分同學(xué)做封面時(shí)可能想要追求高逼格封面，但是因?yàn)閷徝烙只蚴腔A(chǔ)功底等一些原因，導(dǎo)致做出來的封面非常簡陋。并且高逼格、極簡封面并不通用于所有作品集，對(duì)于你作品集里面的內(nèi)容也是有一定的門檻，否則就算封面做的很有逼格，也可能會(huì)因?yàn)槟阒黧w內(nèi)容的逼格與面試官所期望的差距過大而讓面試官對(duì)你瞬間失去興趣。

3.1.3 高級(jí)版式風(fēng)

這一種類型的封面比較考驗(yàn)設(shè)計(jì)師的設(shè)計(jì)功底，目前行業(yè)有著各式各樣專業(yè)轉(zhuǎn)來的設(shè)計(jì)師，所以很多這部分剛?cè)胄械脑O(shè)計(jì)師審美、排版、配色等能力都有所欠缺。我個(gè)人不是很建議新手設(shè)計(jì)師們嘗試這種類型的封面，并且如果去應(yīng)聘的公司規(guī)模比較小，那么很大概率這種類型的封面不會(huì)被他們所青睞。

3.2 作品集風(fēng)格定義

封面好比一把鑰匙，當(dāng)你的封面獲得了面試官青睞后，他才會(huì)打開你的作品集看里面的內(nèi)容，那么關(guān)于作品集內(nèi)容風(fēng)格的制定也是比較重要的。

作品集是多個(gè)作品的集合體，所以很容易就會(huì)出現(xiàn)風(fēng)格的不統(tǒng)一，上一秒還是沙漠這一秒已經(jīng)進(jìn)入了海洋。

所以這一點(diǎn)我們要去想方法避免掉，可以提前制定規(guī)范，也支持后續(xù)統(tǒng)一修改，這個(gè)根據(jù)每個(gè)人自己的習(xí)慣以及經(jīng)驗(yàn)來。

那么我們說一下，在制作作品集中，什么地方需要控制？我這里將它分為3大類：字體、版式以及色系。

3.2.1 字體的統(tǒng)一

我們整個(gè)作品集中承載最多的除了界面就是文字，任何的作品基本上都會(huì)存在文字，那么如果想做好作品集風(fēng)格的統(tǒng)一，第一步就要從字體上下手。

我們可以大致的梳理出來，作品集中字體無非就是用在標(biāo)題、正文以及注釋上面，那么針對(duì)這三類，我們將不同的作品中文字進(jìn)行一定的統(tǒng)一即可。

一些常用的像：蘋方、思源、阿里巴巴普惠等都是很不錯(cuò)的字體。切記一套作品中不要出現(xiàn)太多字體，我這里建議上限3種。

3.2.2 作品集版式

我們?cè)诎b自己的作品時(shí)，不可避免地會(huì)去借鑒別人一些優(yōu)秀的版式供自己參考，但是想要只靠一張參考來打通你的整條包裝思路是相當(dāng)困難的一件事，所以就會(huì)有很多人出現(xiàn)做一張抄一張的情況，這也就是為什么能看見有些人的作品集版式尤其紊亂。

所以我們?cè)谠O(shè)計(jì)自己的作品時(shí)，一定要將版式進(jìn)行統(tǒng)一，這里很多設(shè)計(jì)師都會(huì)采用柵格系統(tǒng)來輔助自己進(jìn)行設(shè)計(jì)。注意我這里所說的柵格并不是隨隨便便繪制幾條參考線就可以了的，對(duì)于柵格系統(tǒng)的定義大家可以去看一下關(guān)于網(wǎng)頁柵格系統(tǒng)的一些文章。(圖片出自酸梅干超人)

3.2.3 色彩的把控

關(guān)于顏色的使用真的成為了很大一批設(shè)計(jì)師的痛點(diǎn)，人對(duì)色彩的敏感度決定因素有很多，除了后天的努力之外還有一些很被動(dòng)的先天因素，比如家庭的條件、男女性別差異甚至人的基因天賦等。

并且這一技能除了多看多練以外可以說幾乎沒有什么捷徑可以走，這也就導(dǎo)致了很多設(shè)計(jì)師作品的色彩搭配的著實(shí)令人著急。

所以這里強(qiáng)烈建議對(duì)顏色把控較弱的設(shè)計(jì)師們?cè)谧鲎约鹤髌芳瘯r(shí)多去借鑒一些已有作品的配色，不要盲目的去用一些非常主觀的顏色，往往都會(huì)出錯(cuò)。

三、作品集內(nèi)容制定

1.UI作品集放什么

1.1 方向決定內(nèi)容

在說作品集需要放哪些內(nèi)容之前，先說一個(gè)比較重要的點(diǎn)，那就是方向。

要知道UI設(shè)計(jì)師所接觸的產(chǎn)品也是分為很多種，除了toC還會(huì)有toB、toG產(chǎn)品，而每一個(gè)公司需要UI設(shè)計(jì)師去做的內(nèi)容也是不同的，遇到很多同學(xué)應(yīng)聘的是UI設(shè)計(jì)師但實(shí)際上做的很多都是平面、視覺方向的內(nèi)容。所以當(dāng)你有意向的公司，不妨去看看他們招聘海報(bào)上需要哪些業(yè)務(wù)能力吧。

1.2 必要性內(nèi)容

什么是必要性內(nèi)容呢，無論你的方向是什么，作品集中一定會(huì)出現(xiàn)的頁面。我這里以封面、個(gè)人信息、工作經(jīng)歷頁面以及目錄頁面來展開說明一下。

1.2.1 封面的設(shè)計(jì)

視覺優(yōu)秀的封面長什么樣我上面已經(jīng)提到了，這里主要說明一下，我們封面除了讓面試官注意到自己其實(shí)還有傳遞信息的作用。

我這里是比較建議大家制作自己作品及封面時(shí)可以放一些能夠代表自己的形象，最簡單的就是姓名、聯(lián)系方式......如果有一定的手繪能力也可以繪制自己的肖像插畫，又或是顏值爆表的同學(xué)何不放自己的照片呢（顏值高的話很加分）

1.2.2  個(gè)人信息頁

這一頁主要承載了你自己的個(gè)人介紹，包含主要信息：姓名、性別、年齡、學(xué)歷。也包含自我的評(píng)價(jià)、個(gè)人的優(yōu)勢(shì)總結(jié)、獲獎(jiǎng)經(jīng)歷、個(gè)人影響力等。但是切記勿長篇大論，一個(gè)自我評(píng)價(jià)寫了好幾百字誰會(huì)去看，更不要去用英文來表達(dá)一些重要信息（除非你面試的公司對(duì)英文有要求），一般情況下我們始終要保持作品集頁面的簡潔高效。

1.2.3 工作經(jīng)歷

很多小伙伴喜歡將這個(gè)頁面和個(gè)人介紹整合在一起，但是我這里推薦將他單獨(dú)的作為一個(gè)頁面來展示，方便面試官來查看我們過往的一些職業(yè)經(jīng)歷，這一點(diǎn)是大多企業(yè)都比較在意。

這里提一點(diǎn)，如果你有大廠的實(shí)習(xí)或是工作經(jīng)歷，又或是接過大廠的一些合作項(xiàng)目，一定要在這頁將他清晰的顯示出來，甚至可以加大加粗，這個(gè)還是很加分的，不要為了視覺的平衡然后把很精彩的一段職業(yè)經(jīng)歷放在角落。

1.2.4 目錄頁面

如果你的能力涵蓋面較廣，各個(gè)領(lǐng)域都能拿出來一些像樣的作品，那么目錄頁是一定要存在的，可以方便面試官快速的了解你已有的業(yè)務(wù)能力，并且能夠增加閱讀時(shí)的體驗(yàn)。但如果你作品很少，只有幾個(gè)項(xiàng)目的改版就結(jié)束了，那么我這是是不建議你放的，原因大家應(yīng)該也都猜到了。

1.3  主要項(xiàng)目類型展示

剛才說過UI涵蓋的方向有很多，我這里不可能全部將他列舉出來。在這里以大家接觸最多的C端項(xiàng)目來進(jìn)行舉例，其他方向也都大同小異，自己轉(zhuǎn)換一下就可以。

那么我們先來說一下APP、小程序該如何的展示在作品集中。首先大家知道，任何的項(xiàng)目都是需要包裝，關(guān)于這類項(xiàng)目的包裝我簡單的將它分為兩種，Redesign與工作項(xiàng)目改版。

1.3.1 Redesign項(xiàng)目展示

我們知道，工作中落地的項(xiàng)目代表了一個(gè)設(shè)計(jì)師的下限，而平時(shí)的飛機(jī)稿代表了一個(gè)設(shè)計(jì)師的上限，那么關(guān)于Redesign可以說是夾在這兩種之間。

Redesign項(xiàng)目對(duì)比真實(shí)落地項(xiàng)目給面試官的說服力顯然是不夠的，因?yàn)樵O(shè)計(jì)師在面對(duì)真實(shí)工作場景中會(huì)存在太多的束縛，而對(duì)于Redesign來說這種束縛要小了很多，但Redesign真的就不能夠打動(dòng)面試官么？其實(shí)不然，這一點(diǎn)就在于你有沒有真正的通過Redesign項(xiàng)目將你個(gè)人的價(jià)值體現(xiàn)出來。

怎么樣才能在Redesign中體現(xiàn)出你的價(jià)值呢？那就是模擬真實(shí)工作場景。我剛才說過，真實(shí)項(xiàng)目對(duì)比Redesign項(xiàng)目多了很多束縛，有公司商業(yè)層面、方法論如何落地、改版可行性等等一系列原因。而往往面試官看重的也就是你在面對(duì)問題時(shí)解決問題的方式方法。哪怕是Redesign項(xiàng)目，只要能夠體現(xiàn)自己解決問題的能力，那么就是有價(jià)值的，所以當(dāng)我們沒有真實(shí)項(xiàng)目做支撐的話，可以通過放大自己在Redesign項(xiàng)目中解決問題的能力來給自己加點(diǎn)料。

1.3.2 真實(shí)項(xiàng)目展示

如果你有公司項(xiàng)目，我建議你不要進(jìn)行項(xiàng)目從零到一的展示，很多人喜歡拿真實(shí)項(xiàng)目包裝成從零到一，那么將其價(jià)值大大的縮水了。

往往我們?cè)诠ぷ髦泻苄茁蕰?huì)接觸到零到一的項(xiàng)目，大多設(shè)計(jì)師在公司都處于發(fā)現(xiàn)問題與解決需求的兩點(diǎn)一線之間，經(jīng)常會(huì)因?yàn)閿?shù)據(jù)未達(dá)標(biāo)、某一板塊數(shù)據(jù)難看又或是一些其他的因素進(jìn)行升級(jí)調(diào)整。在這之前我們?cè)O(shè)計(jì)師可能會(huì)進(jìn)行數(shù)據(jù)分析、方法論實(shí)踐、小組會(huì)議等等一些方式來考慮如何優(yōu)化，這才是真實(shí)項(xiàng)目應(yīng)該去體現(xiàn)出來的點(diǎn)，也是你自己最核心的價(jià)值。

1.4 輔助項(xiàng)目類型展示

一般來說，一個(gè)UI設(shè)計(jì)師在日常工作中只接觸界面是幾乎不可能的，大部分的公司招聘時(shí)都會(huì)要求設(shè)計(jì)師會(huì)一些其他的技能，其中絕大多數(shù)公司都會(huì)要求設(shè)計(jì)師同時(shí)具備 Web 端的設(shè)計(jì)能力。

所以我們的作品集中除了最關(guān)鍵的APP界面展示外，還需要放上Web端的設(shè)計(jì)作品，如果沒有這方面的作品，還是一樣參考我之前所說的放上有價(jià)值的Redesign。

前面有說到過，任何的作品都是需要去包裝的，而Web端的包裝其實(shí)就并沒有那么講究了，一般面試官只會(huì)大致看一下整體的視覺表現(xiàn)，很少會(huì)細(xì)看，那么我們?cè)诎b上就可以主要針對(duì)視覺來進(jìn)行包裝。常規(guī)做法是背景加上一層高逼格的圖片來進(jìn)行襯托。

1.5 運(yùn)營類作品

說完了前面兩個(gè)必放的作品外，我們當(dāng)然還需要一些能夠給自己加分的作品，其中運(yùn)營設(shè)計(jì)相關(guān)的作品可以說是最受面試官青睞了，這部分作品普遍講究強(qiáng)視覺或是高逼格。

這個(gè)環(huán)節(jié)可以有設(shè)計(jì)師自由發(fā)揮了，沒有什么固定的套路，每一個(gè)設(shè)計(jì)師所擅長的領(lǐng)域不同所展示的內(nèi)容也就不同，擅長插畫你就放插畫，擅長三維你就放三維，但是要注意，我們放的內(nèi)容最好是能夠體現(xiàn)出你在工作中能用得到的，比如說一些運(yùn)營插畫的Banner、H5等等，這些都會(huì)在我們工作中經(jīng)常出現(xiàn)，也就會(huì)更加分一些。

這里建議，如果你這方面能力并不是很強(qiáng)，我們可以堆量來展示，這樣既能夠保證作品集的豐富性，并且在量多的情況下，往往一些細(xì)節(jié)的粗糙就會(huì)被面試官所忽略。

2.練習(xí)與臨摹

2.1 練習(xí)與臨摹

考慮到很多同學(xué)工作之余只有零零碎碎的練習(xí)又或是臨摹的作品，無法很完整的輸出成套作品，所以我這里將這個(gè)問題單獨(dú)拿出來講。

首先我們先要搞清楚練習(xí)和臨摹的概念。練習(xí)可以是依據(jù)別人的想法、思路，又或是完全自己的思路，最后輸出一份沒有商業(yè)價(jià)值的作品，而臨摹只是單純的照著參考將他實(shí)現(xiàn)出來。這兩者本質(zhì)上的概念是不同的所以帶來的價(jià)值也是不一樣的。

2.1.1 練習(xí)作品

說到練習(xí)作品，其實(shí)大多數(shù)的公司對(duì)練習(xí)作品的態(tài)度還算是比較中肯的，但是也存在因?yàn)闆]有帶來商業(yè)價(jià)值而否定你這個(gè)設(shè)計(jì)師能力的企業(yè)或面試官。所以這樣的情況，我們應(yīng)該如何應(yīng)對(duì)？我這里給兩點(diǎn)建議，一個(gè)是包裝話術(shù)、一個(gè)是包裝作品。

先從包裝話術(shù)來說，很多設(shè)計(jì)師在放練習(xí)作品的時(shí)候還非得加一個(gè)“哪年那年個(gè)人練習(xí)作品”，生怕面試官不知道你這是練習(xí)的。

我們?cè)诜啪毩?xí)作品的時(shí)候一定不要主動(dòng)表明這是練習(xí)的，如果非要擬個(gè)標(biāo)題，那么就以"自我提升"“工作之余”這類比較摸棱兩可的文字作為標(biāo)題，實(shí)在不會(huì)你就用“其他設(shè)計(jì)”也比放“個(gè)人練習(xí)”要好得多。

然后說說如何包裝自己的練習(xí)作品。一般情況我們放練習(xí)作品目的無非就兩種“提高自己行業(yè)競爭力”“打造熱愛設(shè)計(jì)人設(shè)”，而想要達(dá)到這兩種目的我們只是隨隨便便放幾個(gè)作品是不夠的，一定要堆量或者成套展示。

2.1.2 臨摹作品

再來說到我們的臨摹作品，這種作品本身的意義就不大，所以如果實(shí)在沒有作品展示，只能靠臨摹作品來豐富你的作品集，那也去找一些實(shí)現(xiàn)效果較難的作品去臨摹，這樣也算是發(fā)揮了臨摹的最大價(jià)值。并且還是一樣，不要直接表明這是“臨摹作品”

四、作品集制作導(dǎo)出與命名

1.高效制作作品集

1.1 作品集制作工具

如今我們?cè)O(shè)計(jì)師有非常的多工具軟件來進(jìn)行設(shè)計(jì)操作，PS、Figma、Sketch...... 關(guān)于我們作品集的設(shè)計(jì)到底該使用哪類軟件其實(shí)并沒有一個(gè)完美的答案，追求強(qiáng)視覺的使用PS當(dāng)然沒有問題，而figma、sketch、xd這類軟件從效率來看一定也是高于PS的，但是我這里還是推薦后者，畢竟即使真要有視覺上的高需求figma完成不了的，那么也可以臨時(shí)打開PS來處理一下，之后再復(fù)制到figma中進(jìn)行排版。

1.2 頁面樣式及數(shù)量

1.2.1 頁面樣式

我們的作品集展示目前主流分為兩種，長頁面式與ppt式，簡單來說一下這兩種的不同點(diǎn)。

長頁面主要的優(yōu)勢(shì)在于空間，因?yàn)檫@種樣式的展現(xiàn)不需要考慮到每一個(gè)畫板的高度，所以在排版上對(duì)比隔壁ppt式有了相對(duì)領(lǐng)先的優(yōu)勢(shì)，我們排出來的視覺效果也會(huì)相對(duì)較好一些。

再來說ppt式，這種樣式幾乎規(guī)范了每一頁的高度，每一個(gè)模塊都劃分的非常清楚，給人的感覺就比較的穩(wěn)。但是因?yàn)楦叨鹊木窒迣?dǎo)致了頁面空間較小，所以內(nèi)容的展示相對(duì)來說都比較緊湊，視覺效果相比長頁面會(huì)遜色一些。

那么這兩種樣式應(yīng)該如何去選擇呢？我這里建議是：如果你的項(xiàng)目以展示改版后的頁面為主，比如我之前說到的Redesign，并且你個(gè)人排版水平審美等都在線，那么我比較建議你使用長頁面；如果你的項(xiàng)目展示的是改版前后的對(duì)比和一些思路的說明，我建議使用ppt式，并且ppt式對(duì)于面試官的閱讀體驗(yàn)是比較友好的也是目前比較主流的展示樣式。

1.2.2 頁面數(shù)量

除了作品集展示的內(nèi)容以外還有另外一個(gè)點(diǎn)也很令大家頭疼，那就是展示頁面的多少，放少了會(huì)讓面試官覺得很簡陋，放多了又會(huì)讓作品集內(nèi)容失焦。

我給出的建議是控制在60頁左右比較合適，并且我們的作品集一定要展示精華內(nèi)容讓面試官可以在最短時(shí)間內(nèi)對(duì)你的作品打出滿意的評(píng)分而不是一股腦全部塞進(jìn)去，那樣只會(huì)讓面試官感到乏味。并且龐大的頁面數(shù)量也會(huì)使你作品集體積增加，這對(duì)于作品集在企業(yè)內(nèi)部的傳輸也是十分不利的。

2.作品集的導(dǎo)出

2.1作品集格式

關(guān)于作品集格式目前我只推薦PDF文檔，無論是安全性還是查看起來的效率，pdf都要具備很明顯的優(yōu)勢(shì)，那么有人會(huì)說了：我有交互的動(dòng)效但是PDF不能顯示動(dòng)效該怎么辦。首先你需要知道交動(dòng)效在大部分工作環(huán)境中能用到機(jī)會(huì)并不多，哪怕你放了面試官也可能就看過且過，并且還會(huì)占用你的作品集頁面，所以如果你認(rèn)為你的動(dòng)效很加分，那么建議直接添加一個(gè)外鏈，面試官如果有興趣，自然會(huì)點(diǎn)進(jìn)去看。

2.2 作品集壓縮

上面有提到我們PDF的大小如果過大會(huì)不利于作品集的傳輸，那么應(yīng)該控制在多少比較合適呢，我這里給出的建議是10M，如何輸出一份體量小于10M的PDF文件呢？我們可以利用很多第三方網(wǎng)站或是工具，我這邊給出幾個(gè)比較常用的方法：

2.2.1 單張圖片壓縮

我們知道PDF是有多張圖片合并成一張的，如果想減小PDF體積其實(shí)就可以單獨(dú)為每一張圖片進(jìn)行壓縮，壓縮圖片的地方有很多我就不詳細(xì)說明了，比如比較知名的熊貓壓縮 https://tinypng.com/ 又或是PS自帶的圖像處理器......

2.2.2 PDF在線壓縮

除了對(duì)單張圖片的一對(duì)一壓縮以外我們一樣可以將整個(gè)PDF進(jìn)行壓縮，這里我推薦我用得比較多的一個(gè)壓縮網(wǎng)站https://www.ilovepdf.com/，我們直接將PDF拖入該網(wǎng)站進(jìn)行壓縮即可。

五、文末總結(jié)

以上就是我對(duì)于作品集的一些梳理，希望對(duì)正在做作品集或者即將做作品集的同學(xué)有幫助。

最后提一些個(gè)人的看法，作品集對(duì)一個(gè)設(shè)計(jì)師的意義遠(yuǎn)遠(yuǎn)不限于是找工作那么淺顯，無論你的能力如何，作品集都是你這一年或是多年內(nèi)自己所有經(jīng)驗(yàn)沉淀與總結(jié)。我們?cè)O(shè)計(jì)師幾乎每時(shí)每刻都是在為他人所服務(wù)，做的需求也都是為了迎合別人的利益，唯有作品集才是真正屬于自己的東西，所以請(qǐng)大家對(duì)作品集抱有一定的敬畏心......

Powered by Froala Editor