公眾號排版通病分析！
公眾號排版通病分析！
今天135編輯器要講的是公眾號排版的一些基礎常識，如果你是入行幾年的老司機，這篇文章對你用處不大，如果你是剛入行的新手，每天在排版上花費幾個小時，那么你一定要抽時間看完這篇文章——公眾號排版通病分析！
本文主要是根據分析2000多篇135編輯器用戶的后臺投稿做出的一些診斷，然后再給大家提出的一些實用建議，這些經驗方法，新手請閱讀讀3遍以上！
最常見的標題排版問題是：① 正文與標題區分不明顯 ② 各級標題邏輯關系不明顯。
可以通過對標題的強調，如加粗、加大字號等，與正文作出區分；也可以通過序號的逐級關系變化，來增強排版邏輯關系。
當然，我們還可以保證如上操作的基礎之上，使用標題樣式，來增強文章的排版美感，引導文章的閱讀，優化視覺體驗。
1
初級版：
一、這是一級標題
字號16、顏色#000000、加粗、字間距2、兩端對齊
2、這是二級標題
字號16、顏色#404040、加粗、字間距2、兩端對齊
（3）這是三級標題
字號15、顏色#404040、加粗、字間距2、兩端對齊
④ 這是四級標題
字號14、顏色#404040、加粗、字間距2、兩端對齊
2
進階版
字號16、顏色#000000、加粗、字間距2、兩端對齊
字號16、顏色#404040、加粗、字間距2、兩端對齊
字號15、顏色#404040、加粗、字間距2、兩端對齊
字號14、顏色#404040、加粗、字間距2、兩端對齊
3
高手版
這是一級標題
字號16、顏色#000000、加粗、字間距2、兩端對齊
字號16、顏色#404040、加粗、字間距2、兩端對齊
字號15、顏色#404040、加粗、字間距2、兩端對齊
字號14、顏色#404040、加粗、字間距2、兩端對齊
需要注意的是：① 標題字號 ≥ 正文字號；無論文章使用到幾級標題，最底級標題的字號大小也應大于正文字號大小。② 同級標題使用同級樣式；為保證文章整體性和邏輯性，同一級別的標題應使用同一樣式，以保持文章連貫性。
最常見的正文排版問題是：① 段落文字間留白控制不佳 ② 無法表現不同文體風格。
文字間留白問題，即：字間距、行間距、段前/后距的處理問題；不同文體/文風也正是依靠它們的大小數值變化來呈現。
文體風格還可以使用一些“正文樣式”來體現，如豎排、居中、背景等樣式，但要注意控制閱讀視覺體驗，以達到文字排版的最佳效果。
1
初級版
從前的日色變得慢，車、馬、郵件都慢，一生只夠愛一人；從前的鎖也好看，鑰匙精美有樣子，你鎖了，人家就懂了?！稄那奥?/span>
——摘自木心先生詩集《云雀叫了一整天》
正文：字號16、顏色#404040、字間距1、行間距2、兩端對齊、段后距15-20
注釋：字號14、顏色#808080、字間距1、行間距1、居左對齊
從前的日色變得慢，車、馬、郵件都慢，一生只夠愛一人；從前的鎖也好看，鑰匙精美有樣子，你鎖了，人家就懂了?！稄那奥?/span>
——摘自木心先生詩集《云雀叫了一整天》
正文：字號15、顏色#404040、字間距1.5、行間距1.75、兩端對齊、段后距10-15
注釋：字號13、顏色#808080、字間距1、行間距1、居左對齊
從前的日色變得慢，車、馬、郵件都慢，一生只夠愛一人；從前的鎖也好看，鑰匙精美有樣子，你鎖了，人家就懂了?！稄那奥?/span>
——摘自木心先生詩集《云雀叫了一整天》
正文：字號14、顏色#404040、字間距2、行間距1.5、兩端對齊、段后距5-10
注釋：字號12、顏色#808080、字間距1、行間距1、居左對齊
《從前慢》
從前的日色變得慢
車、馬、郵件都慢
一生只夠愛一人
從前的鎖也好看
鑰匙精美有樣子
你鎖了，人家就懂了。
——摘自木心先生詩集
《云雀叫了一整天》
正文：字號15、顏色#404040、字間距1.5、行間距2、居中對齊、段間距空行
注釋：字號13、顏色#808080、字間距1、行間距1、居左對齊
《從前慢》
從前的日色變得慢
車、馬、郵件都慢
一生只夠愛一人
從前的鎖也好看
鑰匙精美有樣子
你鎖了，人家就懂了。
——摘自木心先生詩集
《云雀叫了一整天》
正文：字號14、顏色#404040、字間距2、行間距2、居中對齊、段間距空行
注釋：字號12、顏色#808080、字間距1、行間距1、居左對齊
2
進階版
《從前慢》
從前的日色變得慢，車、馬、郵件都慢，一生只夠愛一人；從前的鎖也好看，鑰匙精美有樣子，你鎖了，人家就懂了。
——摘自木心詩集《云雀叫了一整天》
正文：字號16、顏色#404040、字間距1、行間距2、兩端對齊、段后距15-20
注釋：字號14、顏色#808080、字間距1、行間距1、居左對齊
從前的日色變得慢，車、馬、郵件都慢，一生只夠愛一人；從前的鎖也好看，鑰匙精美有樣子，你鎖了，人家就懂了?！稄那奥?/span>
——摘自木心詩集《云雀叫了一整天》
正文：字號15、顏色#404040、字間距1.5、行間距1.75、兩端對齊、段后距10-15
注釋：字號13、顏色#808080、字間距1、行間距1、居左對齊
從前的日色變得慢，車、馬、郵件都慢，一生只夠愛一人；從前的鎖也好看，鑰匙精美有樣子，你鎖了，人家就懂了?！稄那奥?/span>
——摘自木心詩集《云雀叫了一整天》
正文：字號14、顏色#404040、字間距2、行間距1.5、兩端對齊、段后距5-10
注釋：字號12、顏色#808080、字間距1、行間距1、居左對齊
3
高手版
《從前慢》
從前的日色變得慢
車、馬、郵件都慢
一生只夠愛一人
從前的鎖也好看
鑰匙精美有樣子
你鎖了，人家就懂了。
——摘自木心先生詩集
《云雀叫了一整天》
正文：字號15、顏色#404040、字間距1.5、行間距2、居中對齊、段間距空行
注釋：字號13、顏色#808080、字間距1、行間距1、居左對齊
正文：字號14、顏色#404040
注釋：字號12、顏色#808080
段落文字排版注意文字間距的處理。大號文字要減少字距，小號文字需要增加字距，一般是1/5字距離。大號文字用大行距，小號文字用小行距，范圍在1-2之間。
無論是使用純色樣式、圖片背景樣式，還是圖文樣式，一定要呈現文字的最優化閱讀，即閱讀重心在文字，其余輔助。
最常見的圖片排版問題是：① 圖片不統一 ② 與文體、風格不協調
1
封面的圖片尺寸
頭條封面圖尺寸寬 900* 高 383 像素；次條封面圖尺寸寬 200* 高 200 像素；封面圖注意與公眾號品牌、整體風格、文風等相符合。
2
配圖的圖片尺寸
非GIF圖上傳至公眾后臺，經推文發布后，圖片尺寸會等比壓縮成寬度640px，想提高圖片質量，可預先處理配圖的格式或尺寸。
3
配圖建議
建議大小不超過2M，為保證閱讀的流暢性，避免圖片加載緩慢等問題，可以預先將圖片處理成500k-1000k。
建議使用橫圖（16:9 和 4:3），不建議使用豎圖；或全文配圖統一尺寸比例，盡量避免橫豎圖混用；詩歌、短句排版可以使用圓圖樣式。
文章中使用表情，建議表情尺寸控制在130-180px，表情主體內容在150px即可。
圖片的色調，要符合全文配色需求。關于圖片知識，詳情可點擊《圖片知識》《配圖知識》
4
圖文樣式
炒雞好用
的微信排
版工具
關于圖片排版，可以使用單圖、多圖、圖文等樣式，既能美化文章排版，又能增加公眾號特色。好看的單圖文樣式請點擊《單圖樣式》
最常見的排版配色問題是：① 對配色沒有準確定位 ② 全文色調不統一。
1
文字色
文字配色以黑、25%灰、75%灰、品牌色等為主。文字強調可使用黑色加粗、品牌色加粗或者紅色加粗的方式，當然也可以使用特殊字符配合強調。
2
圖片色
配圖的色調盡量配合文章配色，圖片的視覺效果、表達的情緒也要符合配色環境，在尋找配圖時，可以首選品牌色調圖片，次選中性色調圖片。
3
樣式色調
首選依然是品牌色調。樣式在使用過程中，一定要注意與文字、圖片之間的協調，在全文色調統一的情況下，圖文樣式可以使用同色系遞減關系進行配色。
全文的配色，除了首先考慮品牌色之外，也可以根據文體風格，使用冷色系、暖色系或是小清新、視覺沖擊較大的配色。更多配色知識，請點擊《配色知識》。
好了今天的知識點就講到這里，今后三兒的推文重點將會多往排版方面發展，如果你有什么排版疑問，盡管提出來。還是那句老話，排版并不難，難的是保持耐心！
點擊邀請鏈接：http://www.a98138.com/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135編輯器了哦，偷偷告訴大家（點擊該鏈接，還可以獲得7天VIP會員哦，一般人我不告訴，哈哈哈哈）
當然，你也可以自己加入。網址在這里：http://www.a98138.com/效果是一樣的。通過我的邀請加入135編輯器，相當于是對我的一種幫助和鼓勵。我自己會因為你們的支持而獲得會員權限，可以享受會員的所有權益，像是新樣式可以免費使用，圖片保存數量從100提升到1000，個人模板從3個提升到無限制，云端草稿和恢復歷史版本可以無限次使用，文本校對從3次升到100次等等，所以還勞煩大家幫個忙。
立即登錄
