投遞總是拿不到面試機(jī)會(huì)？有可能你與成功僅一頁之差：作品集封面設(shè)計(jì)。

有些伙伴會(huì)和我講她“更注重內(nèi)容的產(chǎn)出，封面隨便弄一下就好” What？隨便弄一下?。?？ ?咱就是說最不應(yīng)該隨便弄的就是封面，這就像豬八戒和太上老君說：俺老豬長得丑，但耐看，多看看還是蠻英俊的，?老豬成佛不在乎外在的美丑，但你怎么能確定你的面試官也成佛了呢？ ?

俺老豬長得丑 ，但耐看，多看看還是蠻英俊的。 ?

設(shè)計(jì)師都是好“色”之徒，封面顏值高，才更有機(jī)會(huì)被查閱作品。

別人我不清楚，反正我有一個(gè)朋友他總會(huì)情不自禁點(diǎn)開朋友圈里帥哥美女的照片，不曉得你們有沒有這樣的朋友。

一、封面設(shè)計(jì)到底有什么用？

說作用之前先給大家介紹一個(gè)概念：首因效應(yīng)，意思是我們給對方留下的第一印象，如果第一印象產(chǎn)生，后續(xù)則很難改變你在對方心里定位。 ?所以封面能不能第一時(shí)間抓住面試官的心很重要，如果封面表現(xiàn)過于敷衍，面試官會(huì)認(rèn)為你是一個(gè)不上心、不積極的人。如果封面做的模板化，那面試官會(huì)認(rèn)為你沒什么設(shè)計(jì)功底，連封面都要去抄... ? ?如第一印象都建立不好，后續(xù)可就不好辦嘍~

二、那怎么把封面做好呢？

講封面！我只辦三件事！

1. 視覺吸引
2. 展示設(shè)計(jì)功底
3. 保持作品集總體調(diào)性的一致

1. 想要吸引面試官首先你要了解你的面試官（用戶）

咱們每天在叭叭用戶體驗(yàn)，可設(shè)計(jì)作品時(shí)怎么就想不起用呢？對你的男神女神上心，到了做作品集這里就不把面試官當(dāng)人了？伙伴們是否有認(rèn)真思考過面試官怎樣瀏覽投遞來的作品？他們的場景是什么樣的？ ?告訴大家真實(shí)場景：通常HR打包20-30份作品發(fā)送給設(shè)計(jì)主管--設(shè)計(jì)主管在其中挑選合適人選反饋給HR--HR進(jìn)行面試邀約。

今天咱們來帶入一下視角。

如果你是設(shè)計(jì)主管 ，在這么多作品中會(huì)點(diǎn)開哪一份查看？

大家大腦一定已經(jīng)飛快運(yùn)轉(zhuǎn)了吧？有了自己更傾向想打開的作品了吧？

面對諸多作品，有些面試官是順序查看，但對封面視覺突出的自然會(huì)在心里有印象，當(dāng)查閱到時(shí)著重關(guān)注，?有些面試官則會(huì)優(yōu)先點(diǎn)擊他心儀的，劉亦菲好美，先看看。彭于晏好帥，先看看。如花是什么鬼?。。?！點(diǎn)看看！絕不建議大家走極端路線哈，前面提到過首因效應(yīng)，一旦形成不好的印象，想翻身就難了。

劉亦菲好美 、彭于晏好帥，先點(diǎn)開看看

如果說面試官是順序點(diǎn)擊，你的作品有機(jī)會(huì)被翻牌，可如果面試官優(yōu)先看自己心儀的，搞不好你的作品會(huì)變成沒啥存在感的小透明，最后被遺忘、悲慘甩進(jìn)垃圾桶。這是你想要的結(jié)果么？

為了作品的點(diǎn)開幾率，求求你們把這封面重視起來，好么？

2. 避開面試官不喜歡的設(shè)計(jì)樣式

套模板 、亂漸變、小手、酸性、抄襲

可以不出彩，但絕不要犯錯(cuò)。我曾與多位總監(jiān)級(jí)伙伴了解他們討厭的封面內(nèi)容有什么？ ?以下是總結(jié)。

① 套模板（買模板）

市場上套模板的設(shè)計(jì)師太多太多了，千萬不要低估面試官的瀏覽量。

② 3D 小手、毛玻璃、塑料膜

?快去檢查一下，你的主視覺是不是3D小手這種已過時(shí)的設(shè)計(jì)樣式，設(shè)計(jì)伙伴和我吐槽痛批！！表示帶小手的直接垃圾桶。 ?毛玻璃和塑料膜這兩項(xiàng)不是直接被判死刑，主要問題是很多設(shè)計(jì)師用不好這兩項(xiàng)元素。 ? ?

③ 亂漸變

色彩把握不足，但封面偏采用 3 色、多色漸變形式，導(dǎo)致畫面顏色混亂、臟。

④ 抄襲

都說天下設(shè)計(jì)一大抄，但有些伙伴直接拿別人的封面改名字，這？？不好吧？ ?還有一部分借鑒了原版設(shè)計(jì)，但是質(zhì)量遠(yuǎn)比原版設(shè)計(jì)質(zhì)量低。這也是要扣分的哦～ ?如何有效的“借鑒”避免抄襲，后續(xù)我會(huì)單獨(dú)寫一篇文章幫助大家理解。 ?

以上是大多面試領(lǐng)導(dǎo)不喜歡的，大家切記避坑。

三、說完了避坑的，那再聊聊面試官喜歡什么樣的？

有個(gè)性 、炫技巧

面試官青睞的可分為兩個(gè)方向：有個(gè)性、炫技巧。

1. 什么是個(gè)性？

個(gè)性不是搞怪 、另類

有個(gè)性不是搞另類，搞怪做小丑只會(huì)讓面試官覺得此人輕浮，不堪重用。如果你說這個(gè)是個(gè)性的話，那他和“如花”有什么區(qū)別？

所謂的個(gè)性是封面具備明確的設(shè)計(jì)風(fēng)格與傾向。

?例：極簡風(fēng)，大留白，給別人想像空間。又或者傳遞情緒做氛圍，畫一個(gè)小人在偷看、一個(gè)開懷大笑的IP、輕松愉快的設(shè)計(jì)元素等等、再或者做質(zhì)感，輕奢的質(zhì)感，運(yùn)動(dòng)的質(zhì)感等等 ? ?有個(gè)性的封面需要在元素、創(chuàng)意表達(dá)、細(xì)節(jié)做把控、特殊字體的運(yùn)用、色彩元素的搭配、巧妙的構(gòu)圖形式、隱喻或雙關(guān)的手法來營造。 ?

用隱喻來舉例：如果你是 5 年設(shè)計(jì)師，那是不是可把“5”提取出來做一個(gè)視覺強(qiáng)化處理，作為設(shè)計(jì)符號(hào)，?這類內(nèi)容在本文后半部分會(huì)詳細(xì)說一說。

風(fēng)格明確 、情緒化、獨(dú)特、簡約

2. 那什么是炫技呢？

插畫繪制能力、3D 建模能力、頁面構(gòu)成理解等等。便是你炫技的資本。 ?站酷最容易火的設(shè)計(jì)內(nèi)容“勛章設(shè)計(jì)”可以說是炫技的典范，?將這些我們有但他人不具備的設(shè)計(jì)能力運(yùn)用起來。

3D 、插畫、光感、構(gòu)成等

簡單介紹了面試官的喜好，下面我們聊一聊更加具體的。

四、怎么突出我們的設(shè)計(jì)功底

封面透傳我們的設(shè)計(jì)能力

1. 文字的使用

做一個(gè)小測試，以下的文字搭配中，你覺得哪一項(xiàng)搭配更合理？

哪一項(xiàng)搭配更合理 ？

公布答案：左下角的搭配。大家都答對了嗎？

字體的文字樣式、風(fēng)格會(huì)直接影響封面調(diào)性，對于字體的運(yùn)用最大的建議是選擇黑體，黑體表現(xiàn)上更加現(xiàn)代、嚴(yán)肅，且黑體字的字型、筆觸的收落不會(huì)過于復(fù)雜，更方便閱讀。畢竟文字最大作用是為了讓人看，不是嗎？

為什么說左下角案例最合理呢？按順序?yàn)榇蠹乙灰唤馕觥?/p>

① 藝術(shù)字體選擇問題：

第一張藝術(shù)字閱讀性差，板式顯得輕佻，類似于此類藝術(shù)字體越是濫用越顯得設(shè)計(jì)不嚴(yán)謹(jǐn)，不專業(yè)。此問題為很多設(shè)計(jì)師重災(zāi)區(qū)，可以理解大家想讓畫面更有設(shè)計(jì)性，所以大量使用藝術(shù)字體，但最終結(jié)果導(dǎo)致畫面混亂。

舉個(gè)簡單例子：化妝好的人，自然得體，而藝術(shù)字體濫用類似于“如花”的大腮紅。

② 襯線體選擇問題：

第二張主副標(biāo)題均選用襯線體，一致性是非常好的，但襯線體的選用也讓閱讀難度升級(jí)，對比之下遠(yuǎn)不如黑體字搭配閱讀效率高。 ?襯線體不是不能用，但此類字體對于設(shè)計(jì)水準(zhǔn)要求很高，駕馭不好不建議選擇。

③ 字重對比問題：

第二排第二個(gè)板式搭配未拉開字體大小差距，視覺表現(xiàn)偏弱。 ?在我們設(shè)計(jì)過程中要注意該拉開差距時(shí)大膽拉開，想做對比就做！

去問你的伴侶 Ta 愛不愛你，答案無非就是愛與不愛兩個(gè)選項(xiàng)，不會(huì)存在還行這個(gè)說法，別搞得那么糾纏、曖昧。

愛或不愛 ，其他回答都是耍流氓

④ 字形搭配、板式對齊問題：

最后一項(xiàng)搭配副標(biāo)題、輔助型文字選用襯線體與主標(biāo)題字體樣式不符。 ?不同字體有不同的筆畫、基線、中宮定義，盡量保持字形的一致（大家可以粗暴理解為襯線體搭配襯線體、黑體搭配黑體）字形不一致會(huì)導(dǎo)致畫面產(chǎn)生割裂感。

就像用我的顏值和彭于晏、胡歌做對比會(huì)顯得格格不入。 ?

我+胡歌+彭于晏可撬動(dòng)亞洲男性顏值

⑤ 對齊問題：

小板塊不易察覺對齊問題嚴(yán)重性，可封面元素偏多情況下對齊問題會(huì)很明顯。是使用水平垂直居中對齊？居左、右對齊？還是上下對齊？還是四角對齊？需有明確劃分。 ?排列整齊的字體畫面表現(xiàn)上會(huì)更整潔，有序，幫助閱讀者提高信息篩選效率。 ? ?

關(guān)于字體應(yīng)用給大家一些小建議 ?

1. 中文基礎(chǔ)版：蘋方 、 微軟雅 ?
2. 中文進(jìn)階版：黑冬青黑體、OPPO Sans、阿里巴巴普惠體（中英文混排！好用）
3. ?數(shù)字基礎(chǔ)版：DIN、Roboto ?
4. 數(shù)字進(jìn)階版：Jost、Gotham ?
5. 英文基礎(chǔ)版：SF、Roboto ?
6. 英文進(jìn)階版：Nexa、Gotham Ultra、Monument Extended、Druk Wide、

附帶西文搭配的網(wǎng)網(wǎng)址：https://fontpair.co

搞不定中英文混排可以參考一下哦。

總結(jié)一下：字體搭配要合理，特殊字體選用要符合主題、混排要保持字形一致、總體表現(xiàn)簡單易讀、對比需大膽拉開差異。

字形一致 、特殊字體使用、簡單易讀、大小對比差異

最后強(qiáng)調(diào)一遍！大小對比要搞夠

你瞧瞧 ，這好看么？

?大小是相對而論，以小襯大，以大顯小，文字之間具有輔助、互補(bǔ)的作用?？梢允巩嬅娈a(chǎn)生張力 空間層次感，提升畫面的識(shí)別度方便面試官理解。

借用雷布斯的話來說 ：不會(huì)搞對比？那你還搞個(gè)毛設(shè)計(jì)

2. 文案的編寫

說完了文字使用，來聊聊文案編寫。

大家封面標(biāo)題都是怎么寫的呢？看看這張圖里有沒有你的標(biāo)題，?我相信90%以上的伙伴都在這張圖里找到了你的封面標(biāo)題了吧？

你的標(biāo)題是哪個(gè) ？

再切入一個(gè)概念：馮·雷斯托夫效，也就是大家常說的對比，人們更容易被相對更特別的事物吸引注意力，這便是“對比”的有效性，這是在設(shè)計(jì)過程中常用到的設(shè)計(jì)手法。

爭做顯眼包

有一位車主車牌號(hào)選了湘 A·SB110 后受到廣大帽子叔叔特殊照顧，一年多次攔停進(jìn)行檢查、核實(shí)。 為什么偏偏就攔他呢？因?yàn)樗c其他車牌號(hào)產(chǎn)生了鮮明對比，成了車群里的顯眼包。?這和我們做封面標(biāo)題是一個(gè)道理，如果你的標(biāo)題能夠更特別與他們形成對比，一樣可以成為眾多作品中的焦點(diǎn)。 ? ?

那怎樣寫出好標(biāo)題呢？給大家提供這樣幾個(gè)方向。

社會(huì)證明 、情感共鳴、個(gè)性化描述、特定主題

① 社會(huì)證明

想辦法側(cè)面為自己加分

“?前兩天劉亦菲剛剛邀請我去他家里吃飯，她親自下廚?！??聽到這句話你是什么感受？

為什么我們會(huì)和別人講我有一個(gè)多么多么牛掰的朋友？ ?一方面在傳遞故事，其內(nèi)在還隱藏了含義：你看我的朋友都這么厲害，我也好厲害。

在編輯標(biāo)題過程中我們也可以通過權(quán)威媒介、機(jī)構(gòu)、社會(huì)認(rèn)可資源證明個(gè)人能力，增加信服力。例：我在京東的 365 天、飛書設(shè)計(jì)年復(fù)盤、360 設(shè)計(jì)年鑒等等。有小明就會(huì)問了：我不在大廠怎么辦??？ ?含糊著寫?。∧阋欢ㄒ敲磳?shí)在么？用戶對你的評(píng)價(jià)、老板的評(píng)價(jià)、或美好的關(guān)鍵詞映射都是在表現(xiàn)大家對自己的認(rèn)可。 ?例：不賴！找房大平臺(tái)、設(shè)計(jì)高端局、一致好評(píng)--設(shè)計(jì)方案等等，想想你平時(shí)怎么和朋友吹牛就會(huì)寫了，就像我和你吹牛劉亦菲為我做飯一樣。

社會(huì)證明 ：標(biāo)題示例

② 情感的共鳴

找找大家共情點(diǎn)

你的面試官大概率也是一個(gè)打工人，一樣從底層摸爬滾打到現(xiàn)在的職位，我們可以尋找些設(shè)計(jì)師共同點(diǎn)，來引發(fā)共鳴，也可尋找世人普遍共情點(diǎn)進(jìn)行深挖。

如果有人說你的設(shè)計(jì)是一坨屎，你會(huì)暴跳如雷沖上去給他一 b 兜，因?yàn)檫@種話與你情感相沖突，但如果有人說你的設(shè)計(jì)真棒！你真愛學(xué)習(xí)好厲害，你一定會(huì)很開心。

再比如“雪花啤酒，勇闖天涯”這是激起我們的向往自由的心，“勿忘國恥”喚醒我們愛國心。?在封面標(biāo)題書寫過程中我們只要能找到共性點(diǎn)就有機(jī)會(huì)打動(dòng)他人， ?例：我的搬磚記錄、最后億稿到最后一稿、看我設(shè)計(jì)個(gè)錘子、設(shè)計(jì)·熱愛等等。?

注意，文案編寫不一定是針對主標(biāo)題，主標(biāo)題寫常規(guī)性文案一樣可以，將副文案利用起來也是一種選擇。

情感共鳴 ：標(biāo)題示例

③ 個(gè)性化描述

給自己搞一個(gè)人設(shè)

凸顯我們個(gè)性、自己的定位、興趣愛好等等。表現(xiàn)個(gè)人狀態(tài)，你是活潑的？沉穩(wěn)的？慢熱的？自信的？還是其他的雜七雜八？ ?呆板常規(guī)的內(nèi)容看的多了，反而有個(gè)性的設(shè)計(jì)師更容易被面試官青睞。個(gè)性還標(biāo)題偏向于具備感染力。 ?例：18000線女明星設(shè)計(jì)日常、處女座的吹毛求疵、Me設(shè)計(jì)大師三兩事、點(diǎn)開看看，不要錢（行為召喚）

個(gè)性化描述 ：文案示例

④ 特定主題

說清優(yōu)勢 、說清自己做的東西

聚焦在具體時(shí)間、事件、清晰描述個(gè)人要展示的項(xiàng)目及優(yōu)勢 ?說人話：直接拋出我們做的事。 ?例：UX設(shè)計(jì)37技、某某項(xiàng)目勛章設(shè)計(jì)、某某項(xiàng)目體驗(yàn)升級(jí)2.0、品牌升級(jí)探索、喲～這icon有點(diǎn)意思

總結(jié)一哈

標(biāo)題也要講究心理學(xué)

把你的作品作為故事來講！我們都愛聽故事，不愛看枯燥的論文（大佬除外）。?面試官也是人，他們也是一樣喜歡故事。通過標(biāo)題的吸引，勾起面試官的好奇心，突出我們的個(gè)人優(yōu)勢、表現(xiàn)我們積極的心態(tài)，?畢竟沒有人喜歡和一根木頭共事，呆板、枯燥、了無趣味。

3. 封面的組成要素

關(guān)于文字先說這么多，接下來聊排版，既然要排版首先要清楚封面中都有什么元素。封面構(gòu)成無非分為圖與文 ?

文包含

1. 必須要看的主文案--標(biāo)題 ?
2. 盡量要看的副文案--副標(biāo)題
3. 愛看不看的裝飾文案--碎碎念，填充畫面的

?圖包含 ?

1. 必須要看的主 KV--主視覺 ?
2. 無所吊謂的裝飾物--看也行，不看也行

封面組成元素 ：圖、文

4. 這兩項(xiàng)內(nèi)容如何正確處理？

文字更多是為方便閱讀、提取關(guān)鍵信息，在設(shè)計(jì)過程中主標(biāo)題盡量不要丟失文字閱讀性，?有時(shí)也會(huì)將部分文字作裝飾使用，建議裝飾性文字可以用來表現(xiàn)個(gè)人優(yōu)勢，例交互能力、插畫能力、C4D能力等等，畢竟版面金貴浪費(fèi)可恥，這樣也方便面試官捕捉，公司招人是有標(biāo)準(zhǔn)，我們的標(biāo)簽覆蓋面越廣越能與公司要求相匹配。

?注意哈！能力不等于優(yōu)勢，你的能力可能包含PS、Ai、海報(bào)設(shè)計(jì)等等。這些能力隨便一個(gè)設(shè)計(jì)師張三、王五、二麻子都會(huì)，錯(cuò)把能力當(dāng)優(yōu)勢是要被面試官扣分的。

圖的表現(xiàn) ?敲黑板！?。?/p>

請！放！與！設(shè)！計(jì)！相！關(guān)！的！內(nèi)！容！ ?不要放一些莫名其妙的元素。

文字注意辨識(shí) 、圖片注意相關(guān)性

如果就是想放些莫須有的內(nèi)容，那么請讓你的元素與主題相匹配。

主題：大亂燉放一口鍋 ?

主題：東奇的總結(jié)（拉了一年的磨該見見人了） 配驢拉磨的 ?

如果他們的作品集封面名字是《2024 作品集》那出現(xiàn)一口鍋、驢拉磨，大家不會(huì)覺得奇怪嗎？？

故事與主體要匹配

5. 封面排版

我們簡單粗暴的理解：把合適的內(nèi)容放在合適的位置，這就叫排版。

排版形式有很多種，今天挑選 6 種板式設(shè)計(jì)為大家講解 ：左右構(gòu)圖、全包圍構(gòu)圖、中心構(gòu)圖、對角線構(gòu)圖、半包圍構(gòu)圖、上下構(gòu)圖

左右構(gòu)圖 、全包圍構(gòu)圖、中心構(gòu)圖、對角線構(gòu)圖、半包圍構(gòu)圖、上下構(gòu)圖

① 左右構(gòu)圖

版面分割為左右兩部分，或通過設(shè)計(jì)元素布局讓畫面整體呈現(xiàn)出左右分布趨勢，其具有平衡、穩(wěn)定、互相呼應(yīng)特點(diǎn)。?常用形式有左圖右文或右圖左文。 ?

要注意哦，劃分比例并為絕對性 1:1，建議新手玩家 3:2 或 3:1 比例更容易控制畫面。?左右構(gòu)圖容易造成版面呆板，設(shè)計(jì)過程中可通過調(diào)整版面空間變幻出多種構(gòu)圖形式，如圖片剪裁、文字破形狀、素材疊壓關(guān)系，破除因分割的單一感。

?此板式最推薦新手玩家使用，最簡單不易出錯(cuò)。

左右構(gòu)圖

② 包圍式構(gòu)圖

將文字或主題包裹，是一種滿版的構(gòu)圖方式，適合文案偏多或元素偏多，包圍式構(gòu)圖一般比較飽滿，巧妙使用邊緣元素可引導(dǎo)觀眾的視線到畫面重點(diǎn)，?弊端也相對明顯，設(shè)計(jì)把握不足容易造成注意力分散、或造成版面擁擠，?想要使用此類構(gòu)圖需注意把握平衡性，在營造沉浸感和突出重點(diǎn)之間找平和點(diǎn)，注意構(gòu)圖的節(jié)奏，使用不同大小形狀的邊緣元素制造韻律，適當(dāng)?shù)牧舫鲆欢ㄘ?fù)空間，避免畫面過于滿溢。

包圍式構(gòu)圖

② 居中構(gòu)圖

將主視覺、文案，放置于畫面中心，簡單直接易于觀眾理解，視覺穩(wěn)定性強(qiáng)，容易營造出穩(wěn)定協(xié)調(diào)的視覺感受，但中心構(gòu)圖多表現(xiàn)過于靜態(tài)，嚴(yán)謹(jǐn)?shù)臉?gòu)圖會(huì)讓畫面呆板 缺乏動(dòng)感。設(shè)計(jì)過程中需適當(dāng)打破對稱，加入一些非對稱元素，增加活躍感。也可調(diào)整出不同的視覺角度，調(diào)整主體比例，營造更好的視覺效果。也可選用景深來區(qū)分層次（前景、中景、后景） ? ?

推薦新手使用，翻車的概率較低：

居中構(gòu)圖

④ 對角構(gòu)圖

對角構(gòu)圖動(dòng)感強(qiáng)烈，能營造出強(qiáng)烈的動(dòng)感與張力，給人以動(dòng)感十足的視覺體驗(yàn)，對角線能自然引導(dǎo)觀眾視線,有效帶領(lǐng)觀眾進(jìn)入畫面，增加深度感、良好的空間感和深度感。 ?對角構(gòu)圖設(shè)計(jì)過程中需要注意重點(diǎn)元素位置，可以與其他構(gòu)圖形式相結(jié)合，適當(dāng)?shù)脑黾臃€(wěn)定元素，例如居中的元素，對稱的元素，平衡畫面。

簡單粗暴理解，左上角文案，右下角元素，封面的右上角左下角如感覺空就添加點(diǎn)沒有屁用的元素進(jìn)去平衡一下，對角設(shè)計(jì)就搞定了。

對角構(gòu)圖

示例看下左下角兩張鷹醬攝影圖，明顯的對角構(gòu)圖具備更強(qiáng)視覺張力。 ?

和大家講一下哈，在設(shè)計(jì)過程中我們可以在畫面上進(jìn)行切割，盡量將主視覺放在視覺焦點(diǎn)上以突出主體，無論是哪一種構(gòu)圖比例都非絕對性，需要大家靈活的運(yùn)用，切不可死讀書，讀死書。

對角構(gòu)圖

⑤ 上下構(gòu)圖

上下構(gòu)圖畫面層次可以清晰劃分，視覺引導(dǎo)線明確，邏輯分明，但可能會(huì)造成畫面僵硬，嚴(yán)格的上下劃分會(huì)令畫面死板，導(dǎo)致畫面平面化傾向感強(qiáng)。?在設(shè)計(jì)過程中需注意調(diào)整上下比例關(guān)系，營造更豐富視覺層次，適當(dāng)加入一些視覺引導(dǎo)線 ?敲黑板，引導(dǎo)線不見得要畫出來，可以通過暗線引導(dǎo)，如示例圖第一張總體上下結(jié)構(gòu)，但頂部采用的對角就是通過視覺暗線的引導(dǎo)。 ?頁面中的最后一張圖，則是通過增加平滑文字的形式讓畫面更活躍。示例中的左下角示例，則是通過文字破形來增加畫面的活躍度與銜接感。

上下構(gòu)圖

看一下我的案例你是否發(fā)現(xiàn)他們有什么共性？

有什么共性呢 ？

聰明的你應(yīng)該發(fā)現(xiàn)了吧？在我設(shè)計(jì)的樣式中均在畫面四角有不同裝飾點(diǎn)綴，其做頁面最大核心是找平衡，我們可以把頁面中所有元素視為砝碼，將砝碼分布畫面左右，左側(cè)右側(cè)砝碼讓其平衡就好。這也是比較適合新手的一種操作方式。

找平衡

如果不平衡會(huì)怎么樣？

判斷一下 ，哪個(gè)頁面的設(shè)計(jì)是不平衡的。

視覺平衡的尋找可以通過增加設(shè)計(jì)元素，又或者配色補(bǔ)全。

?逃跑計(jì)劃如果去掉上下裝飾物，明顯會(huì)看出底部空間視覺表現(xiàn)空了很多，所以上下要增添砝碼。 ?

十年設(shè)計(jì)頁面去掉右下角深色，紅色色塊會(huì)明顯感受到左側(cè)的內(nèi)容過于擁擠，所以要通過增加顏色砝碼進(jìn)行平衡。

接下來聊點(diǎn)帶顏色的話題吧

6. 文字與色彩的使用

文字與色彩

背景明度高，則文字選擇明度低的顏色進(jìn)行搭配（大多數(shù)情況下是這樣搭配）反之亦然。需要注意色彩的視覺明度是不一樣的，依次排序?yàn)辄S色-紅色-綠色-藍(lán)色-紫色。

?說人話總結(jié)：字體在帶有顏色的背景中要有辨識(shí)度。

① 文字的色彩傾向選擇

文字色彩傾向

文字搭配背景色，文字可選擇黑白灰這類中性色，也可以選擇背景色的同類色、鄰近色。選擇原背景顏色色相增加或降低明度，純度以拉開文字與背景對比差異。

不建議新手選用補(bǔ)色和對比色，此類顏色作為點(diǎn)綴提亮畫面還好，如大面積使用視覺上格外刺眼。就像是示例中的紅配綠。不聽話的小明可能會(huì)說，我就要玩黃紫調(diào)、就要玩紅配綠?？梢?！當(dāng)然可以！需要對色彩的配比掌握足夠，不使用高明度的補(bǔ)色可以實(shí)現(xiàn)，如莫蘭迪色。

演示 01：同類色

同類色

左圖為站酷某觀眾作品封面，我盡量保持其原有布局形式不變，僅通過顏色調(diào)整，方便大家理解顏色運(yùn)用。

?設(shè)計(jì)過程中，文字選用中性色，背景色選用同類色漸變處理，同類色設(shè)計(jì)優(yōu)勢，畫面和諧，視覺穩(wěn)定性高。 ?同類色不足：易缺乏變化，導(dǎo)致畫面單調(diào)，個(gè)性化弱。所以調(diào)整過程中增加了光感效果，為背景做深度，提升畫面的質(zhì)感。裝飾性英文選暖和冷色對沖做畫面層次。

推薦新手使用，不易犯錯(cuò)。

演示 02：鄰近色

鄰近色

背景色依舊選用同類色，增加上線漸變光感，為豐富畫面添加了網(wǎng)格設(shè)計(jì)元素避免畫面單一。

文字選用鄰近色，考慮其色彩明度關(guān)系需對文字進(jìn)行特殊處理，避免背景與文字明度過分一致導(dǎo)致文字閱讀型丟失，大家設(shè)計(jì)過程中也要注意到這一點(diǎn)哈，有好多伙伴字體與背景的明度非常接近，導(dǎo)致畫面糊在一起，閱讀起來會(huì)非常吃力。

演示 03：中性色

中性色

設(shè)計(jì)封面最常用顏色，背景選用中性色，適度添加色彩傾向畫面不會(huì)過單調(diào)，文字選用明度拉開差異， ?視覺對比強(qiáng)，表現(xiàn)內(nèi)容突出，沉浸感強(qiáng)，但與同類色一樣不易做出個(gè)性，?推薦新手使用此類配色。

演示 04：互補(bǔ)色

互補(bǔ)色

視覺沖擊力強(qiáng)?；パa(bǔ)色間存在強(qiáng)烈的色彩反差，能營造出引人注目的視覺效果，增強(qiáng)層次感，利用互補(bǔ)色的明暗對比，可增強(qiáng)畫面的空間感和立體感，適當(dāng)使用互補(bǔ)色能有效突出作品獨(dú)特風(fēng)格和個(gè)性特點(diǎn)。 ? ?

新手選用互補(bǔ)色設(shè)計(jì)會(huì)存在配色純度，明度把握不到位導(dǎo)致過于刺眼（適度降低明度、純度更有利于搭配），或過于生硬不協(xié)調(diào)情況，在設(shè)計(jì)過程中需要適當(dāng)引入過渡色或中性色，幫助過度互補(bǔ)色之間的關(guān)系，色彩配比盡量避免1:1。 ? ?

新手很難把握，想挑戰(zhàn)一下的話，可以嘗試嘗試。

演示 05：對比色

對比色

黃紅、藍(lán)橙、紫綠是最典型的對比色。

運(yùn)用對比色配色方案與補(bǔ)色方式相似：

1. 控制畫面比例，比例過于接近對比沖突感就越強(qiáng)，也可以一方作為主色，另一部分作為點(diǎn)綴色來使用。 ?
2. 降低其明度、飽和度，調(diào)和其對抗性。如調(diào)整后效果圖如用高明度黃色則會(huì)是畫面對抗感過分突出。 ?
3. 萬能調(diào)和油：黑白灰的加入。

還能更簡單做封面方法嗎？

有，當(dāng)然有

首先盤算一種構(gòu)圖形式--尋找一個(gè)你喜歡的背景圖--丟進(jìn) AI工具圖生圖--輸出效果圖，簡單調(diào)整顏色--手繪或生成一個(gè)與設(shè)計(jì)相關(guān)元素--將元素與背景圖融合--繪制低保真原型。我們只需要先這樣，然后這樣，最后這樣。

先這樣 ，然后這樣，最后這樣。

最后簡單調(diào)整一下細(xì)節(jié)。

封面設(shè)計(jì)大家也不要想的過復(fù)雜，一份簡約大方的作品集更容易受到青睞。

最后，做封面的作用--確定總體調(diào)性

確定總體調(diào)性

看點(diǎn)有意思的。

看到這些標(biāo)題 ，你會(huì)想到什么？

看到這些標(biāo)題你會(huì)想到什么？ 想歪的同學(xué)有多少？?想歪的叉出去！我這可是正能量文章。 ? ? ?

3 個(gè)女人和 105 個(gè)男人的故事 那說的是《水滸傳》

兩少年人窮志不短，僅著內(nèi)褲環(huán)游世界 那說的是《海爾兄弟》

女孩昏迷后，竟被7個(gè)侏儒拖入森林 那說的是《白雪公主》 ?

當(dāng)我公布答案的時(shí)你是否恍然大悟？原來是這些故事。其實(shí)不怪你想歪，這些標(biāo)題放在用戶面前，用戶很難不臆想其中的內(nèi)容，但滿懷期待點(diǎn)開文章后發(fā)現(xiàn)內(nèi)容與標(biāo)題嚴(yán)重不符。我褲子都脫了你就給我看著？這簡直是詐騙?。?！ ? ?道理上和做封面是一樣，封面炫酷屌炸天，潮流流行色，點(diǎn)進(jìn)去竟然是適老化內(nèi)容這明顯是不合適的。

封面應(yīng)該統(tǒng)領(lǐng)全文，盡量保持封面風(fēng)格與內(nèi)部風(fēng)格一致或與項(xiàng)目首頁改版風(fēng)格一致。 如部分項(xiàng)目無法與封面風(fēng)格匹配，保持其風(fēng)格轉(zhuǎn)變過渡自然就好。 ? 就像是?穿西裝自然是搭配西褲皮鞋最好，但牛仔褲一樣也不錯(cuò)。

最后為大家寫個(gè)小總結(jié)

封面的作用

1. 在眾多作品中脫穎而出，吸引面試官點(diǎn)擊提高我們作品的點(diǎn)開率。 ?
2. 建立第一印象，優(yōu)秀的第一印象會(huì)提高面試官興趣，為后續(xù)的作品講解、面試做鋪墊。
3. 展現(xiàn)我們的專業(yè)性，傳遞個(gè)人狀態(tài)。
4. 統(tǒng)領(lǐng)全文，建立作品風(fēng)格。

面試官瀏覽作品時(shí)的喜惡

不喜歡的：3D 小手、毛玻璃、酸性、套模板、抄襲、借鑒不如原版好的、風(fēng)格老的 ?

喜歡的：?有個(gè)性化的、炫技的

怎么吸引面試官點(diǎn)擊？

封面設(shè)計(jì)小技巧、內(nèi)容排版要做好。 ?

文字你總得有吧～ ?

對比咱做足、該大的大，該小的小。

字形咱一致、黑體中西文使用要搭調(diào)。

別亂用字體，搞得花里胡哨。既不好看又輕佻。 ?

顏色你得用吧？ ?

色彩得配套，別啥色都往里搞。

如果背景明度低，文字明度就往高了鬧，被整的一坨啥也看不著！

?紅綠、黃紫對比不會(huì)用，降點(diǎn)純度好不好？ ?

再說說排版到底是什么？

就是搞點(diǎn)元素把平衡找。

衍生出 左右、居中和對角。 ?

文案編寫也要注意！ ?

他要是說你瞎**寫，你就笑他是草包。 ?

以上整不會(huì)？ ?

那沒治了，去隔壁澡堂干干搓澡吧。

?也挺好。 ?

掛了。