前不久，135編輯器COO 孫曉芳，為我們帶來了《微信排版的6大可讀性原則》線上分享。

針對微信排版，曉芳姐用最直白的語言和最貼近工作場景的案例，為我們講解了微信排版的6大原則，以及實際應(yīng)用中需注意的排版潛規(guī)則。下面讓我們一起回顧昨晚的精彩內(nèi)容。

以下是分享內(nèi)容全文實錄：

我們很多用戶都會說我們要開一個公眾號，公眾號需要定一個調(diào)，需要公眾號能夠很好反應(yīng)平臺的形象，當(dāng)然很重要的一點就是視覺，其中就包括品牌logo、色調(diào)和排版。

其實我在實際與編輯打交道的過程中，會發(fā)現(xiàn)真的是很多企業(yè)從現(xiàn)在才開始重視公眾號，很多企業(yè)找到我們讓我們做一些定制的服務(wù)，其實足夠看出現(xiàn)在很多企業(yè)對排版的重視程度。今晚我就會從以下幾個方面與大家交流：1、版式設(shè)計目的，2、版式設(shè)計的六大可讀性原則；3、一些案例的交流。

一、版式設(shè)計目的

首先我們看看版式設(shè)計的目的。其實目的不是為了設(shè)計而設(shè)計，而是說你做排版是為了讓你的內(nèi)容更好的傳達(dá)。排版是為了輔助你的閱讀，同樣的文字，一個是密密麻麻，一個是字與字之間有留白，那你肯定是跟愿意去讀有更好排版效果的那個，所以說排版是輔助閱讀的，讓你的讀者能在視覺上得到愉悅的感受。 

那么一篇文章排版都包括哪些內(nèi)容呢？我給大家列了一下，當(dāng)然我羅列的就是使用第三方編輯器上會用到的內(nèi)容。其實我們在于一些就算是大企業(yè)的接觸過程中發(fā)現(xiàn)，他們可能都不太清楚一篇文章中的這些要素都叫什么，也不太清楚一些需求要怎么提出，所以這里羅列了一下，大家可以去了解一下。

頭部會有引導(dǎo)關(guān)注，文章頭部可能會有banner圖，有些banner圖是動態(tài)的形式，然后標(biāo)題、正文樣式，包括分割線，還有一些音頻視頻的應(yīng)用，包括最后的二維碼等等。

但我們要注意哪些細(xì)節(jié)呢？

二、版式設(shè)計的六大可讀性原則

1、標(biāo)題

我們這里要說的是，標(biāo)題我們建議需要簡潔，盡量不要超過一行。保持在13個字以內(nèi)的話，那就是一行之內(nèi)了，如果確實內(nèi)容比較多需要兩行的話，那也建議是控制在64個字節(jié)以內(nèi)。

如果是多圖文的話，就需要知道如果第一條標(biāo)題太長，就會把封面圖遮擋住，而且分享到朋友圈后，長標(biāo)題的后半部分同樣會被遮住，這樣對于你的打開率的影響是很大的。

一般情況下，一級標(biāo)題是居中的；二級標(biāo)題一般是左對齊，當(dāng)然也有居中的時候。其次，標(biāo)題如果不使用樣式的話，也可以通過顏色的突出、加粗來表現(xiàn)。

一般來說，標(biāo)題的字號最大可以選用到18號字，16號字也會比較多，正文14、15、16號字體都可以，我們的原則肯定是標(biāo)題比正文的字號要大。

2、正文

現(xiàn)在微信后臺默認(rèn)的是微軟雅黑，但是很多懂設(shè)計的會自己設(shè)計然后轉(zhuǎn)化成圖片格式放在微信上面去。

文章選用什么樣的字體，我舉個例子。像這種詩詞，可能更適合用手寫體、毛筆字會顯得更軟一些。

正文字號上面也講過，14、15、16號都可以，你習(xí)慣用哪一種就用哪一種。除了字體可以選擇，字間距也是可以選擇，這個就要借助第三方工具了。

在文章內(nèi)容不是很多的情況下，你的字間距行間距可以調(diào)的更多一些，讓文章有更多的呼吸空間。一般來說我們用的行間距是1.5倍或者1.75倍的行間距；當(dāng)然如果你是詩歌散文類的文字較少，一般來說我們就會居中大幅留白，并把行間距調(diào)整到2倍。

其實不管是字間距、行間距、頁邊距，這些講白了就是要留下足夠的空間給讀者，讀者在看電子閱讀物的時候能給到一定的視覺空間，讓他閱讀起來不會太困難。

3、圖片

封面的頭圖一般就是900*500，二條一般就是200*200的大小。圖片要注意的就是插圖在文中的風(fēng)格和配色，圖片格式建議是用gif格式，會比JPG更清晰一些，但gif也有缺點，如果圖片顏色太多了，gif格式圖片可能就會失真，而且gif圖片在后面有些動圖是需要點一下才能動。

有些文章里的配圖是擁有統(tǒng)一風(fēng)格色調(diào)的，這個我們稱之為套圖，不會讓文章配圖隨心所欲雜亂無章，會讓整篇文章看起來更搭配和諧。當(dāng)然我們還有很多其他的處理方式，比如說縮放、裁剪、旋轉(zhuǎn)、翻轉(zhuǎn)、銳化等等。如果我們不太想做太多裝飾，我們就可以簡單加一些陰影，看上去更立體。

4、圖文

很多時候我們不希望圖片文字就那樣放著，我們希望它們能結(jié)合的更緊密一些，所以可以用到一些圖文的排版，上圖下文、下圖上文、左圖右文或者是圖文疊加的方式都可以。你可以通過PS或者編輯器的圖文樣式都行。

如果你選用了一種樣式，比如左右布局，那么建議通篇文章都使用這種樣式來排版；編輯器中圖文樣式很多，但建議還是需要固定下幾個樣式來讓文章有自己的風(fēng)格，但是還是要根據(jù)你自己文章的內(nèi)容去選擇，不用選擇太多，只需要固化幾類即可。

5、標(biāo)點

標(biāo)點這塊其實很多人會經(jīng)常犯錯誤，我這里在ppt上簡單列舉了一下，但是沒有辦法全部羅列下來。

中英文之間、中文與數(shù)字之間、數(shù)字與單位之間都是需要加一個空格，還有切記行首和行尾不要單獨出現(xiàn)標(biāo)點。如果要讓公眾號排版顯得高端一點，我們用引號的時候可以使用直角引號代替。

還有很多比如說符號后面需要加空格的，比如我們經(jīng)常使用的“@”，@后面加一個空格才是正確的，當(dāng)然，郵件除外；破折號都是占兩格漢字空間，省略號是六個點。這些我們在平常溝通中可能都沒有考慮這些細(xì)節(jié)，其實都是有規(guī)范的。

6、配色

配色是整個分享的重中之重，首先配色有幾個原則，第一是需要整體定一個調(diào)。很多企業(yè)是有自己的VI視覺系統(tǒng)的，確定品牌色也就是主色之后，再來確定輔助色。其實文章顏色一般情況下不用純黑，因為純黑的顏色飽和度比較高，一般我們可以使用75%的灰。標(biāo)題我們可以用一些點綴色來進(jìn)行點綴，點綴色不宜超過全文比重的5%。

顏色這一塊還要注意一點——忌純，我們經(jīng)常說這個顏色明晃晃的太黃太綠了，這就是顏色的飽和度太高。一篇文章我建議顏色不要超過三種，忌用互補的配色，我們可以看到色環(huán)，色環(huán)相對的顏色就是互補色，使用互補色會讓人感覺對比太強烈。最后還是要注意色彩的含義，這點也很重要，比如說穆斯林教徒都比較喜歡綠色，做證券類的公眾號就不適合使用綠色。

最后，品牌的視覺和連續(xù)是需要堅持的，常年累月去堅持一種風(fēng)格，固化下來，就能形成品牌的特有風(fēng)格。

點擊鏈接http://d1167.cn/users/register/fcf328b736097949efe861dbeeb99d26就可以加入135編輯器了哦，偷偷告訴大家（點擊該鏈接，還可以獲得7天VIP會員哦，一般人我不告訴，哈哈哈哈）

當(dāng)然，你也可以自己加入。網(wǎng)址在這里：http://d1167.cn/效果是一樣的。通過我的邀請加入135編輯器，相當(dāng)于是對我的一種幫助和鼓勵。我自己會因為你們的支持而獲得會員權(quán)限，可以享受會員的所有權(quán)益，像是新樣式可以免費使用，圖片保存數(shù)量從100提升到1000，個人模板從3個提升到無限制，云端草稿和恢復(fù)歷史版本可以無限次使用，文本校對從3次升到100次等等，所以還勞煩大家?guī)蛡€忙。