優(yōu)秀的10w+文章各有千秋，但好看的文章排版套路卻有跡可循。今天就跟大家分享一下，微信公眾號(hào)的排版技巧，最快可以做到3分鐘排好一篇文章哦。在開始之前，先跟大家分享一個(gè)小故事：

我之前接手一個(gè)企業(yè)公眾號(hào)，每次推文閱讀量在2000左右，但是完成閱讀的次數(shù)卻不足1200。我接手這個(gè)賬號(hào)的第一件事，就是將文章排版進(jìn)行優(yōu)化，后來每篇文章的閱讀完成率大大提高，2000閱讀量的文章，完成閱讀的次數(shù)平均在1800左右。

所以你看，好的排版可以讓人對(duì)文章產(chǎn)生閱讀欲望，但是一篇糟糕的文章，則會(huì)給好文章拖后腿。

什么才算“好排版”？大家可以參考以下標(biāo)準(zhǔn)：

1. 能夠更加清晰地表達(dá)文章想要傳達(dá)的信息；

2. 突出重點(diǎn)，讓文章更容易閱讀，提升用戶的吸收效率；

3. 提升用戶的視覺體驗(yàn)。

如何設(shè)計(jì)一個(gè)好的排版？我將從排版前準(zhǔn)備、固定模塊和正文模塊三個(gè)部分進(jìn)行分享。

排版前準(zhǔn)備：1.?確定排版風(fēng)格

在開始排版之前，我們要根據(jù)文章內(nèi)容確定整體的排版風(fēng)格，因?yàn)槲恼嘛L(fēng)格不同，使用的字體、字號(hào)和圖片會(huì)大不一樣。一般來說，我們會(huì)根據(jù)文章內(nèi)容確定排版風(fēng)格，比如是小清新，還是高端簡潔？是充滿設(shè)計(jì)感，還是嚴(yán)謹(jǐn)質(zhì)樸？具體的選擇，大家可以根據(jù)公司對(duì)于風(fēng)格的要求，或者公司的主題色保持一致，如果是個(gè)人賬號(hào)就根據(jù)賬號(hào)定位去設(shè)計(jì)排版?；诠娞?hào)的定位的唯一性，大部分公眾號(hào)會(huì)要求所有的文章排版都保持同一種風(fēng)格，因?yàn)榭梢约由钣脩糸喿x印象，打造品牌效應(yīng)。這樣為運(yùn)營人員省了不少事兒，因?yàn)榇_定統(tǒng)一模板后，每次排版時(shí)，我們只需要花3分鐘時(shí)間給模板換內(nèi)容和圖片即可，非常節(jié)約時(shí)間。

2. 是否要使用文章編輯器？

據(jù)說，每個(gè)新媒體運(yùn)營的收藏夾里，都至少有一個(gè)文章編輯器工具。因?yàn)檫@些工具功能強(qiáng)大，素材也很多?？墒?，我們?cè)谂虐娴倪^程中，應(yīng)當(dāng)有選擇性地使用，而不要濫用。當(dāng)編輯器的素材不夠用，或者找不到合適模板時(shí)，我們?cè)偃テ渌胤秸襾砥礈?，就?huì)顯得排版很怪異，拉低整體的效果。所以，要想提高自己的排版水平，先保持自己和編輯器之間的獨(dú)立性，然后再去設(shè)計(jì)屬于自己獨(dú)一無二的模板吧。

3.?以讀者為中心

在排版時(shí)，時(shí)刻想著“如何做才能讓用戶讀的更舒服？”比如整體色調(diào)選黑色還是白色？如果我用灰色字體，用戶在暗黑模式下，能不能看清文章內(nèi)容？A、B兩個(gè)版式的標(biāo)題，哪個(gè)會(huì)讓用戶看起來更舒服？用戶到底喜歡什么模板？我們的模板風(fēng)格是不是用戶所喜歡的？大家可以去參考競(jìng)品賬號(hào)的排版風(fēng)格，進(jìn)行借鑒；也可以發(fā)幾篇不同風(fēng)格的文章，根據(jù)數(shù)據(jù)擇優(yōu)選擇。

固定模塊排版

1.?字體

不同字體會(huì)營造出不同風(fēng)格，比如隸書比宋體更能營造古風(fēng)質(zhì)感；微軟雅黑更顯商務(wù)氣息。現(xiàn)在，用的比較多的字體是微軟雅黑和宋體，但是讀得多了用戶看了難免也覺得無趣，所以如果你能使用一款更新穎的字體，則可以很好地吸引讀者眼球。文章中，盡量使用一種字體，最多也不要超過2種，否則就會(huì)顯得雜亂無章。我們選擇兩種字體時(shí)，可以一種用于標(biāo)題，一種用于正文。但是盡量采用同一字族，每個(gè)字體的特色、刀鋒等都盡量保持風(fēng)格上的統(tǒng)一。

2.?字體顏色

一定要注意背景顏色和字體顏色的相似度，不然一不小心就會(huì)看不清，比如下面這樣。

尤其是自從微信推出暗黑模式以后，我們?cè)谧煮w顏色的選擇上更要慎重。建議大家選擇純度不是特別深的黑色，以及視覺上相對(duì)柔和的顏色，否則就會(huì)有些“辣眼睛”。

▲ 黑白背景下的紅色和黃色

如果大家對(duì)于配色不太了解，可以借助配色網(wǎng)站Color SchemeDesigner進(jìn)行選擇。（www.peise.net/tools/web/）

這個(gè)網(wǎng)站最大的優(yōu)點(diǎn)在于給出了顏色查詢對(duì)照表，有助于我們查詢顏色色值。

3.?字號(hào)

標(biāo)題選擇16px或17px，正文選擇14px或15px，注釋選擇12px或13px。上是較為舒適的字號(hào)，再小容易使人視覺疲勞，過大就會(huì)失去美感。

4.?字?jǐn)?shù)

微信圖文字?jǐn)?shù)沒有具體要求，但是根據(jù)用戶的閱讀習(xí)慣統(tǒng)計(jì)表明，一般情況下以1000-3000位最佳，長篇文章也不要超過8000字。

5.?字間距

字間距是指兩個(gè)文字之間的距離，字號(hào)越小，文字之間的間距就要越大，以便于用戶辨認(rèn)。如果字號(hào)較大，則可以調(diào)小字間距。建議大家將字間距設(shè)置為1px或1.5px，最大也不要超過2px。比如以下這張圖，大家可以自行感受。

6.?行間距

行間距是指行與行之間的距離，同字間距一樣，需要彼此之間有點(diǎn)距離感才會(huì)舒適。因?yàn)槲覀冊(cè)陂喿x時(shí)，視線是呈“Z”字形移動(dòng)的，所以保持合適的行寬可以提升我們的閱讀體驗(yàn)。建議大家將行間距設(shè)置為1.5px，1.75px或者2px。

7.?段間距

段間距是指段與段之間的距離，因?yàn)殚L段落會(huì)讓用戶產(chǎn)生閱讀壓力，所以我們?cè)诿總€(gè)段落之間增加一個(gè)空行，可以讓用戶有呼吸感。適當(dāng)?shù)亩伍g距，還可以分出邏輯段落上的層級(jí)，讓用戶認(rèn)為這是一篇結(jié)構(gòu)分明的文章。

注意：千萬不要一個(gè)整段超過一屏，不然就會(huì)讓人失去閱讀欲望。

8.?頁邊距

頁邊距是指各種對(duì)齊方式，主要有左對(duì)齊、右對(duì)齊、兩端對(duì)齊、菱形對(duì)齊、居中。建議兩端縮進(jìn)尺寸為1.0px。

9.?對(duì)齊方式

對(duì)齊方式有左對(duì)齊、右對(duì)齊、居中對(duì)齊和兩端對(duì)齊四種類型可選。標(biāo)題使用左對(duì)齊和居中對(duì)齊比較多；正文一般為兩端對(duì)齊，這樣文章兩邊看起來更加整齊統(tǒng)一，滿足強(qiáng)迫癥患者的需要。在對(duì)郵箱地址使用兩端對(duì)齊可能會(huì)使字間距比較奇怪，這個(gè)時(shí)候可以適當(dāng)改用居中格式或左端對(duì)齊，并善用換行改善排版效果。如果是詩歌，或者廣告文案可以選擇左對(duì)齊/居中對(duì)齊/右對(duì)齊三種，右對(duì)齊用的比較少，但是更容易吸引讀者閱讀。

10.?文章配圖

配圖的作用是幫助用戶理解文章內(nèi)容，一般一篇文章內(nèi)，使用同色系、同風(fēng)格的插圖視覺上更舒適。插入的圖片無需進(jìn)行特殊處理，但是建議使用高清、無水印的配圖，如果照片質(zhì)量較差，則可以進(jìn)行后期處理，甚至可以考慮換圖。

11.?表情包

表情包是一種放松氣氛的好方法，還可以使內(nèi)容顯得不單調(diào)。不過我們?cè)谑褂帽砬榘鼤r(shí)，要注意圖片尺寸，如果是正方形，最大不要超過200*200px。

12.?圖片尺寸

文章封面圖的尺寸是900*383px，不過在不同使用情景，封面圖會(huì)被裁剪成不同尺寸，所以建議大家在設(shè)計(jì)封面圖時(shí)，將重要內(nèi)容居中。覺得沒有封面圖設(shè)計(jì)思路時(shí)，可以到創(chuàng)客貼或者稿定設(shè)計(jì)去找找靈感，里面有非常多的封面圖模板，可以滿足各個(gè)行業(yè)需要。文章中插圖的尺寸建議選擇16:9 和4:3，如果想要修改圖片尺寸，可以直接在圖片上右鍵，選擇編輯按鈕，修改尺寸，非常方便。建議大家盡量不要使用豎版插圖，除非是長圖，不然整個(gè)一屏都是文章配圖，很影響閱讀體驗(yàn)。

13.?標(biāo)點(diǎn)符號(hào)

標(biāo)點(diǎn)亂用，不僅會(huì)給人造成視覺上的不適，還有可能產(chǎn)生歧義，所以一定要正確使用標(biāo)點(diǎn)符號(hào)。如果表示省略，可以用……或者…，前者是中文的省略號(hào)，后者是英文的省略號(hào)，但是千萬不要用。。。。。。做省略號(hào)，看起來一點(diǎn)兒都不高級(jí)。使用破折號(hào)引出后文內(nèi)容，正確的使用方式是——而不是–，前者是破折號(hào)，后者是兩個(gè)連接符；如果是表示時(shí)間或者連接兩個(gè)數(shù)字，可以使用連接符“-”。在文章中，經(jīng)常會(huì)有表示并列的內(nèi)容，如果是有序列表，可以用羅馬數(shù)字1.2.3.表示；如果是無需內(nèi)容，可以用以下3種表示方法。我們?cè)谖恼轮?，還經(jīng)?？吹健通媰蓚€(gè)符號(hào)。第一個(gè)正三角用于內(nèi)文插圖下方，用作注釋，第二個(gè)倒三角經(jīng)常單獨(dú)成行，用作分割線。

14.?空格

有時(shí)候，善用空格可以讓我們內(nèi)容看起來更清晰，比如以下幾種情況：中英文之間需要加空格，例：昨天她剛從 Canada 回國。中文和數(shù)字之間需要加空格，例：最終，他以領(lǐng)先 103 票的優(yōu)勢(shì)當(dāng)選本屆學(xué)生會(huì)主席。英文單詞和英文單詞之間需要加空格，例：I have a dream.

15.?突出重點(diǎn)

想讓用戶讀某段話，或者想使某段話給用戶留下深刻印象，就需要我們突出重點(diǎn)內(nèi)容。常見的“突出重點(diǎn)”有四種方法：加粗，改變字號(hào)，改變字體顏色，使用字體背景色；另外下劃線、斜體和增加字間距也可以用來強(qiáng)調(diào)，但是整體感觀不如前四種舒服。

16.?首行無需縮進(jìn)

我們?cè)趯懳恼聲r(shí)，總是習(xí)慣首行空兩格，可是對(duì)于微信公眾號(hào)來講，手機(jī)端閱讀時(shí)，空兩格反而不好看。

正文模塊排版

正文排版主要分為頂部引導(dǎo)、內(nèi)文和底部引導(dǎo)3個(gè)部分。

1.?頂部引導(dǎo)

頂部引導(dǎo)作為我們點(diǎn)進(jìn)文章閱讀的第一眼，不僅決定了讀者會(huì)不會(huì)繼續(xù)閱讀這篇文章，還承載了以下2種作用：引導(dǎo)關(guān)注、點(diǎn)贊、置頂賬號(hào)；植入logo或者品牌文化。

在使用頂部引導(dǎo)時(shí)，需要注意圖片的長寬比，避免占用大塊空間。

2.?內(nèi)文排版

內(nèi)文排版我們已經(jīng)在上面詳細(xì)寫過，這里再強(qiáng)調(diào)3個(gè)地方：關(guān)注字體，字號(hào)以及字體顏色；注意行間距、字間距以及頁面間距；正確使用配圖。

3.?底部引導(dǎo)

底部引導(dǎo)無需過于考慮篇幅問題，你可以選擇更有設(shè)計(jì)感或者更有趣的內(nèi)容留住用戶。一般底部引導(dǎo)包含圖文來源，話題互動(dòng)，往期推薦，二維碼，贊賞，閱讀原文等。具體的排版風(fēng)格，大家可以參考同類型賬號(hào)，或者自行設(shè)計(jì)。

以上就是公眾號(hào)排版攻略，希望大家可以幫到大家。因?yàn)槲易约嘿~號(hào)的排版不是特別洋氣，所以跟大家分享的內(nèi)容多是基礎(chǔ)設(shè)置，而非具體的排版實(shí)踐。如果想要特別高端、大氣、上檔次的排版，還需要繼續(xù)提升審美和設(shè)計(jì)感。

相關(guān)閱讀：

1.新媒體內(nèi)容規(guī)劃流程和寫文步驟！

2.B端新媒體運(yùn)營技巧！

3.2020年新媒體運(yùn)營選題技巧！

4.新媒體運(yùn)營矩陣的5大要點(diǎn)！

5.新媒體運(yùn)營：3個(gè)方向找熱點(diǎn)！

作者：運(yùn)營是個(gè)坑

來源：運(yùn)營是個(gè)坑