編者按：本文通過一個(gè)設(shè)計(jì)師作品集封面設(shè)計(jì)的實(shí)操案例，幫你掌握作品集封面設(shè)計(jì)，附贈(zèng)500多張優(yōu)秀案例打包，快來下載！

往期回顧：

作品集封面是個(gè)讓設(shè)計(jì)師又愛又恨的東西，看上去僅僅是個(gè)面子工程，但作為作品集的第一頁，承擔(dān)了重要的門面作用。

今天，咱來嘮嘮作品集封面。備好水，很干，很硬。

一、為什么作品集封面很重要

打個(gè)比喻的話，我會(huì)把面試官看到作品集封面的過程，比作相親過程的第一次會(huì)面。第一眼的視覺總是會(huì)先入為主得產(chǎn)生第一印象。

而這個(gè)所謂的第一印象，具體有多重要，可以用首因效應(yīng)來解釋。

首因效應(yīng)來自社會(huì)心理學(xué)，說的是人們初次收獲的信息產(chǎn)生的印象更難以消除，甚至?xí)笥覍?duì)后來新信息的解釋。

用人話說，就是第一印象往往會(huì)讓對(duì)方先入為主得給你貼標(biāo)簽，你之后的種種行為，可能都會(huì)被帶著濾鏡看待。

這種有意思的效應(yīng)涉及到一個(gè)經(jīng)典模型——心智模型。

如果你看到卡尼曼的《思考快與慢》，你應(yīng)該記得我們的大腦分為系統(tǒng) 1 和系統(tǒng) 2。分別對(duì)應(yīng)無需思考的快系統(tǒng)和需深思熟慮的慢系統(tǒng)。

大腦喜歡高效和偷懶，所以為了更多得調(diào)用系統(tǒng) 1，總是下意識(shí)得建造一個(gè)又一個(gè)模型，之后遇到類似的情況可以不用思考就給反應(yīng)、下決策。

比如我們看到一對(duì)男女進(jìn)入酒店，麥當(dāng)勞菜單上的超大漢堡包，草根在微博爆出的關(guān)于自己被 xx 明星拋棄的小長(zhǎng)文。第一次看到這些信息，我們很可能會(huì)先入為主得認(rèn)為自己看到的即是真相。而事實(shí)上，可能那對(duì)男女并不是情侶、服務(wù)員端來的漢堡包其實(shí)小得可憐、而那名草根也只是借勢(shì)炒作自己而已。

所以，人的第一印象受心智模型的影響，導(dǎo)致生成的標(biāo)簽更加難以擦除。相親的第一眼，對(duì)方就可以通過外表給你貼上你意想不到的標(biāo)簽。而面試官看你作品集的第一眼同理。

我和大多數(shù)面試官一樣，在篩選作品集時(shí)，會(huì)先通過作品集封面，對(duì)候選人能力做一個(gè)初步評(píng)定。

一個(gè)版面有明顯問題的封面，可能直接判定你的基礎(chǔ)能力不達(dá)標(biāo)，導(dǎo)致作品集中的內(nèi)容都可能受其影響。

而一旦面試官是一個(gè)急性子，很可能看了封面就直接把候選人 pass 了。

所以作品集封面，比我們想象得要更重要。

二、如何制作作品集封面

簡(jiǎn)單說三個(gè)原則。

1. 大量參考

很多朋友上來就開始懟封面，在無數(shù)的嘗試糾結(jié)中浪費(fèi)時(shí)間。但事實(shí)上，我們需要去借助大量的參考來更快得獲得啟發(fā)。參考它們的版面，參考它們的配色。

借鑒優(yōu)秀案例，是一個(gè)必不可少的前置過程。

為了幫助老鐵們更好得獲得靈感，我公開分享了自己私藏的 500 多張封面圖，開頭和文末可領(lǐng)取。

2. 別減分

如果你的設(shè)計(jì)功底不夠好，建議直角走蘋果的極簡(jiǎn)路線。這樣可以保證你不會(huì)在門面上減分。

比如下面的封面，版面和配色都走了簡(jiǎn)單路線、干凈利落。

3. 表現(xiàn)力

畢竟是作品集制造的是第一印象，所以在不減分的前提下，封面的視覺表現(xiàn)力依然可以作為開局的分水嶺。比如下面兩個(gè)案例，你更傾向于注意到哪一個(gè)標(biāo)題呢?

三、作品集封面套路+實(shí)操

結(jié)合我自己的經(jīng)驗(yàn)，介紹一個(gè)非常實(shí)用的萬能公式：

作品集封面=搭骨架+表風(fēng)格

搭骨架=確立版式+強(qiáng)化后的主體+輔助信息填充

表風(fēng)格=色彩+元素+質(zhì)感

這里的主體可以直接上英文 PORTFOLIO，簡(jiǎn)單易出效果。

下面來實(shí)操一把。

1. 確立版式

我想傳達(dá)正式和儀式感，所以整體定居中版式。當(dāng)然還有其他更優(yōu)秀的版式，那些封面靈感都可以幫你更好參考。

2. 定下主體

portfolio 英文字體，整體作為畫面主體。

記得換一個(gè)更粗重的字體，因?yàn)樽煮w筆畫擁有了更高視覺占比（筆畫由線化面），自然能制造出更飽滿的張力

3. 主體強(qiáng)化

強(qiáng)化的意義在于以更多的層次來提升畫面表現(xiàn)力。我常用的方法有兩個(gè)，第一個(gè)是重復(fù)+鏤空字，一來起了強(qiáng)化作用，二來以線面對(duì)比豐富層次，三來線本身的造型性可以大幅拉高設(shè)計(jì)感、逼格滿滿。

第二個(gè)是裂區(qū)手法。通過序列切割的形式來大幅強(qiáng)化造型感，讓畫面更加高級(jí)。這種試驗(yàn)風(fēng)格的感染力很強(qiáng)，很容易形成記憶點(diǎn)，打破視覺疲勞。大名鼎鼎的韓國設(shè)計(jì)團(tuán)隊(duì) plus X 曾為國內(nèi)綜藝《演員的誕生》做過品牌設(shè)計(jì)，當(dāng)時(shí)的 logo 便使用了這個(gè)手法。

4. 輔助信息填充

這一步就基本完成骨架了。為了避免畫面過空，可以在四角加上輔助信息來填充畫面、增加層次。結(jié)合一些流行符號(hào)，可以讓版面更新潮，比如{ }、?、箭頭符號(hào)等等。注意遵循網(wǎng)格規(guī)范。

5. 風(fēng)格賦予

加入顏色來定格版面情緒。這里我想傳達(dá)互聯(lián)網(wǎng)的、理性的氣息，所以選用了藍(lán)色。

加入其它元素來豐富版面層次。角落通過高斯模糊形成彌散光，來疊加一層氛圍，左上可簽上專屬簽名展示你自己。

當(dāng)然，你可以選用其他風(fēng)格。比如加入封條、環(huán)形符號(hào)、小黃臉、網(wǎng)格等元素，可以讓封面非常新潮。

或者再加幾個(gè)高亮封條做交叉、鋪上透視網(wǎng)格、覆蓋仿真材質(zhì)，這些都能讓畫面更加個(gè)性和潮流。

雖然表現(xiàn)力爆棚，但也會(huì)存在潛在風(fēng)險(xiǎn)。因?yàn)檫@種風(fēng)格強(qiáng)烈的設(shè)計(jì)并非每個(gè)面試官都可以接受，而且其難度較大、不易駕馭。

所以，可以盡量讓畫面安靜。比如我們?nèi)サ纛~外的裝飾，僅僅用一個(gè)圓形表達(dá)主體。

做一個(gè)單側(cè)模糊，虛實(shí)對(duì)比迅速拉滿設(shè)計(jì)感。很多同學(xué)比較好奇這種模糊是怎么實(shí)現(xiàn)的。步驟很簡(jiǎn)單，打開 ps，濾鏡-模糊畫廊-場(chǎng)景模糊即可實(shí)現(xiàn)。

或者可以換個(gè)冷色調(diào)?；蛘呃渑Y(jié)合，通過不同的布局來傳達(dá)不同的情感。

疊加一層噪點(diǎn)，意義在于讓畫面更有質(zhì)感和細(xì)節(jié)。這是一招鮮的做法，效果卻是立竿見影。

當(dāng)然，我們還可以選擇另一個(gè)方向。標(biāo)題底下加上 4 個(gè)大小不一、互相疊加的半透明的圓

賦予不同的顏色。

每個(gè)形狀都可以來個(gè)高斯模糊，就形成了近年很火的彌散漸變風(fēng)格。

同樣的，可以加上噪點(diǎn)來出更多的效果。

最后

不論哪一種風(fēng)格，我們的目標(biāo)都是在不減分的基礎(chǔ)上，給面試官留下良好的第一印象，甚至開始期待你的內(nèi)容。

而實(shí)現(xiàn)這個(gè)結(jié)果投入產(chǎn)出比最高的方式，就是去參考優(yōu)秀的封面。

我全網(wǎng)搜集了 500 多張優(yōu)質(zhì)的作品集封面，里面按類別分成了純文字、圖形、人像等多個(gè)類目。每一張封面都是精挑細(xì)選，每一種都有值得去參考借鑒的地方。附件即可下載