微信公眾號文章排版干貨全部拿出來分享給大家

后臺陸續有朋友問“用了什么排版工具”，也收到過大家對排版效果的認可，索性借此機會分享一下我的排版小技巧。

作為一個以“價值輸出” “崇尚內容”“讀者至上”的公眾號，望月最開始是忙到顧不上排版，但并不代表他不在乎，不然就不會有桑夏君我的出現。

今天，我盡量把干貨全拿出來。排的好看，大多是同行襯托；排的不好，應該就是我水平有限。

1

排版有那么重要嗎

不管媒介發展到什么階段，對于版式審美的追求一直都存在。廣告牌、紙質刊物、門戶網站、UI設計以及公眾號，其實隨處可見版式設計。

▲

▼

同樣是家居雜志，我想拿第二本洗洗眼

好的排版，讓人有繼續讀下去的欲望；不在意排版，那么，無論是自己還是讀者，對于內容的期待都會提高。除了幾位頭部大佬，我相信，大多數的帳號目前應該還難以保證絕對的優質優產。

實際上，好看的皮囊與有趣的靈魂兼得，才是大多數讀者的追求。內容質量固然至關重要，可排版也不只是簡單地錦上添花。

很多時候，排版能幫助重新提煉結構（類似思維導圖）、突出要點、強調內容，至少在望月這里，我會注意這些。而在有的帳號上，排版本身就是獨特的內容。

在排版時，我總結了這樣的一些原則：

1. 確定公眾號調性，找到恰當的風格。

大多數知識技能學習、互聯網科技、評論類自媒體都是內容大于形式，簡潔、整齊就好，沒必要堆砌太多圖片、圖標、線框，不然會顯得凌亂。

最好是形成自己的風格，因為它就像你的品牌logo一樣。像禪叔的“可能吧”，配色、排版就自成一派，很多人都注意到了，也模仿過。

科技類、母嬰類、時尚類等等，垂直細分不同，使用的編輯元素風格自然也不一樣。卡哇伊、彩虹色這些元素，基本不太會出現在如望月這種科技類帳號上。

2. 排版是給人看的，注意閱讀體驗。

配色不宜過多（通常別超過3種），且盡量避免使用高飽和、熒光色，雖然有時候它們能起到突出的效果，但是其實看著挺刺眼的。用來刷背景色還可以，但千萬別用在文字上。

字體、字號、間距、對齊等，都能影響文章的可讀性，而且很容易逼死處女座讀者。所以，多嘗試幾次，排好后再檢查一下。

3. 有主次、有節奏，結構層次清晰。

寫過論文、或者看雜志報紙的朋友，都應該注意到，這些文本的層次十分清晰：大標題、副標題、正文，主次分明、邏輯清楚，看上去就很清爽。

沒有邏輯分層，大段大段的文字堆在那里，容易給人種壓迫感，讓人挑不出重點，讀起來很頭大。

2

排版到底排的是什么

排版時要注意的零碎細節其實挺多的，但其實也都很簡單。下面，我會主要以望月這里的內容來列參數。

1. 字體：不明

微信編輯器自帶的字體并不是很好看，現在的字體是我復制的，大家可以直接格式刷，它看著更具文藝、時尚感。喜歡其他公眾號的字體，也可以“復制”&“格式刷”。

2. 字號:15px

絕大部分帳號用微信原來設定的“16px”，這個手機上看好像顯得有點大。微信后來增加了“15px”（望月注：15px這個意見是我給微信提的，吼吼），也就是目前本公眾號所使用的字號，基本能照顧所有可能的年齡群。

但其實，很多帳號都會用“14px”，更小更秀氣些。我在Kindle訂閱號及服務號編輯時，正文一般都用“14px”。

3. 間距：首行、行間距、段間距

a) 首行：無需空格

放棄開頭空兩格吧！這個種原始文本排版方式，對于微信公眾號這種短文本為主的平臺早已落伍。本來篇幅長度就有限，何必再占用空間。

當然，像“丁香園”那樣開頭第一段設計專用小圖標更好，或者可以像很多雜志所采用的首字放大，起到提示、強調的作用。

b) 行間距：1.5/1.75

正常文本，行距太緊湊或太稀疏都影響可讀性，所以通常行距都用1.5/1.75。

1.5倍、1.75倍行距

像很多段子號、圖片多的號，語句一般很短又自成一行，就無需考慮行距，反而是空一行或幾行更有效果，這個看具體內容操作。

像很多段子號、圖片多的號，語句一般很短又自成一行，就無需考慮行距，反而是空一行或幾行更有效果，這個看具體內容操作。

1倍行距，略顯擁擠

像很多段子號、圖片多的號，語句一般很短又自成一行，就無需考慮行距，反而是空一行或幾行更有效果，這個看具體內容。

像很多段子號、圖片多的號，語句一般很短又自成一行，就無需考慮行距，反而是空一行或幾行更有效果，這個看具體內容操作。

c) 段間距：空一行

通常段與段之間空一行，大家都這么做。不過，偶爾標題層次比較多，也會出現段間距單獨設置，一般是“5”或“10”，這樣看起來清晰些。比如這里的a)b)c)三級標題與下方各段，我就用了段間距“10”。

4. 頁邊距：15px

微信公眾號后臺好像沒考慮過這個問題，但各方大神們對于美的追求是無止境的——于是，第三方編輯器就有了可修改“頁邊距”這個模塊。

135編輯器中修改“頁邊距”：工具欄-背景-左右邊距

為什么要修改頁邊距？看下面這張圖

頁邊距10px vs 頁邊距15px

適當“留白”，視覺上看著舒服很多。

5. 對齊：兩端對齊

不對齊的后果就是會出現“鋸齒狀”的段尾，效果參考俗話說的“被狗啃的劉海”。

如果在出現中英文夾雜的情況，一定預覽效果，重新調整，不然會出現奇怪的斷行。

最后，做運營排版時一定！一定！一定！考慮適配不同手機（貌似是最基本的原則）。

6. 圖片：清晰、居中

圖片較多時，統一一下排版樣式，一般都會選擇居中。如果不注意，容易歪七扭八的后果，逼死強迫癥。至于加邊框、陰影等效果就看需求、喜好，第三方編輯器、PS可以解決。

一定選擇像素高的圖片，不然推出來后渣畫質會顯得很low。但微信上傳圖片限制大小，所以學習一下ps技術很有必要。

3

排版用到的那些工具

微信公眾號后臺編輯器，我基本放棄了，常用第三方工具是這些：

1. i排版

（http://ipaiban.com/）

最早使用，但是樣式感覺少、不夠好看，現在常使用的是其中的“小符號”，比如

2. 135編輯器

（http://www.135editor.com/）

現在常用，主要是習慣了它的編輯框。樣式元素也很多。

3. 秀米編輯器

（https://xiumi.us/#/）

個人覺得秀米是樣式最多的，不過編輯器太高級，用不太習慣。

以上編輯器，如果你懂代碼，還會玩出很多花樣，也可以關注它們的公眾號號。

另外，學會科學上網，好的圖片網站也有很多，不過版權是個過不去的坎，企業帳號、營銷號謹慎使用。

- 動圖 -

tumblr

i09

Imgur

SOOGIF

GIPHY

- 圖片 -

Pinterest

Instagram

Gratisopraphy（基于CC協議）

PEXEL（基于CC協議）

freepik（基于CC協議）

500px（付費）

Shutterstock（付費）

gettyimage（付費）