大家好，這里是和你們一起聊設(shè)計(jì)的花生~

一年前我為大家推薦了 5 類做自媒體必看的設(shè)計(jì)資源，想幫助和我一樣的剛?cè)腴T的小伙伴輕松找到免費(fèi)的高質(zhì)量素材。如今我在優(yōu)設(shè)網(wǎng)上已經(jīng)發(fā)布了 300 多篇原創(chuàng)文章，其中的大部分的封面也都是我自己設(shè)計(jì)的。今天我就結(jié)合自己的實(shí)踐經(jīng)驗(yàn)，為大家分享一些實(shí)用的封面設(shè)計(jì)技巧。這些技巧可能不夠?qū)I(yè)，但是絕對(duì)好用，希望能對(duì)大家有所幫助~

相關(guān)推薦:

一、日常積累

對(duì)于沒有專業(yè)設(shè)計(jì)基礎(chǔ)的小伙伴來說，想從零開始完全靠自己做出一張好看的封面是比較困難的，而且也很耗費(fèi)時(shí)間。所以在初始階段，最好的方法是 “臨摹”。我們可以先收集一些優(yōu)秀的封面設(shè)計(jì)作為參考（這里我用的工具是 Eagle，它用來瀏覽、管理素材非常方便）。素材的類型也沒有具體的限制，不過剛開始最好選擇形式簡(jiǎn)單一點(diǎn)的，這樣方面我們學(xué)習(xí)借鑒。

二、文字內(nèi)容

一張封面的構(gòu)成其實(shí)非常簡(jiǎn)單，無非就是文字、配圖再加背景?？赡苡腥擞X得既然有了標(biāo)題，封面就不需要寫文字了，這其實(shí)是不對(duì)的。在實(shí)際的瀏覽場(chǎng)景中，觀眾第一眼看到的都是封面圖像而非下方的標(biāo)題文字。所以我們要在封面內(nèi)用文字點(diǎn)明內(nèi)容要點(diǎn)，第一時(shí)間抓住觀眾的注意力，吸引他們繼續(xù)查看更多的內(nèi)容。

既然要在封面中加入文本，那就不可避免地要用到字體。這里為大家推薦一個(gè)專業(yè)網(wǎng)站「優(yōu)設(shè)字體導(dǎo)航」，里面收錄了超多精選的免費(fèi)可商用字體，包含黑體、宋體、楷體、圓體等多種類型，每個(gè)字體還有詳細(xì)的信息介紹，可以一鍵下載使用。

具體的字體選擇需要按你的內(nèi)容調(diào)性來確定。一般來說黑體是萬能的，如果想做出差異化，那么輕松搞笑或偏兒童的內(nèi)容可以用卡通字體、歷史文化類的可以用楷體或者宋體、人文/抒情的內(nèi)容可以用手寫體，運(yùn)動(dòng)競(jìng)技類可以用斜體等等。日常也可以注意看優(yōu)秀的封面的字體是如何選擇的，與它的內(nèi)容是否有呼應(yīng)，訓(xùn)練自己的直覺。更具體的方法可以看海貝老師寫的這篇如何選擇字體的教程。

三、配圖選擇

“一圖勝千言”，圖像能比文字更直接地吸引人的注意力。好的封面配圖應(yīng)該與內(nèi)容息息相關(guān)，和文字一起向觀眾傳遞內(nèi)容要點(diǎn)。我常用的配圖選擇技巧有 4 種：優(yōu)先選擇人物；使用內(nèi)容自帶的圖像；使用簡(jiǎn)單的抽象元素；用 AI 輔助生成配圖。這些項(xiàng)技巧可以單獨(dú)使用，也可以搭配在一起使用。

① 優(yōu)先選人物

當(dāng)一張圖像中有人，尤其是有人臉的時(shí)候，會(huì)特別容易得到關(guān)注，這是人天生的一種直覺，所以在封面中使用人物是一種很有效地吸引注意力的方式。你可以用內(nèi)容中涉及到的人物或者你自己的照片，都沒有就用一些帥哥美女的圖像也行。

② 使用內(nèi)容自帶的圖像

我們輸出內(nèi)容一般會(huì)自帶配圖，或者有與之相關(guān)的圖像，用它們做封面不僅能準(zhǔn)確傳遞內(nèi)容信息，還能減少我們尋找或者設(shè)計(jì)配圖的工作量。如下圖，上面的兩張是教程內(nèi)自帶的圖像；下面的兩張推薦的是網(wǎng)站，所以用的是網(wǎng)站內(nèi)自帶的圖像。

③ 使用簡(jiǎn)單的抽象元素

如果前面兩個(gè)方式都行不通或者效果不好，那么這種方式非常值得一試：從內(nèi)容中提煉出幾個(gè)關(guān)鍵的概念，然后根據(jù)它們?cè)O(shè)計(jì)一些簡(jiǎn)單的元素，或者直接使用現(xiàn)有的素材。這種是一種“偷懶”的方式，但也可以取得很好的效果。

如下圖，第一排是用的是免費(fèi)的設(shè)計(jì)素材，與推薦的內(nèi)容正好貼合，有的封面上會(huì)使用各種 emoji 表情也是這個(gè)思路；第二排是根據(jù) “透明底圖片” 和 “地圖” 兩個(gè)概念，自己在 Ai 里簡(jiǎn)單畫了兩個(gè)小元素，效果也不錯(cuò)；第三排是直接將數(shù)字放大作為圖像使用，簡(jiǎn)單高效。

④ 用 AI 輔助生成配圖

一般來說做封面不會(huì)用太多時(shí)間，所以我們會(huì)盡量找一些套路和技巧來快速完成。不過現(xiàn)在有了在 AI 繪畫工具，我們很容易就能快速生成一張高質(zhì)量的配圖。下圖中前五張都是 midjourney 生成的圖像，幾分鐘內(nèi)就完成了；最后一張是先用 Adobe Ai 里的 3D 功能設(shè)計(jì)了一個(gè)線稿，然后在 SD WebUI 里用玻璃圖標(biāo)大模型和 Controlnet 線條約束生成的。設(shè)計(jì)速度比用 3D 軟件快很多，而且效果也非常棒。

大家可以進(jìn)「我的主頁(yè)」或者「優(yōu)設(shè) 9 圖頻道」查看更多的 AI 出圖教程。如果你還不會(huì)使用 Midjourney 和 SD WebUI 這兩款工具，可以了解一下我最新制作的課程《零基礎(chǔ) AI 繪畫入門》已經(jīng)上線，課程包含對(duì) Midjourney 及 Stable Diffusion WebUI 的系統(tǒng)入門教學(xué)，并提供配套資源、各類實(shí)用工具和提示詞庫(kù)，能幫助初學(xué)者快速掌握這 2 款目前最熱門的 AI 工具，感興趣的小伙伴可以戳的鏈接了解詳情：夏花生的《零基礎(chǔ) AI 繪畫錄播課》。

四、排版設(shè)計(jì)

文本和圖片都有了，下一步就是用它們進(jìn)行排版，這里我非常推薦新手使用網(wǎng)格系統(tǒng)來輔助排版。最基礎(chǔ)的做法就是將畫面劃分為 3*3、3*5、5*8 或者 8*13 的網(wǎng)格，然后將文案以及配圖填充到網(wǎng)格里面。這樣做既便捷，最后得到的形式也非常規(guī)整，比毫無規(guī)律地在畫布上隨意擺放元素效率更高。

有了網(wǎng)格系統(tǒng)后，就可以開始劃分文字層次了。封面文字一般劃分 1-3 級(jí)就足夠了，分別為：

1. 第 1 級(jí)：主標(biāo)題，簡(jiǎn)要的點(diǎn)明內(nèi)容主題
2. 第 2 級(jí)：副標(biāo)題，進(jìn)一步的說明性文字
3. 第 3 級(jí)：細(xì)節(jié)，裝飾文本

不同層級(jí)之間的字號(hào)差距至少要有 2.5 倍，差異足夠大才能拉開層級(jí)，做到主次分明。

封面多為橫版，所以最常用的是左右構(gòu)圖，以及在此基礎(chǔ)上一些靈活的變體，此外也有上下構(gòu)圖或者包圍構(gòu)圖。

除了 正常的文本和配圖，我們也可以加入一些裝飾的元素，比如英文、符號(hào)、圖標(biāo)、形狀、線條等，這樣一是可以填充/平衡版式，二是可以提升畫面的豐富度和層次感。

五、配色選擇

配色可以說是很多小伙伴都比較頭疼的一點(diǎn)，也的確要了解色彩的基礎(chǔ)知識(shí)后，才能較好的掌握配色技巧。推薦大家看一下我之前推薦過的 PCCS 色彩體系，優(yōu)設(shè)網(wǎng)上也有很多配色教程，想深入學(xué)習(xí)的小伙伴可以多看看。這里也推薦幾個(gè)我常用的配色思路，非常簡(jiǎn)單基礎(chǔ)，日常用起來很方便。

① 深色背景+白色/亮色文字

這個(gè)配色思路的底層邏輯就是 “黑底白字” ，視覺效果也是直白清晰。在實(shí)際設(shè)計(jì)中，為了避免背景的單調(diào)或突兀，可以用以下方式對(duì)背景進(jìn)行優(yōu)化：

1. 在背景上疊加一次效果，比如圖像、網(wǎng)格、圖案等，也可以為背景添加噪點(diǎn)紋理增強(qiáng)質(zhì)感；
2. 使用暗色系的有彩色背景，比如深藍(lán)色、深紫色、深棕色等；
3. 使用暗色系色的漸變背景，可以是線性漸變或者是任意形狀漸變。

有了深色背景，白色的文字很容易就凸顯出來了。不過全都是白色文字看起來也會(huì)很呆板，因此可以用高明度高飽和度的亮色替換掉其中的一些關(guān)鍵詞，版面看起來會(huì)更有吸引力。

② 淺色背景+深色文字

這是對(duì)上一種思路的反向運(yùn)用，即 “白底黑字”。這里的 “白底” 一般是指高明度低飽和度的淺色背景，比如白色、淺灰色、淡粉色等。如果不想背景太單調(diào)，也可以加入一些小面積的亮色漸變?cè)诶锩?，增?qiáng)視覺吸引力?！昂谧帧?則指暗色系或者深色系的文字，比如黑色、深灰、深藍(lán)，也可以是自身顏色比較重的亮色，比亮藍(lán)色、亮紫色、朱紅色（這些亮色本身明度比亮黃色、亮青色更低，因此更能和淺色背景形成差異）。

③ 對(duì)比色+小面積無彩色

這個(gè)思路我一般用來處理比較鮮艷的純色背景。如果是純藍(lán)色、純紫色背景，就用互補(bǔ)的黃色、橙色或者青綠色的文字，反之亦然。因?yàn)榛パa(bǔ)色天然具有較大的明度差異，它們搭配起來不容易出現(xiàn) “前后內(nèi)容粘連到一起” 的情況；此外互補(bǔ)色對(duì)比強(qiáng)烈，很容易吸引眼球。不過色彩對(duì)比過于直接強(qiáng)烈也會(huì)引起視覺不適，所以我一般會(huì)在兩個(gè)顏色中間加入白色、黑色這樣的無彩色作為緩沖。

最后再附上兩組我之前寫的封面制作思路，結(jié)合前面的內(nèi)容一起看，相信會(huì)讓你的思路清晰。

好啦及以上就是本期為大家分享的封面設(shè)計(jì)實(shí)用技巧，覺得有幫助的話本期話記得點(diǎn)贊收藏支持一波，我會(huì)有更動(dòng)力為大家推薦新的干貨內(nèi)容~ 優(yōu)設(shè)網(wǎng) 以及 優(yōu)優(yōu)教程網(wǎng) 上還有很多實(shí)用的設(shè)計(jì)干貨內(nèi)容和免費(fèi)設(shè)計(jì)素材，做自媒體的小伙伴千萬不要錯(cuò)過！

如果有關(guān)于文章的問題，歡迎在評(píng)論區(qū)留言，或者下方的二維碼加入“優(yōu)設(shè) AI 繪畫交流群”，和我及其他 設(shè)計(jì)師 一起交流學(xué)習(xí) AI 知識(shí)~

推薦閱讀：