9.1明天下午兩點(diǎn)半有我的「B端高質(zhì)量作品集輸出」直播課，想看的同學(xué)的可以在我的主頁(yè)預(yù)約直播，那么我們就明天見(jiàn)！

相關(guān)作品集文章：

這幾篇文章之前漏掉了，沒(méi)有搬運(yùn)到B站，看著熟悉的同學(xué)可以再溫習(xí)一遍～就醬

最近看了一圈ZCOOL新發(fā)布的一些作品集，本身質(zhì)量先不提，光是封面的做法，就讓我覺(jué)得對(duì)治療低血壓有神奇的療效……

鑒于封面對(duì)于作品集的作用，以及作品集本身的重要性，我打算單獨(dú)輸出幾篇針對(duì)它的專題分享，幫助大家做出 “正?！?的作品集封面。

今天這篇先從反面案例開(kāi)始說(shuō)起，通過(guò)這些總結(jié)來(lái)幫助大家刷新對(duì)封面設(shè)計(jì)的認(rèn)識(shí)，然后再在下一篇分享封面設(shè)計(jì)的相關(guān)思路。

第一個(gè)要講的，就是封面中個(gè)人照片的錯(cuò)誤應(yīng)用。因?yàn)檫@陣子直播課程中正好看到一份非常有代表性的案例，所以必須先從它開(kāi)始說(shuō)起，案例見(jiàn)下圖。

不知道大家看完有什么樣的感受，至少我看到的第一反映，就是它像一份地產(chǎn)、保險(xiǎn)、4S店的銷售應(yīng)聘簡(jiǎn)歷……

不是說(shuō)在封面放自己照片不行，反而我非常建議這么做，但第一照片不能這么拍，第二展示不能這么“小氣”。

作為設(shè)計(jì)師，一定不要穿廉價(jià)的職業(yè)裝拍照，因?yàn)槟窃趪?guó)內(nèi)的環(huán)境下是一線銷售的標(biāo)準(zhǔn)裝扮。一定想穿西服，也要走偏休閑、定制的款式，但你確定自己駕馭得住（總之就是不建議）？

要放自己的照片那就一定要自然，有審美趣味，比如下面這些案例。

什么？你說(shuō)自己不是靚仔美女？這恰恰是審美趣味表現(xiàn)的途徑之一，并不是長(zhǎng)得好看才能有好的照片，這一方面考驗(yàn)攝影師的功力，另一方面反映你自我的審美要求。

比如下面這些長(zhǎng)相并不凸出的照片案例：

一定不要整得過(guò)于花哨，“前衛(wèi)”過(guò)頭風(fēng)險(xiǎn)太大，不是匹配的行業(yè)的話是很難有好的反饋的。比如過(guò)于殺馬特、賽博朋克、末日廢土，或者干脆拿個(gè)武士刀的中二都市機(jī)能……

覺(jué)得實(shí)在沒(méi)有合適的，對(duì)長(zhǎng)相也自卑得摳腳（是得糾正），大不了不放也沒(méi)關(guān)系。但絕對(duì)不要因?yàn)橛X(jué)得自己不行，然后就放個(gè)老外的照片。這在我這邊收到過(guò)的簡(jiǎn)歷和網(wǎng)上看到的案例中也非常普遍，比如下面這些真實(shí)案例。

覺(jué)得自己不行，所以放個(gè)鬼佬的照片就行了？這是一個(gè)非常離譜的思路，我一直沒(méi)辦法理解這是怎么想的。

設(shè)計(jì)師的作品集就是簡(jiǎn)歷，簡(jiǎn)歷里放照片一方面是有必要的，另一方面可以很好的提升整體的可信度，能帶來(lái)一些正面的影響。

雖然最終關(guān)注的是作品質(zhì)量，不放加分拿不到，但起碼不要在這種地方呈現(xiàn)自殺性負(fù)分操作。

第二種，就是字體應(yīng)用混亂，不僅使用的字體類型超出合理的范疇，而且很多字體風(fēng)格明顯不搭但強(qiáng)行應(yīng)用，比如下面這些案例。

字放的多，在平面海報(bào)設(shè)計(jì)是很常見(jiàn)，但這需要明確的排版思路支撐，以及對(duì)字體類型的合理搭配。尤其在字體選擇和參數(shù)應(yīng)用上，存在大量的細(xì)節(jié)需要關(guān)注。

比如多數(shù)特殊字體正負(fù)形的比例很失衡，非常不適合作為大標(biāo)題。非標(biāo)題性英文幾乎都有字間距手動(dòng)控制的需要，防止瀏覽效果太離散。英文數(shù)字的字號(hào)字重往往需要獨(dú)立調(diào)節(jié)才能和中文形成合理的搭配……

很多UI設(shè)計(jì)師對(duì)排版的理解僅僅是把字放進(jìn)畫布里，隨便改改參數(shù)，而并沒(méi)有真正理解背后的應(yīng)用邏輯。所以導(dǎo)致他們即時(shí)直接照抄一些優(yōu)秀的版式，做出來(lái)的設(shè)計(jì)還是很奇怪。而且想要把畫面塞得越滿，效果也就越差。

封面不是字?jǐn)?shù)越多，字體越特殊，排得越滿越好，而是要在非必要的情況下給出足夠的留白，塑造舒適的空間感。

重申一遍，不是擠滿元素的做法不行，而是要做那種設(shè)計(jì)就得有對(duì)應(yīng)的駕馭能力，不要在你自己沒(méi)有想清楚的情況下亂抄，這樣不僅做起來(lái)沒(méi)簡(jiǎn)約留白多的設(shè)計(jì)容易，效果也不會(huì)更好。

同時(shí)，中文的應(yīng)用上我只建議使用標(biāo)準(zhǔn)的黑體類型，如普惠、旗黑、蘭亭、鴻蒙、MiSans、OPPO Sans 等，不要去用一些風(fēng)格太強(qiáng)烈的字體。

尤其是一些免費(fèi)的標(biāo)題體，它們大多是針對(duì)互聯(lián)網(wǎng)運(yùn)營(yíng)場(chǎng)景開(kāi)發(fā)的營(yíng)銷字體，只會(huì)讓你的封面產(chǎn)生一股廉價(jià)又濃郁的互聯(lián)網(wǎng)營(yíng)銷風(fēng)……

因?yàn)閷?duì)平面認(rèn)識(shí)的匱乏，很多人在設(shè)計(jì)的時(shí)候想放主體元素，就會(huì)找插畫或者3D元素。但往往這些素材的質(zhì)量非常差，根本無(wú)法作為一份設(shè)計(jì)作品集的封面主體元素，比如下面案例。

還有一種情況，就是有一些人用了一些比較不錯(cuò)的素材，然后立馬有一大群人跟著一起用，導(dǎo)致同類素材泛濫。比如下面的3D胖手，用我在招聘中的學(xué)員講的話就是，10份作品集一半里有這個(gè)東西。

3D和插畫實(shí)際上和UI項(xiàng)目并沒(méi)有太大的關(guān)系，要放也要證明自己有專業(yè)的輸出能力，而不是放一些低質(zhì)量作品、素材，在第一頁(yè)告訴觀看者你3D或插畫能力是不及格的。

完全不建議在方面出現(xiàn)這些元素，最多使用一些科技化的、沒(méi)有復(fù)雜輪廓的渲染元素，來(lái)提供相關(guān)氛圍。

經(jīng)常在這幾個(gè)網(wǎng)站看作品集的話，應(yīng)該下面這些案例沒(méi)少看，都是我從不同作品集里截圖出來(lái)的。

很多人以為的作品集就是買個(gè)模板，改改字，或者演都不演一個(gè)字沒(méi)動(dòng)就完稿，這是沒(méi)有意義的。這種直接套模板的方式滿屏輸出著 “敷衍” 的態(tài)度。

可以直接給一個(gè)定論，直接買網(wǎng)上模板，還是完全跟著教程做，或者直接模仿已經(jīng)是大路貨的封面，是沒(méi)有任何前途的，對(duì)于專業(yè)的，經(jīng)驗(yàn)豐富的設(shè)計(jì)團(tuán)隊(duì)來(lái)講，看到封面就可以關(guān)掉了，沒(méi)有往下看的必要！

還有個(gè)特別奇怪，或者說(shuō)不應(yīng)該發(fā)生的，就是很多封面喜歡“套娃”，在里面畫矩形框，比如下面這種。

我們正常在電腦上看一份作品集，就是彈窗模式下查看，它本來(lái)就有個(gè)外部窗口。然后再這個(gè)窗口內(nèi)，再?gòu)?qiáng)行畫一個(gè)窗口，只會(huì)讓整體的展示更局促、小氣、業(yè)余。

這和前面說(shuō)的問(wèn)題類似，封面一定要做好空間的管理，減少這種不必要的分割，通過(guò)留白來(lái)提升頁(yè)面的展示效果。

UI 圈子每一陣子會(huì)流行一種平面風(fēng)格，原因是UI設(shè)計(jì)師整體的平面水平不足，所以總是要在某些優(yōu)秀案例問(wèn)世后一窩蜂的“致敬”。

日常練習(xí)沒(méi)關(guān)系，但作為作品集帶有個(gè)人印記的內(nèi)容上，完全不建議大家模仿流行的風(fēng)格。即使你覺(jué)得別人做出來(lái)的效果好，但只要用的人多，就絕對(duì)不要去跟風(fēng)。

比如這兩年比較流行的酸性風(fēng)格、真空包裝袋、毛玻璃等。

這種直接跟風(fēng)的做法也非常容易拉低整體的分值，尤其成熟的設(shè)計(jì)團(tuán)隊(duì)會(huì)覺(jué)得套用爛大街風(fēng)格，那么該設(shè)計(jì)師毫無(wú)個(gè)人積累和個(gè)性，會(huì)抗拒接收這樣的作品集。

建議所有在做作品集的同學(xué)，在國(guó)內(nèi)互聯(lián)網(wǎng)上看到別人的作品集，尤其是高熱度的，還是很多人都那么做的東西，直接放棄和他們做一樣的風(fēng)格，因?yàn)槟欠N不是第一批做的跟風(fēng)者，是吃不到螃蟹的，徒增反感。

還有色彩的問(wèn)題，很多封面的用色處于沒(méi)有理由的激進(jìn)，完全沒(méi)有專業(yè)設(shè)計(jì)師作品集該有專業(yè)感和穩(wěn)重，讓人覺(jué)得非常的浮夸。

或者缺乏主色，顏色呈現(xiàn)得很混亂，沒(méi)有辦法構(gòu)建一個(gè)完整的畫冊(cè)視覺(jué)觀感。

封面的色彩應(yīng)用一定要控制色彩數(shù)量，不要想著做成五彩斑斕的黑，或者使用了一些國(guó)潮、賽博朋克才會(huì)用的激進(jìn)霓虹配色。

我們的作品集是UI作品集，不是平面、品牌、電商作品集，而且只有面向這些潮流領(lǐng)域的設(shè)計(jì)師作品集才有場(chǎng)景做成這個(gè)樣子，尤其是B端設(shè)計(jì)師這么做只會(huì)讓人覺(jué)得非常不穩(wěn)重不專業(yè)！

確保你的封面有主體的顏色，且除了圖片的用色數(shù)量盡量控制在3種以內(nèi)，才能體現(xiàn)穩(wěn)重和秩序。

封面的配色是要在后面的展示頁(yè)面中有關(guān)聯(lián)的，所以盡量在完成整體設(shè)計(jì)后再回過(guò)來(lái)做出調(diào)整，可以比較好的保證整體的統(tǒng)一性，提升觀看者體驗(yàn)。

很多人也意識(shí)到作品集封面的重要性，所以會(huì)花很多精力去處理它。確實(shí)有一部分作品集的封面完成度是不錯(cuò)的，也感覺(jué)出來(lái)花了非常大的精力，但后續(xù)的內(nèi)容完全跟不上封面的質(zhì)量……

這個(gè)就不找圖例了，需要大家自己在網(wǎng)站列表中看那些封面做的特別吸引人的作品集，點(diǎn)擊進(jìn)去完整看一遍感受一下，就會(huì)發(fā)現(xiàn)有很多作品集實(shí)際內(nèi)容不盡如人意。

如果封面一開(kāi)始投入的精力過(guò)多，拉起了我們的期待值，那么面試者就會(huì)對(duì)后續(xù)的內(nèi)容有較高的期望。

但如果后面的內(nèi)容頁(yè)面設(shè)計(jì)明顯出現(xiàn)斷層，那么這個(gè)失望的情緒就會(huì)被放大。以及因?yàn)檫@種落差，會(huì)認(rèn)為封面是不是你直接抄了優(yōu)秀的作品不是自己完成的。

一定要記得封面是作品集整體的一部分，而不是一個(gè)獨(dú)立設(shè)計(jì)的作品，在投入的精力中必須確保前后內(nèi)容的統(tǒng)一和一致性。

結(jié)尾

以上就是關(guān)于作品集封面常見(jiàn)問(wèn)題的總結(jié)了，建議大家多在相關(guān)網(wǎng)站多瀏覽作品集的列表，體會(huì)下收簡(jiǎn)歷的人的心情。你們就會(huì)明白，大多數(shù)設(shè)計(jì)師找不到工作不是沒(méi)有原因的，很多人的作品集從封面看到的那刻起，就可以直接關(guān)了，壓根沒(méi)必要往下看！

作品集是需要很認(rèn)真和嚴(yán)肅對(duì)待的東西，但是很明顯很多人沒(méi)有想明白，所以不要光抱怨外部環(huán)境，好好從作品集出發(fā)作出優(yōu)化吧！

我會(huì)在后續(xù)更新封面設(shè)計(jì)的相關(guān)思路，敬請(qǐng)期待！

我們下篇再賤～

更多更系統(tǒng)的B端系統(tǒng)化知識(shí)課程都在我的付費(fèi)正課中了！

B端產(chǎn)品設(shè)計(jì)課程第八期開(kāi)啟正式招生～