今天我主要講一下微信圖文排版的相關(guān)內(nèi)容。

1好的排版究竟有多重要？

首先來介紹一下，為什么要推出這個課程。微信公眾平臺現(xiàn)在已經(jīng)有超過一千萬個賬號了，據(jù)統(tǒng)計現(xiàn)在可能已經(jīng)超過一千五百萬個了。有這么大的體驗量之后，大家見多識廣，對內(nèi)容和閱讀的體驗要求也是越來越高的。

同時，好的排版不僅能夠提供閱讀上的體驗的提升，還能夠為公眾號帶來更多的粉絲。相信大家也有時候會看到一些比較不錯的文章，大家會相互去轉(zhuǎn)發(fā)，說你看人家這排版做這么好看，為什么我們不能做成一樣的呢？

第三點，排版風(fēng)格也是品牌不可或缺的重要一環(huán)。由于現(xiàn)在公眾賬號已經(jīng)變成每家企業(yè)的標(biāo)配，公眾賬號的排版的風(fēng)格和網(wǎng)站，和logo的視覺要求是一致的，所以排版風(fēng)格也就變成了企業(yè)宣傳的臉面。這一點大家一定要重視。

第四點，排版是原創(chuàng)公眾賬號的形象，為什么這么說？相信有原創(chuàng)賬號的或者是轉(zhuǎn)載過別人原創(chuàng)文章的人大家都知道，就是在你沒有要求別人把你加入白名單的前提之下，你轉(zhuǎn)載別人的文章，你的排版格式是被完整保留的，所以，你的排版風(fēng)格可能會影響到別人，或者說是別人的排版風(fēng)格轉(zhuǎn)載到你這兒是完整保留的。如果你的排版風(fēng)格比較好，可能更多人也出于對于排版的一個顧慮也會優(yōu)先來轉(zhuǎn)載你的文章。

第五點，就是綜上所述，排版風(fēng)格和排版水平對于公眾賬號的運營是至關(guān)重要的。

學(xué)習(xí)這個課程能達到什么樣的效果呢？

我們簡單的舉了幾個例子。

左邊你可以看到這個標(biāo)題的格式不是很統(tǒng)一，或者說像右邊的封面，它們的風(fēng)格是非常雜亂的，但是學(xué)習(xí)這個課程之后，可以讓你的封面和標(biāo)題都非常的簡潔和統(tǒng)一。另外就是內(nèi)容，我們是希望讓你的文章看起來更有條理，讓別人閱讀的時候更加順暢。同時，一些比較好的排版風(fēng)格是可以讓你的文章條理或者是讓它的視覺效果變得非常好。

2排版—圖文標(biāo)題篇

（1）怎么樣成為一個“標(biāo)題黨”？

首先，映入眼簾的就是圖文的標(biāo)題。那圖文標(biāo)題大家心里都應(yīng)該有數(shù)，現(xiàn)在的這些標(biāo)題是提高閱讀的一個首要動力。所以大家現(xiàn)在是會花很大的精力去取一個帶有“標(biāo)題黨”的標(biāo)題，而且我建議標(biāo)題最好能簡潔一些，因為它能快速被用戶解讀度并能轉(zhuǎn)化為文章的閱讀。

比如說，我們右邊舉了幾個例子，像這個“萬能大叔”它本身名字就已經(jīng)比較長了。當(dāng)在這個訂閱號在被折疊的情況下，別人想快速的通過預(yù)覽這個標(biāo)題獲取你這個標(biāo)題的信息的時候，就會比較困難，比如說他這邊寫借勢，技術(shù)和段子，后邊的信息還沒有展示出來就已經(jīng)被隱藏掉了。

很多人都想知道怎樣能夠成為一個“標(biāo)題黨”，這里邊我列舉了十類比較常見的標(biāo)題黨，都能夠比較有效的提升你的文章的打開率。

比如說“如何體”，就是讓別人，相當(dāng)于是讓別人知道這個事情應(yīng)該怎樣去做，如果他對這個內(nèi)容感興趣或者說他不知道該怎樣去做的時候，“如何體”能夠提高閱讀。

另外一個就是“合集體”，比如說你把2015年的什么相關(guān)的行業(yè)里面的內(nèi)容做一個合集，這個行業(yè)里邊的人會優(yōu)先去關(guān)注的。

第三類就是“獵奇體”，比如說這個標(biāo)題，“關(guān)于故宮博物院你不知道的那些事”或者說“你不知道的那一百件事”，很多人一看到這個，本身他可能感興趣，但是可能也有一些基本的了解，但是你提到這樣的標(biāo)題之后，他可能會看看有哪些是我不知道的，或者說把這個帖子當(dāng)作一個學(xué)習(xí)的帖子。

第四類，是“裝飾體”，就是說我們怎樣給這個標(biāo)題起一個裝飾作用讓它變得很華麗或者很有吸引力，比如說“最新”，“最全”。由于現(xiàn)在最新的廣告法是規(guī)定，是不允許使用這樣的標(biāo)題，那么我們的標(biāo)題就可以起到“什么什么樣好到違反了廣告法的一個什么樣的產(chǎn)品?！贝蠹铱梢赃@樣來考慮。

第五類就是“緊迫體”，就是告訴大家你現(xiàn)在不看，馬上就沒有了，所以很多人都說那我趕緊看一下吧，看看是什么東西或者是說那個最新報出來的內(nèi)幕啊，這些大家都會非常感興趣。

第六類呢就是“福利體”，相信所有的人都習(xí)慣在微信上面搶紅包，或者是說想要領(lǐng)取一些什么東西，如果說你有一些費用可以支持或者是說有類似的可以抽獎的活動，可以把它放在標(biāo)題上面。

第七類就是一些比較夸張的，就是說多少多少元的文案或者是價值多少元的課程。

第八類就是說“代入體”，這些特別適合一些垂直的領(lǐng)域或者是一些地方性的賬號。比如說北京的一個賬號，它說北京人不知道的十二處美景，作為一個生活在北京的人你可能就會想了解一下。

第九類就是“熱點”，大家都知道像杜蕾絲等很多品牌它們都擅長于熱點借勢，這個的好處是顯而易見的，就是當(dāng)熱點發(fā)生的時候，大家都會對這樣的熱點產(chǎn)生極大的興趣，而且會非常敏感的去發(fā)現(xiàn)這類的標(biāo)題。所以如果你的標(biāo)題當(dāng)中含有這些熱點信息，就很容易被大家及時發(fā)現(xiàn)并且轉(zhuǎn)化為閱讀。

最后一類的話是一些名人，如果你的內(nèi)容其實很平淡，但是你可以把它類比成一個名人或者是去找一些大家都所熟知的名詞來代替，這樣的話大家可能會對你的內(nèi)容更加感興趣。

（2）標(biāo)題應(yīng)該控制在多少字以內(nèi)最合適？

那前邊說了那起標(biāo)題有這么多的講究，我們來看一下一個標(biāo)題應(yīng)該有多少個字。我們以一個正常的手機來衡量，我們建議一個文章的標(biāo)題最好控制在手機顯示的一行之內(nèi)，大概是13–15個字，如果超出之后，它就會換行。如果你是多圖文的話,因為它不可能把你的標(biāo)題單獨顯示出來，它會覆蓋掉你的封面圖，而且會顯示在一個黑底上面。

下面有三個效果，大家可以看一下：當(dāng)你一行字的時候，它只遮一點點；但變成三行字的話，它會遮掉你封面的一半左右。我給大家再看一個極端的效果。

一個標(biāo)題是可以容納這么多字，大概60多字，但是如果你如果要把這些字全部占滿了，那你的封面圖就沒有任何意義了。

剛才說的是頭圖這個地方，當(dāng)你的標(biāo)題是多條圖文的時候，我們就得講究一下整個視覺統(tǒng)一，還有標(biāo)題格式的統(tǒng)一。

（3）多圖文時，關(guān)于標(biāo)題長度和格式的一些注意事項

當(dāng)你發(fā)多圖文的時候，最好你的封面圖和底下的這條圖文，它們的封面是有一定的規(guī)律的。比如像右邊，我講的是跟微信有關(guān)的，后面的話我每一個內(nèi)容都來呼應(yīng)我頂上的這個封面，每一個小封面都變成大封面的拓展。

另外一個就是標(biāo)題的格式，如果你可以把這一類全部歸納一個為像專欄或者是這種分類的話，中間用一個小的豎線把它們分隔起來，整個文章看起來格式是非常統(tǒng)一的，這樣的話給人一種這家公司或者是這個賬號是非常有心的，而且做了非常精心的策劃和準(zhǔn)備。對于用戶來說，也是一種閱讀體驗的提升。

大家可能在標(biāo)題當(dāng)中想加入一些小符號，我們建議是最好少加符號。如果要加的話，前面列舉出來的中間加一條豎線非常簡潔，或者說用一個中文下的中括號來代替，起到一個強調(diào)的作用。但是我們非常不建議像右邊這種，前面加一個心啊或者也不知道是什么的一個符號，或者是這種波浪線，這些的話都會讓人感覺到比較low。

3排版—圖文封面篇

（1）封面要背景干凈、重點突出

講完標(biāo)題，我們回到圖文的封面這。首先圖文封面要有一個原則–就是盡量選擇背景干凈，而且重點突出的。就是你這篇文章要講什么事，一定要找到跟它有關(guān)的圖片，千萬不要找那種八竿子打不著的，而且圖片一定要盡可能的干凈，重點突出。

我們舉的這兩個圖片的例子。左邊這張圖，它可能是為了強調(diào)說情侶，或者是過節(jié)。但是我們來看它們的構(gòu)圖，它們想突出的是兩個人。左邊這位男生，他的衣服是黑的，整個背景也是一個夜空的，他是很不突出的。右邊這位女生還好一些，但是為了突出這兩個人，中間還有一個第三者。這樣的話就會導(dǎo)致你整個想要突出的內(nèi)容產(chǎn)生了很多的干擾，再加上背后還有很多的燈，就會導(dǎo)致你整個的構(gòu)圖是非?；靵y的。

右邊就要好很多，它的內(nèi)容主要是為了突出古代的一些陶藝。選擇了一個背景是灰色，非常干凈，想要突出的元素非常清晰的展示在了封面上面。同時，它還會在上面去疊加了一個水印，就是它們固有的一個專欄。所以，總結(jié)下來，封面要選擇一個背景干凈，重點突出的照片，如果有能力的話，我們可以做出來一個模板，對它進行一個簡單的加工，加上公司或者是一些品牌的印記。給別人一種這個內(nèi)容是做了精心準(zhǔn)備的感覺。

（2）圖文的封面尺寸一定要合乎標(biāo)準(zhǔn)

我們再來說一下圖文封面的尺寸。大家都知道，微信規(guī)定是：它的寬度是900像素，高度是500像素。只要圖片大致設(shè)計一個比例，它的尺寸要求不一定非是900，只要是這個相對比例就可以。

（3）你需要體現(xiàn)的核心的元素要盡可能顯示在封面的居中位置

剛才也說了，盡量選擇干凈一點的和內(nèi)容貼合一點的。還有一點大家一定要記住，就是你需要體現(xiàn)在封面上的一些核心的元素要盡可能的顯示在封面的居中位置。它有兩個作用：第一個，我們在分享到朋友圈的時候，會自動截取掉兩邊多余的部分，然后只選擇一個最中間正方形的部分，來做轉(zhuǎn)發(fā)和預(yù)覽。另外一個就是在最新版的微信編輯器里邊，當(dāng)你需要調(diào)整圖文的位置的時候，假設(shè)你這張圖是頭圖，但是你又臨時有更重要的文章需要把它移動到后面的時候，它們會自動把兩邊的內(nèi)容給裁掉。

4排版—圖文配圖篇

（1）推薦一些很實用的圖片來源網(wǎng)站

說完了標(biāo)題和封面之后，那我們就進入正文。正文當(dāng)中，大家使用頻率比較高的除了文字之外，就是配圖了。很多人都想知道別人的賬號里那么多好看的圖片從哪兒來呢，我給大家列舉了一些。首先，大家在選擇圖片的時候就要特別注意一點就是版權(quán)的問題。因為微信現(xiàn)在已經(jīng)在內(nèi)測圖片版權(quán)了，當(dāng)你在轉(zhuǎn)載別人圖片的時候，會自動標(biāo)注出來它的來源。如果一旦發(fā)現(xiàn)有侵權(quán)的，那么就像現(xiàn)在的這個原創(chuàng)文章一樣，一舉報一個準(zhǔn)兒。所以大家一定要特別注意你的圖片的來源。

能原創(chuàng)盡量原創(chuàng)，如果原創(chuàng)不了，我給大家推薦兩個免版權(quán)的—就是這個網(wǎng)站上所有的圖片都是作者聲明放棄版權(quán)或者是公開版權(quán)的。大家可能會找些創(chuàng)意設(shè)計方面的圖片，我們推薦dribble.com, 站酷(zcool.com)是國內(nèi)的，我相信所有的設(shè)計師都會非常熟悉這個網(wǎng)站。大家經(jīng)常會在微信里邊看到的Gif圖，我們推薦了兩個網(wǎng)站，就是這種Gif圖比較豐富的網(wǎng)站。另外就是我們在做設(shè)計或者創(chuàng)意的時候，可能需要參考的像花瓣，像堆糖，像pinterest.com,像tumblr.com,這些網(wǎng)站都是非常優(yōu)秀的，大家可以收藏下來或者把這篇內(nèi)容截圖下來，把這些內(nèi)容，把這些網(wǎng)站收藏起來。

（2）正文配圖，要盡量選擇和文章內(nèi)容相近的圖片

說到正文配圖的時候，和封面圖有比較類似的，要盡量選擇和你文章內(nèi)容相近的圖片，而且最好要把這些圖片的大小統(tǒng)一，而且它的冷暖色調(diào)要保持一致。

（3）配圖和文字之間有空隙會增加觀賞性

另外一個就是在配圖和文字之間的這個關(guān)系處理的時候，我們建議的是整個文字一定要上下空一行。并且，在圖片下邊，我們建議是最好有一行小字，比如是說10號字或者說是12號字，來標(biāo)注出來這個圖片是什么內(nèi)容，圖片來自于哪兒，如果有版權(quán)的，那我們最好標(biāo)出來版權(quán)，那這樣可以給自己規(guī)避很多的風(fēng)險。同時，圖片的寬度，不建議超過640像素。因為如果超過的話，微信本身會壓縮它。小的話就是不要小于320像素。否則就是像右邊一樣，就是顯得特別小。

5排版—圖文文字篇

（1）應(yīng)當(dāng)根據(jù)文字的風(fēng)格來匹配相應(yīng)的顏色

圖片這一類講完了，我們進入到最最重要的文字。因為絕大多數(shù)公眾賬號在推送內(nèi)容的時候，是以文字為主的。那我們開始講正文文字。首先，我們建議說標(biāo)題和其它的正文的文字要稍微區(qū)分開來。你可以用顏色來區(qū)分，或者是用大小，再加上加粗這樣來區(qū)分出來，這樣的話，標(biāo)題首先很醒目。同時，標(biāo)題不建議過長。如果你的標(biāo)題特別長的話，建議你把這個標(biāo)題分行，否則的話，太長的標(biāo)題大家在理解上面是會比較花時間，可能還會影響效率。

有一個色盤，可以給大家來做一個提示，就是說什么樣的顏色適合什么樣的內(nèi)容。比如說，紅色代表了熱情，奔放，喜悅；橙色代表歡快，活潑；黃色代表高貴富有；綠色代表生命，生機，安全。紫色代表神秘，浪漫，愛情；藍色代表智慧，天空，適合科技類的一些話題。大家可以根據(jù)不同的內(nèi)容或者根據(jù)你們企業(yè)的主題色來選擇需要著重的內(nèi)容，而且顏色一定不要過多。

（2）關(guān)于正文文字的字號、顏色、縮進和行距的一些小建議

我們再回到正文文字。剛才說了標(biāo)題的文字最好是20號字，而正文的文字最好是14~16號字，最小不要小于12號。否則的話，一些視力實力不太好的或者是手機屏幕分辨率不太高的可能就看不太清楚。同時，一篇文章當(dāng)中使用的顏色不要超過三種，否則你那個文章就花的沒法看了。另外一個就是關(guān)于首行縮進的問題，我們傳統(tǒng)的這種印刷的文本一般都有首行縮進，這個是有歷史原因的。我們現(xiàn)在的閱讀絕大多是都是在手機端閱讀的，手機本身就很窄，如果說你這個內(nèi)容還是要再縮進，文章整體看起來特別不整齊。

另外一個是行距。我們文章所有的編輯器，或者所有的內(nèi)容默認的都是1.0，但是因為你知道的圖文其實它沒有所謂的這種版面的限制，從最舒服的角度來說，建議的行距最好是1.5—1.75，整個文章它的這種行距看起來的話是非常舒服的。

（3）段落和段落之間應(yīng)當(dāng)怎樣控制間距最好？

剛才都說的是單文字，到了段落和段落之間，我們建議是每個段與段之間一定要空一行，這樣的話你不會感覺到文字特別緊湊，最好就是每一個段落不要超過一個屏幕。如果超過的話，最好是把它們分一下段兒。因為你知道大家現(xiàn)在都已經(jīng)習(xí)慣于短閱讀了，比如說已經(jīng)習(xí)慣于看微博或者說看朋友圈的內(nèi)容，突然來了個長篇大論，我很有可能看著看著就忘了前邊說的是什么內(nèi)容。所以，最好對文章適時地進行分段，而且最好是適當(dāng)?shù)呐湫﹫D，配些圖的話能夠讓大家對文章和圖片內(nèi)容產(chǎn)生關(guān)聯(lián)，并且很好的去理解和記憶。

那關(guān)于樣式這一塊，我相信大家已經(jīng)很習(xí)慣于在編輯文章的時候使用一些第三方編輯器，那我們的建議是不要用一些花式很重的，很花的這些符號，越簡潔越好。因為簡潔是閱讀的第一體驗，你重點的內(nèi)容是你的文字，而不是這些小符號和樣式。

6排版—常見的5種錯誤

（1）頭圖不當(dāng)

首先我們來說一下頭圖的圖片的選擇，首圖片在選擇的時候是要特別注意他的尺寸和比例的。我們來看左邊這張圖片，相信很多企業(yè)在編輯圖片的時候經(jīng)常會把自己公司的高管的圖片放在頭圖上面。而這張圖片由于標(biāo)題占了過大的篇幅導(dǎo)致這個人的頭像被裁掉了。

但是大家都知道頭圖的比例是900×500，這就會導(dǎo)致這個圖片他的頭部有半截在上面就被裁掉了。這樣的話在視覺上看起來是非常糟糕的，尤其是當(dāng)你的領(lǐng)導(dǎo)看到這樣的圖片的時候他的心里肯定會不太舒服。

右邊的圖片你會看到背景特別特別的繁雜，本身你標(biāo)題上面已經(jīng)帶有了案例精選合輯，這個時候你還在標(biāo)題上面帶有了案例精選合集這幾個字本身是重復(fù)的。再加上你的圖片比較雜這樣看起來是特別混亂的。

我們來看兩個比較正確的示例。這個標(biāo)題是二十四節(jié)氣當(dāng)中的處暑，他的背景選擇了一個相對比較干凈的風(fēng)景圖然后把要表達的信息處暑放在文章的正中間看起來特別的清爽。右邊的圖片，因為他是在介紹一本書所以用一只貓和一本書放在了一起看起來非常有愛而且突出了重點。

說完了封面圖片，我們來看文章里正文的圖片。首先我們剛才提到過一點，就是文章和圖片要盡可能的去匹配。

（2）文章圖片不匹配

比如說像左邊這個，他是在做一個廣告，但是你一開始就已經(jīng)把廣告圖片放出來了。

大家都知道好一點的廣告應(yīng)該是讓人循序漸進的。你一開始就出來廣告他的轉(zhuǎn)化效果一定不怎么樣，很多人一看到這個就不往下看了更何談轉(zhuǎn)化率呢？這是從轉(zhuǎn)化的角度來說。

第二，本身這個圖片就看起來非常非常地亂。上面帶有二維碼，然后各種顏色，各種非主流的頭像。很多信息堆到一起是適得其反的。

我們看右邊的圖片，我們前面也說了文章圖片一定要匹配文章的標(biāo)題。這篇文章的標(biāo)題叫

《為何要十跪父母》。所以，他在網(wǎng)上搜了一個跟跪有關(guān)的。但是這個跪跟父母是無關(guān)的。這是一些和尚或者是一些宗教儀式當(dāng)中的一幅圖片所以他本身的內(nèi)容和你這個圖片是不匹配的。

我們給大家看幾個正確的示例。

這個是良倉的一篇圖文。首先你看他是在介紹一位建筑大師，所以他總體的色調(diào)就是黑白色、黑白灰這幾種顏色。他在選擇圖片的時候也是如此，這是一張黑白圖片這樣的話背景是一張純色的，非常非常干凈。里邊只有一個人物重點很突出。

（3）正文文字過于擁擠

回到正文的文字這個地方。像左邊也沒有什么太大的錯誤。只是說我們從用戶的角度來看，我一看到滿屏的文字的時候就會有一種恐慌感，就有一種想很快去跳過的感覺。當(dāng)然如果你的文字特別吸引人就當(dāng)另說，但是絕大多數(shù)情況下我們的文字可能沒有那么強大的吸引力。所以這個時候適當(dāng)?shù)挠幸恍┡鋱D可能就會更好一些。

像右邊這個，他是想把這一段文字的重點提示給別人看。但是整段的用顏色就會適得其反。因為我們知道我們想要強調(diào)的時候其實是讓大家聚焦到某一個點或者是一個比較短小的信息。比如說這個地方我需要強調(diào)某一句話的時候可以把某一句話標(biāo)出來顏色。這樣的話我可以重點去讀那句話。但是，如果你滿屏都是重點反而是沒有終點了。

我們來看幾個正確的示例。當(dāng)你的文字比較多的時候我們最好把他條理化。像左邊我們是把一大段內(nèi)容然后分成了一二三四五，這樣你看起來的時候知道作者是很有邏輯性和條理性的。

（4）整體的版式過于混亂

第四點是文章版式的問題。文章的版式是一個整體的概念，剛才列舉的都是某一部分的。當(dāng)圖片和文字組合的時候那我們就要注意版式的平衡或者布局的問題。比如像左邊這個他上面的內(nèi)容樣式圖片文字之間是完全沒有縫隙的，全部堆砌在一起，會顯得特別密集。

同時，他想在這個圖片上面給大家提示一下。上面是黃金梨，右邊這個也是黃金梨。但是他很失敗的一點就在于他把整個版面的平衡給打破了，而且非常難看。他在左下角用了這么大一個白塊然后用了這么丑的一個箭頭來提示這個信息。反而還不如在底下加一行字來得更好。

我們來看一下正確的應(yīng)該是什么樣子的。首先我們要有一個意識就是在手機上閱讀內(nèi)容

盡量不要分左右。因為手機本身就是豎長條的，如果你再分左右的話，他能夠容納的信息會變少。在手機上閱讀內(nèi)容圖文混排最好的就是：圖片文字圖片文字。這樣是看起來是最舒服的。而且由于你本身屏幕就這么寬，所有你一定盡量讓圖片充滿整個屏幕，這樣的話我才能看清里面的信息。

（5）樣式應(yīng)用不恰當(dāng)

第五類就是樣式了。大家用各種編輯器的時候也接觸了大量的樣式了。但是在使用樣式的時候要注意幾個小的原則。就是說樣式求精而不要求多。像上面這個，可以看到這里面用了多少種樣式，至少七八種。你會看到各種花哨的東西全部堆砌到一起，反而他想要表達的信息看的不是那么清楚。所以在一篇圖文當(dāng)中使用的樣式大概也就一兩種就可以了，最多不要超過三種。

比如像公眾號一條，一條的排版的話是非常有特色的。他的標(biāo)題都是用這樣一個黑色的雙重的框。里面會有中文再加上英文或者是拼音。這樣你想要表達的標(biāo)題是單獨的一個區(qū)域，就不會跟其他的信息混雜到一起。他現(xiàn)在整體的使用顏色就是黑色和紅色，整體風(fēng)格看起來非常的統(tǒng)一。

以上就是我今天分享的全部內(nèi)容。謝謝大家！

（來源：饅頭微課）