大家好，我是阿琦 Aqi，今天來跟大家聊聊一個比較實用的設(shè)計問題和解決方案，就是我們在優(yōu)設(shè)、公眾號發(fā)布作品時，如何更好地吸引用戶點擊觀看，本章研究和總結(jié)了封面圖的設(shè)計技巧和方法，供大家參考。

如何將你的封面圖設(shè)計得出眾，在眾多文章中脫穎而出，獲得更多流量支持。為了研究這個問題，我下載了 1000 張推薦文章的封面圖，然后進(jìn)行分類匯總，嘗試提取其中隱藏的規(guī)律、技巧和方法。

現(xiàn)在我就把這些知識總結(jié)呈現(xiàn)給您，希望你在設(shè)計封面圖的過程中可以獲得一些幫助。

更多海報設(shè)計技巧：

一張封面圖可能會包含文字、圖形和圖片。我對這 1000 張封面圖分了 3 個類別：完全使用文字排版的是 69 張，使用文字加主圖的是 325 張，直接使用案例圖片的有 606 張。

完全使用文字進(jìn)行封面圖設(shè)計的比重為 6.9%，相對而言還是比較低的。可能是因為設(shè)計元素只有文字，較大地束縛了設(shè)計師的表現(xiàn)方式和手法。

本文主要介紹了如何使用文字元素來設(shè)計封面，同時以文章《轉(zhuǎn)行 B 端，設(shè)計師快速入職指南》作為封面制作案例來驗證設(shè)計方法。

一、平面四大原則：對比

在講具體的內(nèi)容之前，先講一下設(shè)計中至關(guān)重要的”對比“概念，便于對下文的理解。

對比包含文字之間的對比、文字與背景色之間的對比。

對比是平面設(shè)計四大原則之一，對比會讓畫面更具有吸引力，避免元素太過相似，產(chǎn)生視覺疲勞，同時拉開視覺層級，制造焦點。

常見的對比方式有：大小對比、顏色對比、疏密對比、文字和留白對比、虛實對比、粗細(xì)對比等。

對比的重點是一定要膽大！千萬不要畏畏縮縮！

對于主要的文字要確保清晰易讀，對于裝飾性的文字可以使用特殊字體。

二、文字排版方式：簡單文字+心理暗示

這種排版方式，對于文字的設(shè)計性要求不高，主要是通過加強(qiáng)對比和吸睛文字吸引用戶。

加強(qiáng)對比主要使用到文字大小對比、粗細(xì)對比、背景色與文字之間的色彩對比等。

吸睛文字上主要涉及到標(biāo)題心理學(xué)的一些知識，我列舉了 9 個主要的分類給大家闡述一下標(biāo)題心理學(xué)的使用方法。

1. 標(biāo)題心理學(xué)

大致九種常用技法：

1. 好奇心驅(qū)動：好奇心是一種強(qiáng)大的驅(qū)動力，人們傾向于探索新奇、有趣的事物。標(biāo)題可以通過引發(fā)好奇心來吸引讀者，例如使用懸念或未知性的元素。
2. 情感激發(fā)：情感是決定人們行為的重要因素之一。標(biāo)題可以觸發(fā)讀者的情感，包括喜悅、憤怒、幽默等，從而引起共鳴。例如“聽說你不會構(gòu)圖”，是不是感覺被鄙視了，那么你肯定要 pk 一下作者的觀點到底：是你在吹牛還是我在吹牛。
3. 行動呼喚：如果標(biāo)題包含明確的行動呼喚，如“立即行動”或“了解更多”，可以引導(dǎo)讀者采取具體的行動。例如“從 0 到 1”，你會想著去看一下大佬們是如何從 0 到 1 進(jìn)化的。
4. 問題引導(dǎo)：標(biāo)題可以通過提出問題來引導(dǎo)讀者的思考，這種技巧可以吸引他們的興趣并引導(dǎo)他們繼續(xù)閱讀，以尋找答案。例如“如何排版？“、”如何度過職業(yè)焦慮期？“、”35 歲設(shè)計師何去何從？“
5. 解決問題的承諾：標(biāo)題可以明確表明文章或內(nèi)容將解決特定問題或提供價值。這種承諾可以吸引那些正在尋找答案的讀者。例如”讀完這邊文章你就可以學(xué)會...“
6. 社會證明：如果標(biāo)題包含客戶評價、社交媒體分享或權(quán)威引用，將增強(qiáng)讀者對內(nèi)容的信任和興趣。例如”蘋果設(shè)計師的排版技巧“、”瑞幸茅臺聯(lián)名設(shè)計“
7. 個性化：根據(jù)目標(biāo)受眾的特征和需求，個性化的標(biāo)題會更有吸引力，因為它們直接與讀者產(chǎn)生共鳴。例如：設(shè)計囧事、我被老板罵慘了
8. 情節(jié)化：一個吸引人的故事或情節(jié)可以使標(biāo)題更具吸引力，讓讀者想要了解更多。例如：我是如何做上設(shè)計總監(jiān)的。
9. 特定性：具體而清晰的標(biāo)題往往比模糊的標(biāo)題更具吸引力，因為它們提供了明確的信息和價值。例如：海報板式設(shè)計 36 計。

2. 純文字版面具體實現(xiàn)方法

Step01：提取 8 個字左右的文本內(nèi)容，文本內(nèi)容貼合標(biāo)題心理學(xué)知識。調(diào)整文字大小，文字主體占據(jù)封面約 50-80%，以單一長或?qū)捜ズ饬浚瑪?shù)值僅供參考。

Step02：文字對比調(diào)整。為了避免文字樣式單一，可以從大小、粗細(xì)、色彩等方面對文字進(jìn)行調(diào)整。

Step03：色彩對比設(shè)置。文字使用單色與背景色產(chǎn)生色彩對比，背景色可以是純色也可以是近似色之間的過渡漸變色。

關(guān)于色彩對比，可以從以下幾個方面進(jìn)行嘗試：

1. 使用黑色文字+淺色背景/高飽和度高亮度的背景色。
2. 使用彩色文字+白色/淺色背景色。
3. 白色文字+黑色背景。（常見的高對比度組合）
4. 白色文字+明度較低背景色。（如深藍(lán)、深綠）

3. 純文字效果分析

引流效果：四顆星。

優(yōu)點：文字意思直截了當(dāng)，比較容易吸引用戶眼球。

缺點：需要有背書支持。出現(xiàn)在榜單類的這種系列的封面，一般背后都是行業(yè)大佬（專業(yè)人士）或者平臺的文章，內(nèi)容質(zhì)量上有一定的保障。

設(shè)計成本：五顆星。

優(yōu)點：節(jié)省設(shè)計時間。

設(shè)計效果：三顆星。

優(yōu)點：通過文字大小、粗細(xì)等設(shè)計元素之間的變化，在清晰的背景色的襯托下可以清晰地進(jìn)入用戶的眼球。

缺點：因為設(shè)計元素單一，可能缺乏太多的設(shè)計效果。

三、文字排版方式：多行標(biāo)題文字+簡單排版

文字范圍：主標(biāo)題、副標(biāo)題、輔助文字

1. 樣式一：主標(biāo)題+修飾（空心文字或圖形符號）

2. 樣式二：主副標(biāo)題文字大小對比、粗細(xì)對比

3. 樣式三：主標(biāo)題基本不動，副標(biāo)題及輔助文字樣式變化

通過添加色塊反色展示、容器內(nèi)展示等樣式差異化來營造對比關(guān)系，使畫面更加的靈活不呆板。

4. 樣式四：主標(biāo)題顏色區(qū)分和線條修飾

以上三種樣式主要也是為了讓封面更加飽滿豐富做的一些對比樣式。

5. 文字跳躍率

這里延伸一個設(shè)計知識點：文字跳躍率。圖版率和文字跳躍率都是比較常用的設(shè)計概念，文字跳躍率是指文字大小差異程度，因為封面圖不涉及到正文，我們就以標(biāo)題和輔助文字來大概定義文字跳躍率。如果標(biāo)題字號 30，輔助文字 10 號，那么文字跳躍率就是 300%。

這里引用文字跳躍率的概念，主要是為了定義封面的文字調(diào)性。如果文字跳躍率比較小，可以體現(xiàn)出高級感和安靜的感覺；文字跳躍率比較大，會給人一種活潑熱鬧的感覺。

四、文字排版方式：藝術(shù)性排版

樣式一：標(biāo)題文字打散

標(biāo)題文字在保證可識別性的情況下，可以拆分成 2-3 組文字，然后對其進(jìn)行多行、橫豎版等排列。該樣式基本上屬于滿版構(gòu)圖，搭配設(shè)計符號讓封面更加飽滿和富有藝術(shù)性。

樣式二：留白設(shè)計

標(biāo)題文字清晰，一般放置在四周，使用小的設(shè)計元素進(jìn)行版面修飾，大面積留白。從文字跳躍率的技法上來說，使用留白可以讓封面更加的專業(yè)和高級。

樣式三：個性化設(shè)計

設(shè)計手法新穎創(chuàng)新，打破常規(guī)設(shè)計思路，比較容易吸引流量點擊。

五、實踐

1. 利用標(biāo)題心理學(xué)撰寫文章標(biāo)題

下面我就以之前寫的文章《轉(zhuǎn)行 B 端，設(shè)計師快速入職指南》為例進(jìn)行標(biāo)題輸出，以驗證方法的可行性。

①好奇心驅(qū)動

很多平面設(shè)計師或者 C 端設(shè)計師都不了解 B 端設(shè)計的流程，沒有人或者文章可以比較清晰的告知他們?nèi)绾稳プ觥Ｋ钥梢詡?cè)重于介紹、流程、答疑去設(shè)計標(biāo)題。

標(biāo)題輸出：（1）如何做好 B 端設(shè)計？（2）B 端設(shè)計的一般流程有哪些？（3）B 端難嗎？（4）我應(yīng)不應(yīng)該轉(zhuǎn)行 B 端？

②情感激發(fā)

當(dāng)前就業(yè)形勢下，很多設(shè)計師都挺迷茫的，大家都需要更多的情感支持。人與人之間的鼓勵是非常需要的，我們可以告訴他們可以！一定行！鼓勵他們走出第一步，重拾對行業(yè)對自己的信心。

標(biāo)題輸出：（1）轉(zhuǎn)行 B 端就對了。（2）學(xué)習(xí) B 端知識，提升設(shè)計能力。

③行動呼喚

很多設(shè)計師徘徊在思考和行動的邊緣，他們努力思考了，卻少有行動。行動是最重要的，必須邁出第一步，第一步有了，后面堅持努力也就水到渠成了。

標(biāo)題輸出：（1）行動起來，輕松駕馭 B 端（2）B 端設(shè)計方向，設(shè)計師的另一條出路。（3）B 端設(shè)計，你可以信賴的另一個方向。

④問題引導(dǎo)

用提問的方式去引導(dǎo)用戶去思考，引導(dǎo)用戶去查看具體內(nèi)容。

標(biāo)題輸出：（1）你真的了解 B 端嗎？（2）B 端的這些流程你都懂嗎？（3）你想過轉(zhuǎn)行 B 端嗎？

⑤解決問題的承諾

明確文章的價值，用戶讀完文章后可以學(xué)到哪些知識。

標(biāo)題輸出：（1）讀完它，你就可以快速了解 B 端設(shè)計（2）學(xué)完這篇文章，你就邁出了 B 端設(shè)計的第一步

⑥社會證明

告知用戶你的能力和你的經(jīng)驗，可以為你的文章加分。

標(biāo)題輸出：（1）大廠設(shè)計師教你轉(zhuǎn)行 B 端（2）十年工作經(jīng)驗講述 B 端設(shè)計流程

⑦個性化

可以通過一些與眾不同的表現(xiàn)方式來展示標(biāo)題。

標(biāo)題輸出：（1）B 端 VS C 端（2）讀完這篇文章，我離職了。

⑧情節(jié)化

可以講述職場中的趣事和情節(jié)，避免內(nèi)容的枯燥乏味。

標(biāo)題輸出：（1）轉(zhuǎn)行 B 端的第一天（2）B 端設(shè)計師悲慘故事

⑨特定性

重點突出關(guān)鍵知識，讓用戶重點學(xué)習(xí)。

標(biāo)題輸出：（1）轉(zhuǎn)行 B 端前你一定要掌握的 5 大知識點（2）熟記轉(zhuǎn)行 B 端的 6 大步驟

2. 簡單文字展示方式

3. 主標(biāo)題+修飾（空心文字或圖形符號）

4. 主副標(biāo)題文字大小對比、粗細(xì)對比

5. 主標(biāo)題基本不動，副標(biāo)題及輔助文字樣式變化

6. 主標(biāo)題+顏色區(qū)分和線條修飾

以上就是封面圖的第一種設(shè)計方法使用文字元素進(jìn)行設(shè)計的簡單示意，下面我對文字和圖片相結(jié)合的封面設(shè)計也進(jìn)行了一些匯總。

六、封面設(shè)計與構(gòu)圖方式

這 1000 張封面圖中，有 325 張是文字結(jié)合圖片制作的封面。基本占了 32%。從構(gòu)圖的角度，我對這 325 張封面圖做了大致統(tǒng)計，中心構(gòu)圖大概占據(jù) 17%，上下構(gòu)圖大概占據(jù) 21%，左右構(gòu)圖占據(jù) 33%，對角線構(gòu)圖占據(jù) 22%，對稱構(gòu)圖占據(jù) 2%，重復(fù)構(gòu)圖占據(jù) 2%，負(fù)空間構(gòu)圖占據(jù) 3%。

1. 中心構(gòu)圖：將主題或最重要的元素放置在海報的中心，以吸引視線。
2. 對稱構(gòu)圖：通過在設(shè)計中使用鏡像或相等的元素來實現(xiàn)對稱感，使得海報左右或上下對稱，產(chǎn)生一種穩(wěn)定、整潔的視覺效果。
3. 上下構(gòu)圖：設(shè)計元素按照上下排布，使得海報達(dá)到穩(wěn)定和平衡。
4. 左右構(gòu)圖：跟上下構(gòu)圖差不多，設(shè)計元素按照左右排布，使得海報達(dá)到穩(wěn)定和平衡。
5. 對角線構(gòu)圖：以對角線方向形成視覺動線，使觀眾視線按照對角線方向自然流動。
6. 重復(fù)構(gòu)圖：通過重復(fù)相似的元素或模式來強(qiáng)調(diào)一致性或創(chuàng)造出整體性。
7. 負(fù)空間構(gòu)圖：通過合理運用背景空間，使得設(shè)計更具有空間感和清晰度。

1. 中心構(gòu)圖

中心構(gòu)圖的中心并不一定是絕對的中心，可以根據(jù)視覺的需要進(jìn)行局部調(diào)整，適當(dāng)?shù)恼{(diào)整可以當(dāng)畫面更加自然。

①主題突出，背景簡潔

將要表現(xiàn)的圖形、文字或者視覺元素進(jìn)行放大突出，可以和背景形成強(qiáng)烈的視覺對比，從而吸引用戶。

②明暗對比，文字突出

通過亮色與暗色之間強(qiáng)烈的對比，來突出主要的內(nèi)容。

③中心環(huán)繞，發(fā)散聚焦

標(biāo)題居于中心位置，使用圖形對標(biāo)題進(jìn)行環(huán)繞或者發(fā)散，使用戶聚焦。

④框體呈現(xiàn)，單獨區(qū)分

借助于線框或顏色區(qū)域，將標(biāo)題獨立出來并容易被注意

2. 上圖下文

①上多圖下標(biāo)題，多案例體現(xiàn)專業(yè)性，獲得信任征服客戶

②圖片為背景，下方文本區(qū)域有清晰背景色過度區(qū)域，用以強(qiáng)化標(biāo)題與背景的對比

3. 上文下圖

①清晰的區(qū)塊分割，如天空與建筑，顏色之間的切割

②清晰的文字與主體之間的對比

4. 左右構(gòu)圖

將版面劃分為左右兩個部分，視覺元素和文字元素左右擺放形成視覺平衡

左文右圖

左圖右文

5. 對角線構(gòu)圖

常用的構(gòu)圖方式。引導(dǎo)線構(gòu)圖的一種，通過對角產(chǎn)生隱約的視覺動線。通過線條的方向或走勢引導(dǎo)觀眾的視線，使視線自然地流動到海報中的重要元素。

6. 對稱構(gòu)圖

對稱為美，一直是很多設(shè)計追求的視覺樣式，因為對稱更容易達(dá)到視覺平衡。

通過在設(shè)計中使用鏡像或相等的元素來實現(xiàn)對稱感，使得海報左右或上下對稱，產(chǎn)生一種穩(wěn)定、整潔的視覺效果。

7. 重復(fù)構(gòu)圖

通過重復(fù)相似的元素或模式來強(qiáng)調(diào)一致性或創(chuàng)造出整體性。

8. 負(fù)空間構(gòu)圖

通過合理運用背景空間，使得設(shè)計更具有空間感和清晰度。

9. 增加圖中文字對比的方式

這里延伸一下增加文字辨識度提升的兩種方法，一個是文字描邊，一個是用背景顏色作為底色去襯托文字。

①文字描邊

②文字底色

以上就是我對封面設(shè)計方法的歸納和總結(jié)，供大家參考。好的設(shè)計總有一些共性的東西值得我們?nèi)タ偨Y(jié)和學(xué)習(xí)，加油！謝謝大家！

（以上封面圖的截取自站酷平臺，僅供設(shè)計研究參考，每張封面圖的設(shè)計版權(quán)為站酷及站酷每個作者所有）

歡迎關(guān)注作者微信公眾號：「阿琦設(shè)計日記」