之前陸陸續(xù)續(xù)收到了不少作品集，發(fā)現(xiàn)了一些比較基礎(chǔ)且共性的問題。馬上要到 3 月份求職高峰期了，很多設(shè)計(jì)師都在準(zhǔn)備作品集，開始找工作或者計(jì)劃跳槽。

今天，就和大家分享一下我看到的這些共性問題，并給出一些建議，希望能給你一些啟發(fā)和幫助。再給大家分享一波作品集基礎(chǔ)模板與素材，幫你快速糾正錯(cuò)誤，搭建屬于自己的作品集框架。

1. 作品集太大

作品集的頁數(shù)和文件大小，雖然沒有強(qiáng)制要求，但也有一個(gè)大致的范圍。我收到過好幾個(gè) 50M 以上的 PDF 作品集文件，在網(wǎng)速很快的情況下，也是稍等了一會(huì)兒才下載完成。

會(huì)出現(xiàn)這種情況，有幾個(gè)可能：一是，項(xiàng)目推導(dǎo)部分過長(zhǎng)，分析了十多頁才開始展示最終視覺，直接導(dǎo)致作品集頁數(shù)過多，文件太大；二是，使用了大量遠(yuǎn)超展示所需的超高清素材。

如果是前一種原因，那么記得把重點(diǎn)展示的第一個(gè)項(xiàng)目分析控制在 5 頁以內(nèi)，包含項(xiàng)目背景、業(yè)務(wù)目標(biāo)、基于目標(biāo)確定的設(shè)計(jì)大方向、競(jìng)品與趨勢(shì)分析這些主要內(nèi)容就夠了。

如果是后一種情況，找出作品集中過大的圖片，使用壓縮工具處理后再放進(jìn)去。

經(jīng)過以上兩步處理后，導(dǎo)出的 PDF 文件如果還是很大，可以找一些 PDF 壓縮工具，或者將作品集每一頁導(dǎo)出成圖片再拼合成 PDF。

總之，在保證內(nèi)頁畫面質(zhì)量的同時(shí)，盡可能壓縮體積，給面試官提供便利，也給自己更多機(jī)會(huì)被看見。

2. 項(xiàng)目選擇不合理

毫不夸張地說，近一半的設(shè)計(jì)師作品集項(xiàng)目選擇和內(nèi)容構(gòu)成不合理。大家都知道要放三四個(gè)項(xiàng)目，但是應(yīng)該放哪些？每一類分別放幾個(gè)？各個(gè)項(xiàng)目分別占據(jù)多大的比重？問題又開始一個(gè)一個(gè)冒出來了。

那么，應(yīng)該如何安排一份項(xiàng)目選擇合理的作品集？接著往下看。

首先，將你的能力優(yōu)勢(shì)與求職意向相匹配。

從個(gè)人能力優(yōu)勢(shì)的角度考慮，選你擅長(zhǎng)的、近期產(chǎn)出比較拿得出手的、深度參與的重要項(xiàng)目，這些都是優(yōu)先級(jí)更高的。從求職崗位角度考慮，UI 設(shè)計(jì)、運(yùn)營(yíng)設(shè)計(jì)、視覺設(shè)計(jì)、體驗(yàn)設(shè)計(jì)，作品集中也必須要有更多對(duì)應(yīng)的項(xiàng)目展示。

其次，避免單一技能展示。

應(yīng)聘 UI 設(shè)計(jì)崗位的作品集中就只包含 UI 類作品？這樣無論是投大廠還是小公司，都很難收到反饋。前者強(qiáng)調(diào)能力的多元發(fā)展，后者更是直接，日常分工不會(huì)特別細(xì)化，應(yīng)聘進(jìn)去做 UI 設(shè)計(jì)師大概率還要兼顧一點(diǎn)運(yùn)營(yíng)設(shè)計(jì)、品牌相關(guān)。

最后，注意占比與詳略得當(dāng)。

還是以 UI 設(shè)計(jì)師崗位為例，除了兩個(gè)不同類型、方向的 UI 設(shè)計(jì)作品外，你可能還需要展示三維、海報(bào)、運(yùn)營(yíng)方面的作品。如果有插畫作品、自己很滿意的練習(xí)內(nèi)容，也可以放在這里，但是要包裝一下，放在閃屏、banner圖等場(chǎng)景中，比光禿禿一個(gè)插畫要強(qiáng)得多。

3. 過度包裝，整體風(fēng)格不匹配

適當(dāng)包裝，可以提升作品集的品質(zhì)，但包裝過度反而會(huì)減分。

先說風(fēng)格錯(cuò)配，參考了大量案例后，做了一個(gè)非常高級(jí)、頗具設(shè)計(jì)感的封面圖，但和整體風(fēng)格不搭；封面圖包裝色彩鮮艷且包含 3D、卡通等元素，但實(shí)際展示的作品以簡(jiǎn)約的 UI 類為主。風(fēng)格不統(tǒng)一只會(huì)讓人懷疑，你是不是直接模仿了一張封面圖，完全沒加入自己的思考和設(shè)計(jì)。

再就是，過度使用樣機(jī)。所有頁面都必須套個(gè)殼，混用了許多類型的樣機(jī)，非常主要且核心的頁面卻使用了一個(gè)傾角很大的樣機(jī)模板。這樣的過度包裝不但起不到“點(diǎn)睛”的作用，還可能模糊重點(diǎn)，甚至讓面試官失去興趣直接關(guān)掉不看。

如果你的作品集出現(xiàn)了類似的問題，但又已經(jīng)開始投遞簡(jiǎn)歷尋求機(jī)會(huì)，沒有足夠多的時(shí)間，去參考學(xué)習(xí)大量高級(jí)感作品集重新形成自己的風(fēng)格。

可以考慮選擇一些以黑白灰為主色調(diào)，或者單色極簡(jiǎn)風(fēng)的通用模板。以此為基礎(chǔ)，結(jié)合所選展示作品的風(fēng)格進(jìn)行調(diào)整優(yōu)化，還能在較短的時(shí)間內(nèi)完成不錯(cuò)的效果。

4. 源文件分享，優(yōu)質(zhì)作品集案例素材

分享一些質(zhì)量很不錯(cuò)的作品集案例與模板，這些作品在結(jié)構(gòu)、風(fēng)格、配色選擇等多方面，都很具備學(xué)習(xí)參考的價(jià)值，希望能對(duì)大家有幫助。

1.?黑底搭配亮色，避免純黑色的枯燥，具體選擇哪個(gè)色系，可以參考你首要展示作品的主題色。

↓復(fù)制鏈接到瀏覽器打開

http://u3v.cn/5DcoLw

2. 如果你主導(dǎo)過項(xiàng)目的改版升級(jí)，并打算將其展示在作品集中，可以參考這個(gè)模板的排版和布局，沒有過多的裝飾，主要用對(duì)比來突出結(jié)構(gòu)，讓面試者能更好地聚焦于你所希望凸顯的內(nèi)容上。

↓復(fù)制鏈接到瀏覽器打開

http://u3v.cn/5RufiE

3.?風(fēng)格簡(jiǎn)約、結(jié)構(gòu)清晰的一套作品集模板，可以幫你快速搭建內(nèi)容框架。

↓復(fù)制鏈接到瀏覽器打開

http://u3v.cn/5Z0snl

4. 基礎(chǔ)但新手友好，提供了多種展示模板，適合各個(gè)尺寸的作品。整體沒有過多裝飾，方便你在此基礎(chǔ)上修改并確定自己的作品集風(fēng)格。

↓復(fù)制鏈接到瀏覽器打開

http://u3v.cn/66wCQK

5. 另一套淺灰色的作品集展示模板，可以參考展示的頁面布局、排版形式。

↓復(fù)制鏈接到瀏覽器打開

http://u3v.cn/67hfmd

6. 再來一套作品集封面圖，有一定的設(shè)計(jì)感，但裝飾元素的使用很克制，不會(huì)裝點(diǎn)過多顯得喧賓奪主。

↓復(fù)制鏈接到瀏覽器打開

http://u3v.cn/6eNsaM

7. 可供參考的高級(jí)感作品集封面，用到的都是長(zhǎng)期流行的設(shè)計(jì)元素，不會(huì)過于花哨也不會(huì)因?yàn)樽非蟊鹪O(shè)計(jì)趨勢(shì)而過時(shí)。

↓復(fù)制鏈接到瀏覽器打開

http://u3v.cn/6mjFft

今天推薦的這些素材，都是從「即時(shí)設(shè)計(jì)-資源社區(qū)」搜羅的，想要單個(gè)素材模板的源文件，復(fù)制圖片上方對(duì)應(yīng)的鏈接到瀏覽器打開就可以了。

如果還想看更多優(yōu)質(zhì)案例與素材，可以在「即時(shí)設(shè)計(jì)-資源社區(qū)」的搜作品集免費(fèi)獲?。?/p>

↓復(fù)制鏈接到瀏覽器打開

https://js.design/community

近兩年大環(huán)境不好，這對(duì)大家來說是一個(gè)坎，但如果能沉下心來提升自己、打磨作品，想清楚自己未來要走的路并堅(jiān)持下去，你就能在更多機(jī)會(huì)來臨之時(shí)，牢牢抓住、把握未來、成為更好的自己。