起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識6000字長文：如何讓公眾號排版變得高大上？
編輯導讀：微信公眾號幾乎是每一個品牌和公司的標配，是營銷宣傳的一個利器。而人天生就對美的事物有一種好感，因此微信公眾號的排版美觀與否非常重要。本文作者從自身工作經驗出發，分析如何讓公眾號排版變得高大上，希望對你有幫助。
公眾號文章排版如何變美？
追求美，是人與生俱來的本能。在任何地方皆是。
新媒體閱讀場景下，美的排版與好的內容相輔相成。
試想下，你在碎片化閱讀場景中，看著滿屏密密麻麻、花枝招展的文字，縱使內容優質，閱讀興致也會寥寥。
好排版一定是給內容錦上添花，塑造美好閱讀體驗的。
如何設計優質的公眾號文章排版？本文將從排版目的、排版風格、VI、文字、配圖、頭尾引導等多方面分塊闡述。
一、排版目的
1. 減輕讀者壓力
碎片化閱讀場景下，讀者刷公眾號的場景復雜多變，可能會在被窩、公交地鐵、排隊吃飯、上班摸魚，甚至廁所蹲坑。
在這種隨時可能被打斷，終止閱讀的場景下，如何讓讀者保持高度注意力成了關鍵。
優質的排版一定是以讀者閱讀體驗為前提，減輕閱讀壓力，讓讀者看得舒服，看得輕松。
一昧注重排版樣式的多變、內容模塊的復雜就會本末倒置。
2.?增加讀者閱讀效率
生活節奏越來越快，讀者專心閱讀的時間越來越少。如果文章邏輯性不強、結構冗雜，讀者就會沒有足夠的耐心逐字逐句閱讀。
排版，能把文章的邏輯理順，將內容概述、重點詞句展現，能讓讀者在最短的時間內理解文章所傳達的意思。
3.?加深讀者對公眾號的認知
人們常說見字如人，其實不只是字，很多東西都是形象的延伸。
文章中的文字色調、配圖風格、頭尾引導等排版模塊，都會影響讀者對公眾號或品牌的認知。
公眾號排版風格是逗比的，讀者會認為作者擁有一個有趣的靈魂；排版風格是嚴肅的，就會認為很靠譜。
風格是一個長期逐漸形成的過程，只有長期保持一個風格，才會加深讀者的認知。
二、排版風格
在設計排版前，需要先確定排版風格，這將決定后續排版的方向。
否則一會兒弄個文藝風文字排版，一會兒又加個搞怪風配圖，一會兒又覺得商務風引導圖不錯，給讀者感覺亂糟糟的，不專業，像個精分在自嗨。
我扒了 N 多大號后，給大家總結了市面上常見的 10 種排版風格：
1）時尚雜志風
代表公眾號：杜紹斐
2）現代簡約風
代表公眾號：插座學院、人物、拾遺
3）互聯網科技風
代表公眾號：極客公園、36氪
4）搞笑風
代表公眾號：小聲比比
5）干貨科普風
代表公眾號：好好住
6）文藝清新風
代表公眾號：HANS漢聲
7）高端商務風
代表公眾號：晚點LatePost
8）購物風
代表公眾號：一條
9）中國風
代表公眾號：誰最中國
10）條漫風
代表公眾號：GQ實驗室
風格沒有好壞之分，只有適不適合。從公眾號定位出發，結合實際情況綜合分析判斷。
如果目標讀者是 95 后，內容調性比較輕松，可以選擇搞笑風或文藝清新風；如果是公司號，想給讀者傳遞專業靠譜感，可以選擇高端商務風或現代簡約風；如果是職場或觀點號，可以選擇百搭的現代簡約風……
三、公眾號主色調
色調是排版的靈魂。每個優秀的公眾號都有自己的主色調。
主色調最好確定 1 種，最多不超過 3 種。使用統一的主色調能增加閱讀的連貫性，文章色調五花八門，會造成段落間充滿割裂感，讓讀者眼花繚亂。
本號的主色調是梅紅，那么頭像、文章的強調部分、頭尾引導圖、樣式都圍繞此展開。
長期使用一個主色調，還能增加品牌辨識度，像一看到紅色，我們就想到可口可樂，看到藍色就想到百事可樂……
色調的選擇，可以根據品牌、公眾號調性確定：
想給讀者傳遞一種積極向上的力量，可以選擇橙、黃色；想呈現商務氣質，則可以選擇藍、紅色；當然，公眾號讀者是年輕群體，也可以選擇莫蘭迪色系。
以下是一些配色的網站，供大家選擇：
LOLColors：https://www.webdesignrankings.com/resources/lolcolors/中國傳統色彩：https://color.uisdc.com
ColorHunt：https://colorhunt.co
中國色：http://zhongguose.com
四、正文文字排版
正文文字排版要迎合大眾閱讀習慣，以簡潔清爽為主。
1）字體字號
在不同的手機下看同一篇文章，字體大小會有略微差別。為了保險起見，正文字號一般選擇主流的 14px 或 15px 。
14px 顯得小巧精致，15px 閱讀時會輕松點。如果讀者為老年人，字體可以適當放大。
注釋性文字、不太重要的信息，可以選擇 13px 。
小標題字號一般比正文大 3 號，也就是 17px 、 18px，或根據排版風格設計圖片樣式。
2）字體顏色
人們習慣閱讀黑、灰的文字，如果用其他顏色作為正文字體，會增加讀者的閱讀負擔。
所以，一般選擇黑色字體，但不要選擇默認的純黑（#000000），飽和度高，在手機上看很刺眼。
可以選擇黑色偏灰的：#595959、#3f3f3f
3）字體款式
字體款式沒什么好說的，各個手機適配不一樣，所以也是為了保險起見，默認即可。
4）字間距、行間距、兩側邊距、對齊
G20 會標主創者方宏章在《關于文字的可閱讀性》中說過這樣一段話，很有參考意義：
每個字母之間必須有一定合理空間，如果字母之間的距離過于狹小，就像兩個挨著很近的雞蛋隨時有可能相碰撞的危險，如果字母間距過大，那字母就會失去張力和緊張感，使得文字閱讀變得乏味。
因此，字間距設置在 1 倍，不疏不密，剛剛好。行間距也是同理，兩行之間的距離不能太寬，也不能太擁擠，主流的是 1.5 倍或 1.75 倍。
兩側邊距，適當縮進會讓視線更集中，閱讀更流暢，主流縮進是 16 。如果文章偏輕松，也可以選擇 32 。
對齊，為了使文章更整潔，一般選擇兩端對齊，否則頁面兩端會出現凹凸不齊，好像被狗啃過的情況。
5）段落留白
一篇文章段落很長，滿屏都是密密麻麻的字，讀起來就會很吃力，注定被現代普遍缺乏注意力的讀者給拋棄，所以我們要將文章分模塊。
將長文按照邏輯結構或敘述節奏分成 3 至 5 個段落，再提煉小標題，就能減輕閱讀壓力。
小標題與上文之間留白，空 2 行；與下文空 1 行，這樣能從視覺上把各個段落區分開。
句子間適當留白，能增加文章呼吸感。一般是 3 至 5 行句子，空 1 格換行，這樣更清爽、整潔，便于閱讀。
如果句子超過 7 行、甚至是 10 行，手機就會滿屏都是字，黑壓壓的讓人透不過氣。
上下文和配圖之間的留白則以空 1 行為佳。如果不留白，圖片與文字混在一起亂糟糟，空太多，又會顯得稀疏。
6）突出重點
一篇文章中，如果字體大小、顏色都一樣，那就看不出哪些是重點了。通過增大字號、改變色號、加粗能幫助讀者掌握重點。
增大字號一般用在小標題上，作為整個段落的重點提煉，字號比正文大 3 號；也適用于情緒文的結尾，作為情緒放大器，幫助讀者釋放情緒，這時字號只需比正文大 1 號。
改變色號的同時，一般默認加粗。色號講究視覺排版的統一性，要跟主色調相搭，或者就是主色調。一篇文章內，色號最好出現 1 種，不能超過 3 種，否則是五花八門的亂。
加粗也能單獨使用。下劃線、斜體是英文環境下的產物，一般不建議使用。
需要的注意是，文章內全是重點反而沒有重點，1 屏內重點強調部分不能太多，一句話、幾個詞足以。
注釋性文字，行數可以多一點，但一般也不超過 3 行。
字號可以選擇：12px、13px
色號選擇灰色調：#a5a5a5、#7f7f7f
7）中英文、數字混排
中文和英文之間前后加 1 個空格，便于閱讀：
我買了一臺 HUAWEI 手機。
我們用 Facebook 聯系吧！
中英文與數字間也是同理：
我買了一臺蘋果 12 手機。
現在 iPhone 12 更新到了 IOS 14 。
五、文章配圖
文章內的每張配圖都有其作用，并不是說隨著作者的心情，覺得哪張圖片好看就配哪張。一般來說，配圖有 3 點作用：
1）輔助說明
有些信息，單靠文字很難直觀表達或過于復雜，為了便于讀者理解，通過配圖能進行解釋說明、輔助理解。
示例：
2）留白，減輕閱讀壓力
圖片能打破視覺的單調性。如果一篇文章全是密密麻麻的字，會給讀者很強的壓迫感，讓人興趣索然。通過配圖可以調節視線，給讀者一點休息的空間，減輕疲憊感。
一般建議 3 屏文字 1 張配圖，如果文章嚴謹性很強，則可以多幾屏文字，甚至不要留白配圖。
3）渲染情緒
在文章情緒高潮點，合適的配圖能搭配文案，將情緒放大。
圖片要與排版風格統一，不能一下子文藝風，一下子又是惡搞風，會給文章造成撕裂感。
與文案風格也要保持一致。在插科打諢的文章內適當加入表情包，可以活躍氣氛，但在正兒八斤說事的文章配表情包，會給讀者不專業的印象，適得其反。
圖片要選擇無版權的，否則會有侵權風險。微博、知乎、貼吧上的圖片可能會有版權，最好不要用。
公眾號后臺的素材中心有一個無版權圖庫可以找圖，也可以去下面這兩個網站：
Pixabay：http://pixabay.comUnsplash：http://unsplash.com
GIF 圖可以去這個網站找：
SOOGIF：http://www.soogif.com/
六、頭部引導
頭部引導，是位于公眾號文章正文開始前的那一塊區域，起到引導關注、傳遞公眾號價值、與正文內容切割的作用。
可以是一句 Slogan、一段有關公眾號價值的文案或是一張吸引讀者往下滑的圖片、一段內容概述。
一個完整的頭部引導由 3 個模塊構成：
1）引導關注+傳遞公眾號價值
引導關注的作用是給讀者關注公眾號的潛意識暗示，此外還有引導讀者加星標的。
傳遞價值的文案很重要。一個陌生讀者剛看到公眾號時，他不知道這個公眾號是做什么的，能提供什么價值，調性怎么樣，所以這句話要給讀者一個關注的理由，或是一句有格調的 Slogan。
在形式上，動圖與靜態圖片都行，不過動圖在視覺呈現上，更能吸引讀者的眼球。
2）頭圖+內容概述
讀者點擊標題進來，說明對內容有一定的期待，這時選擇一張補刀標題、跟內容關聯度足夠高的圖片，就能牢牢吊住讀者的胃口。
內容概述也是同理，并不是真的概述內容，而是寫一段勾人的話，激發讀者的好奇心，讓其往下閱讀。
3）作者介紹
作者及文章來源就不多展開，原創內容可以不寫來源。
在實際情況中，以上 3 個模塊并不需要全部具備。大家可以結合文章調性、公眾號風格、自身喜好、設計能力等綜合情況來任意組合。
以下是優秀頭部引導示例：
七、尾部引導
尾部引導的目的，就是促使讀者在看完文章后采取進一步動作，否則就算讀者看完后覺得文章質量多么好，多么觸動，他不關注、不點贊、不留言，對公眾號還是沒有價值。
市面上常見的尾部引導由 4 塊組成：
1）互動留言
互動留言，精簡一個跟正文有關，讓讀者最有表達欲的問題。如果預算多的話，還可以給留言點贊數最高的幾位讀者一些小福利。
示例1：
示例2：
2）往期精選
往期精選，能把讀者單次點擊文章的價值放到最大，通過優質內容的相互推薦，讓讀者長時間停留在公眾號上。一般精選近期數據最好的 3 篇文章。
示例1：
示例2：
示例3：
3）引導關注
讀者看完文章都滑到底部了，離關注就差一點動力，引導關注就是最后的臨門一腳。
通過一段文案傳遞公眾號價值，不僅要告訴讀者“我是誰”，更要告訴讀者“我對你有什么用”，甚至可以直接以干貨為誘。
示例1：
示例2：
4）引導點贊、分享、在看
讀者看完文章后，可能會忘記點贊、在看、分享，這時可以寫一段文案提醒下。
示例1：
示例2：
示例3：
最后，給大家推薦幾個優質的尾部引導示例：
示例1：
示例2：
也可以簡單一點，就一張關注二維碼：
八、封面圖
封面跟標題一樣，都是為了吸引讀者打開文章。好的封面能起到補刀作用，配合標題放大讀者的好奇心。
封面要盡可能簡單清晰，元素少，否則會給讀者造成視覺混亂，看不清標題。
反面案例：
封面有大小之分，大封面的尺寸為 2.35：1 ，小封面的尺寸 1：1。
市面上常見的大封面類型有 2 種：
1）內容補刀型
封面選擇與標題內容有關，并能對標題進行更具象化補充說明的圖。
2）關鍵詞放大型
將文章關鍵詞或吸睛詞直接打在封面圖中。封面底一般為簡單元素，字數不宜過多，2 至 6 個字，否則會造成視覺混亂。
小封面跟大封面雷同，也分 2 種：
在大封面圖中，可以加 LOGO 增加品牌辨識度，但勿喧賓奪主。
好了，公眾號文章如何排版基本上已經全部講完。
如果你看到這里還是無從下手，那給你個建議，找成熟的競品公眾號，挑一個喜歡的風格直接借鑒模仿。等日后運營、設計水平逐漸提升后，再慢慢完善，改進。
以上很多排版模塊需要設計功底，如果你沒有怎么辦呢？別急，下面我給你推薦幾個網站。
九、排版工具&無版權圖庫
1）排版設計網站
創客貼：https://www.chuangkit.com
創客貼有很多公眾號文章排版設計模板，只需將文案輸入，就能一鍵生成你的專屬排版設計，特別方便。
稿定設計：www.gaoding.com/introduction
跟創客貼一樣，都是傻瓜式模版生成工具，可以搭配使用。
2）排版編輯器
135 編輯器、秀米編輯器都是市面上的主流。功能、素材相似，在使用邏輯上有區別，可以根據自己的習慣使用。
135 編輯器：http://www.135editor.com
秀米編輯器：http://xiumi.us
無版權圖庫，適用文章配圖、頭圖等：
Pixabay：http://pixabay.com
Unsplash：http://unsplash.com
GIF 圖則可去這個網站找：
SOOGIF：http://www.soogif.com
本文由 @番茄運營 原創發布于人人都是產品經理，未經作者許可，禁止轉載。
題圖來自Unsplash，基于 CC0 協議
?(???????)?