導師：唐三藏，北京小黃人科技有限公司創始人，微信運營專家。

大家好，歡迎來到饅頭商學院。我是i排版創始人唐三藏，一直從事微信相關的研究與技術開發工作。今天我主要講一下微信圖文排版的相關內容。

來源：饅頭商學院 （微信號：mantousxy）
原標題：想做出讓轉發量暴增的微信排版？這4個小秘密你必須知道

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

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

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

第三點，排版風格也是品牌不可或缺的重要一環。由于現在公眾帳號已經變成每家企業的標配，公眾帳號的排版的風格和網站，和logo的視覺要求是一致的，所以排版風格也就變成了企業宣傳的臉面。這一點大家一定要重視。

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

第五點，就是綜上所述，排版風格和排版水平對于公眾帳號的運營是至關重要的。

學習這個課程能達到什么樣的效果呢？

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

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

2、排版—圖文標題篇

（1）怎么樣成為一個“標題黨”？

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

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

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

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

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

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

第四類，是“裝飾體”，就是說我們怎樣給這個標題起一個裝飾作用讓它變得很華麗或者很有吸引力，比如說“最新”，“最全”。由于現在最新的廣告法是規定，是不允許使用這樣的標題，那么我們的標題就可以起到“什么什么樣好到違反了廣告法的一個什么樣的產品。”大家可以這樣來考慮。

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

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

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

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

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

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

（2）標題應該控制在多少字以內最合適？

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

下面有三個效果，大家可以看一下：當你一行字的時候，它只遮一點點；但變成三行字的話，它會遮掉你封面的一半左右。

我給大家再看一個極端的效果。

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

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

（3）多圖文時，關于標題長度和格式的一些注意事項

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

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

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

3、排版—圖文封面篇

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

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

我們舉的這兩個圖片的例子。

左邊這張圖，它可能是為了強調說情侶，或者是過節。但是我們來看它們的構圖，它們想突出的是兩個人。左邊這位男生，他的衣服是黑的，整個背景也是一個夜空的，他是很不突出的。右邊這位女生還好一些，但是為了突出這兩個人，中間還有一個第三者。這樣的話就會導致你整個想要突出的內容產生了很多的干擾，再加上背后還有很多的燈，就會導致你整個的構圖是非常混亂的。

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

（2）圖文的封面尺寸一定要合乎標準

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

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

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

4、排版—圖文配圖篇

（1）推薦一些很實用的圖片來源網站

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

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

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

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

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

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

5、排版—圖文文字篇

（1）應當根據文字的風格來匹配相應的顏色

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

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

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

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

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

（3）段落和段落之間應當怎樣控制間距最好？

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

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

6、排版—常見的5種錯誤

（1）頭圖不當

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

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

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

我們來看兩個比較正確的示例。

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

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

（2）文章圖片不匹配

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

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

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

我們看右邊的圖片，我們前面也說了文章圖片一定要匹配文章的標題。這篇文章的標題叫《為何要十跪父母》。所以，他在網上搜了一個跟跪有關的。但是這個跪跟父母是無關的。這是一些和尚或者是一些宗教儀式當中的一幅圖片所以他本身的內容和你這個圖片是不匹配的。

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

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

（3）正文文字過于擁擠

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

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

我們來看幾個正確的示例。

當你的文字比較多的時候我們最好把他條理化。像左邊我們是把一大段內容然后分成了一二三四五，這樣你看起來的時候知道作者是很有邏輯性和條理性的。

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

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

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

我們來看一下正確的應該是什么樣子的。

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

（5）樣式應用不恰當

第五類就是樣式了。大家用各種編輯器的時候也接觸了大量的樣式了。但是在使用樣式的時候要注意幾個小的原則。就是說樣式求精而不要求多。

像上面這個，可以看到這里面用了多少種樣式，至少七八種。你會看到各種花哨的東西全部堆砌到一起，反而他想要表達的信息看的不是那么清楚。所以在一篇圖文當中使用的樣式大概也就一兩種就可以了，最多不要超過三種。

比如像公眾號一條，一條的排版的話是非常有特色的。

他的標題都是用這樣一個黑色的雙重的框。里面會有中文再加上英文或者是拼音。這樣你想要表達的標題是單獨的一個區域，就不會跟其他的信息混雜到一起。他現在整體的使用顏色就是黑色和紅色，整體風格看起來非常的統一。

以上就是我今天分享的全部內容。謝謝大家！非常感謝大家能夠來到饅頭商學院收聽這期的微信排版課程。