熱評 希夏

太需要了,一直就很喜歡優設的封面圖,這下我也會做了

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

大家好,這里是和你們一起聊設計的花生~

一年前我為大家推薦了 5 類做自媒體必看的設計資源,想幫助和我一樣的剛入門的小伙伴輕松找到免費的高質量素材。如今我在優設網上已經發布了 300 多篇原創文章,其中的大部分的封面也都是我自己設計的。今天我就結合自己的實踐經驗,為大家分享一些實用的封面設計技巧。這些技巧可能不夠專業,但是絕對好用,希望能對大家有所幫助~

相關推薦:

一、日常積累

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

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

二、文字內容

一張封面的構成其實非常簡單,無非就是文字、配圖再加背景。可能有人覺得既然有了標題,封面就不需要寫文字了,這其實是不對的。在實際的瀏覽場景中,觀眾第一眼看到的都是封面圖像而非下方的標題文字。所以我們要在封面內用文字點明內容要點,第一時間抓住觀眾的注意力,吸引他們繼續查看更多的內容。

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

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

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

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

三、配圖選擇

“一圖勝千言”,圖像能比文字更直接地吸引人的注意力。好的封面配圖應該與內容息息相關,和文字一起向觀眾傳遞內容要點。我常用的配圖選擇技巧有 4 種:優先選擇人物;使用內容自帶的圖像;使用簡單的抽象元素;用 AI 輔助生成配圖。這些項技巧可以單獨使用,也可以搭配在一起使用。

① 優先選人物

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

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

② 使用內容自帶的圖像

我們輸出內容一般會自帶配圖,或者有與之相關的圖像,用它們做封面不僅能準確傳遞內容信息,還能減少我們尋找或者設計配圖的工作量。如下圖,上面的兩張是教程內自帶的圖像;下面的兩張推薦的是網站,所以用的是網站內自帶的圖像。

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

③ 使用簡單的抽象元素

如果前面兩個方式都行不通或者效果不好,那么這種方式非常值得一試:從內容中提煉出幾個關鍵的概念,然后根據它們設計一些簡單的元素,或者直接使用現有的素材。這種是一種“偷懶”的方式,但也可以取得很好的效果。

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

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

④ 用 AI 輔助生成配圖

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

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

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

四、排版設計

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

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

有了網格系統后,就可以開始劃分文字層次了。封面文字一般劃分 1-3 級就足夠了,分別為:

  1. 第 1 級:主標題,簡要的點明內容主題
  2. 第 2 級:副標題,進一步的說明性文字
  3. 第 3 級:細節,裝飾文本

不同層級之間的字號差距至少要有 2.5 倍,差異足夠大才能拉開層級,做到主次分明。

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

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

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

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

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

五、配色選擇

配色可以說是很多小伙伴都比較頭疼的一點,也的確要了解色彩的基礎知識后,才能較好的掌握配色技巧。推薦大家看一下我之前推薦過的 PCCS 色彩體系,優設網上也有很多配色教程,想深入學習的小伙伴可以多看看。這里也推薦幾個我常用的配色思路,非常簡單基礎,日常用起來很方便。

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

這個配色思路的底層邏輯就是 “黑底白字” ,視覺效果也是直白清晰。在實際設計中,為了避免背景的單調或突兀,可以用以下方式對背景進行優化:

  1. 在背景上疊加一次效果,比如圖像、網格、圖案等,也可以為背景添加噪點紋理增強質感;
  2. 使用暗色系的有彩色背景,比如深藍色、深紫色、深棕色等;
  3. 使用暗色系色的漸變背景,可以是線性漸變或者是任意形狀漸變。

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

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

② 淺色背景+深色文字

這是對上一種思路的反向運用,即 “白底黑字”。這里的 “白底” 一般是指高明度低飽和度的淺色背景,比如白色、淺灰色、淡粉色等。如果不想背景太單調,也可以加入一些小面積的亮色漸變在里面,增強視覺吸引力。“黑字” 則指暗色系或者深色系的文字,比如黑色、深灰、深藍,也可以是自身顏色比較重的亮色,比亮藍色、亮紫色、朱紅色(這些亮色本身明度比亮黃色、亮青色更低,因此更能和淺色背景形成差異)。

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

③ 對比色+小面積無彩色

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

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

最后再附上兩組我之前寫的封面制作思路,結合前面的內容一起看,相信會讓你的思路清晰。

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

好啦及以上就是本期為大家分享的封面設計實用技巧,覺得有幫助的話本期話記得點贊收藏支持一波,我會有更動力為大家推薦新的干貨內容~ 優設網 以及 優優教程網 上還有很多實用的設計干貨內容和免費設計素材,做自媒體的小伙伴千萬不要錯過!

如果有關于文章的問題,歡迎在評論區留言,或者下方的二維碼加入“優設 AI 繪畫交流群”,和我及其他 設計師 一起交流學習 AI 知識~

自媒體小白必看!5 招教你輕松做出好看又吸睛的內容封面

推薦閱讀:

贊賞
收藏 152
點贊 106

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。