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

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

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

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

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

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

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

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

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

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

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

1、標(biāo)題

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

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

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

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

2、正文

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

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

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

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

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

3、圖片

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

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

4、圖文

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

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

5、標(biāo)點(diǎn)

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

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

還有很多比如說符號(hào)后面需要加空格的，比如我們經(jīng)常使用的“@”，@后面加一個(gè)空格才是正確的，當(dāng)然，郵件除外；破折號(hào)都是占兩格漢字空間，省略號(hào)是六個(gè)點(diǎn)。這些我們?cè)谄匠贤ㄖ锌赡芏紱]有考慮這些細(xì)節(jié)，其實(shí)都是有規(guī)范的。

6、配色

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

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

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

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

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