微信公眾號排版指南
- 威海自媒體運營與推廣 威海微信公眾號運營
- 1194
鑒于公眾號排版是每一位新媒體編輯必修的技能，而且對外展示的是自身品牌的形象，所以公眾號排版好不好看，真的非常重要!
不少后臺的朋友也在催促我寫一篇公眾號排版的文章，那我今天就從排版的角度，來給大家一些指點和建議。
封面
文章封面是除了標(biāo)題之外，讀者在點開文章前首先看到的信息，封面圖做的吸引力越強，那么讀者打開的欲望也會相應(yīng)增加。
那么封面頁的尺寸要怎么設(shè)置，才符合微信的規(guī)范呢?
微信官方的建議是頭條封面的圖片尺寸最好是達到 900*500 像素，二級封面的像素是 200*200像素。
如果圖片像素過低，在微信上預(yù)覽的時候顯示出來的圖片就會模糊。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第1張
另外，如果大家要發(fā)二條或以上的，建議大家把二條及以上的封面，用裁剪工具把圖片裁剪成圓形再上傳上去，這樣排版起來比較好看。
二條以上的封面圖片選取風(fēng)格，要與一條圖片的風(fēng)格是一致的，如果你實在找不到風(fēng)格一致的圖片，可以裁剪頭條圖片中的某一部分，作為封面。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第2張
說完了尺寸的問題，我們再來看一下封面頁有哪幾類設(shè)計風(fēng)格。
第一類：扁平化風(fēng)格
自從扁平化風(fēng)格設(shè)計流行開來之后，扁平化風(fēng)格的圖片也被大量運用在一些公眾號的封面上。
使用這類圖片風(fēng)格作為封面的公眾號，他們有一個比較相似的特征，就是用戶群體呈現(xiàn)年輕化，普遍都是大學(xué)生或者工作了1-3年的職場新人比較多。
在內(nèi)容的調(diào)性上，也多呈現(xiàn)陽光、積極向上的風(fēng)格，以打雞血、灌雞湯為主，偶爾再給你講點人生哲理。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第3張
而這一類風(fēng)格的圖片素材，在花瓣網(wǎng)，懶人圖庫上都有非常多。
如果需要后期編輯，建議下載EPS或者AI格式的，導(dǎo)入AI編輯完后再導(dǎo)出圖片。
第二類：實物圖
實物風(fēng)格的圖片，是目前使用的最為廣泛的一種，因為找圖片相對來說比較容易，后期不需要怎么加工，就可以直接上傳上去。
使用實物圖風(fēng)格圖片作為頭條封面的公眾號，內(nèi)容調(diào)性也比較多樣，面向的人群相應(yīng)也比較雜。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第4張
這些無版權(quán)的高清圖片去哪里找呢?
Pixabay
https://pixabay.com/
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第5張
Unsplash
https://unsplash.com/
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第6張
第三類：圖文型
圖文型的封面，對人的吸引也比較大。
因為封面中偌大的字體與下方標(biāo)題的小字體，形成了一個鮮明的對比。讀者很容易就會把焦點集中在封面上的幾個大字上。
而且封面中的幾個字，通常都是提煉出來的關(guān)鍵詞，能夠吸引到對這個關(guān)鍵詞感興趣的用戶打開文章。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第7張
頁邊距
不少朋友都對頁邊距的設(shè)置比較感興趣，頁邊距設(shè)置的寬一些，讓頁面兩邊的留白多一些，閱讀體驗就會增強不少。
那我個人比較習(xí)慣的設(shè)置頁邊距為一倍，設(shè)置的方法是利用到了新媒體管家Plus當(dāng)中的兩端縮進功能。
全選你的文章，然后點擊兩端縮進的按鈕，設(shè)置為1倍，那么兩邊的留白就會相應(yīng)增加。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第8張
我的文章排版用的就是1倍兩端縮進，咪蒙用的是2倍兩端縮進，系統(tǒng)默認值是0倍兩端縮進。
字間距
大家如果有認真看上圖，就會發(fā)現(xiàn)除了頁邊距設(shè)置之外，它還可以設(shè)置字間距!
在實際排版當(dāng)中，如果字與字之間的間距設(shè)置得稍微寬松一點，那么閱讀體驗也會增加不少。
而我個人所使用的字間距，一般都是設(shè)置在1倍。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第9張
行間距
句子與句子之間的距離，就是行間距。在Word文檔排版的時候，我們都習(xí)慣使用1.5倍的段落行距。
那么放在微信公眾號排版上，也同樣適用的，不過我一般使用的都是1.75倍，大家可以視自己的喜好來調(diào)整。
另外，建議大家每段文案每隔三行，就另起一段。如果一段的行數(shù)超過3段，就會顯得有些擁擠，每三行另起一段，是比較舒服的一種排版。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第10張
字體
關(guān)于字體大小的設(shè)置，建議大家正文內(nèi)容盡量使用14或16號的字體，標(biāo)題可以使用18或者20號。
而一些備注性的文字，不太重要的信息，則可以使用10號，也就是字號最小的那個字體。
字體顏色的設(shè)置，建議大家正文內(nèi)容的黑色字體顏色使用#545454 #3f3f3f、#7f7f7f。
標(biāo)題顏色可以用 #f79646、#000000、#3daad6、#2e6e9e。
備注性的文字字體顏色建議使用：#a5a5a5
顏色
公眾號排版，使用的顏色不可超過三種，顏色一旦多起來，風(fēng)格就難以固定。使用2-3種顏色，是最佳。
顏色的選擇，最好根據(jù)品牌的調(diào)性去選擇，如果整個品牌呈現(xiàn)的是一種積極向上力量的，可以選擇橙色。
如果整個品牌呈現(xiàn)的是一種商務(wù)范氣質(zhì)的，可以選擇藍色或紅色。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第11張
引導(dǎo)圖
引導(dǎo)圖，是位于公眾號文章前面的第一張圖片，一般是用來引導(dǎo)關(guān)注或者作為公眾號信息與正文內(nèi)容的一個分割。
可以做成一句有吸引力的話，或者是你們的Slogan、欄目圖或者一張比較好看的圖片。
動圖與靜態(tài)圖片都可以，不過相比與靜圖，動圖在呈現(xiàn)效果上，要比靜圖更能吸引讀者的眼球。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第12張
比如上面這個公眾號，它發(fā)的每篇文章，都會在一開始放一張比較有逼格的動圖，非常有格調(diào)
那這些動圖可以去哪里找?
在我使用的排版插件新媒體管家Plus當(dāng)中，在公眾號編輯界面的右邊，有一個搜圖的功能。
這個搜圖功能鏈接的是國內(nèi)一個大型的GIF資源平臺，支持中文搜索，使用起來非常方便。
當(dāng)然，你也可以通過下面這幾個途徑去下載。
GIPHY
https://giphy.com/
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第13張
Gifparanoia
http://www.gifparanoia.org/index.php
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第14張
SOOGIF
http://www.soogif.com/
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第15張
插圖
正文內(nèi)容的插圖，圖片的尺寸最好都用裁剪工具統(tǒng)一成 900*600 像素，千萬不要一張圖片是寬的，一張圖片是方的。
而插圖的選擇，可以跟正文內(nèi)容有關(guān)，也可以無關(guān)。但無論是有關(guān)系也好，沒關(guān)系也好，風(fēng)格最好統(tǒng)一。
所謂風(fēng)格的統(tǒng)一，就是說其中一張圖片是文藝風(fēng)的，那么接下來的圖片也要是文藝風(fēng)的，不停跳換風(fēng)格就會給人一種不專業(yè)的感覺。
如果你能找到套圖，就是一組圖片都是同一個人做的，那就更好了。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第16張
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第17張
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第18張
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第19張
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第20張
以上就是插圖風(fēng)格一致的圖片，這類的圖我們可以在微博上關(guān)注一些插畫博主的微博，來進行獲取。
但大家在使用這類圖片的時候，要注明圖片作者信息。
而其他無版權(quán)的圖片，大家可以利用我在文章一開始提到封面頁圖片搜索的網(wǎng)站，進行下載。
另外，建議大家每隔5-6段文字，就可以插入一張圖片作為「留白」，看到大片文字會給人一種壓力感。
在恰當(dāng)?shù)奈恢貌迦胍粡垐D片，就可以給讀者一個休息的時間。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第21張
對齊
公眾號文章排版，文字部分我們通常都會使用兩端對齊的方式，這樣就可以減少頁面兩端出現(xiàn)凹凸不齊，好像被狗啃過的情況。
另外，建議大家在文章排版的時候，避免出現(xiàn)兩種對齊方式。比如說你前面的文字是左對齊的，那么在下面的文字就不要使用居中對齊。
至于圖片，正文內(nèi)容的插圖，寬度要跟一行文字的長度一致，如果圖片尺寸過小，是人物的頭像。
那么可以裁剪成圓形，縮小尺寸，居中排列。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第22張
樣式
很多排版工具，都會提供非常多的樣式，來修飾你的排版。
剛開始使用的時候，有些人看到，就會覺得這個喜歡，那個也喜歡，就全部都添加上去。
但樣式存在很大的一個問題，就是風(fēng)格是不一致的。我們在使用的時候，就要通過修改一些參數(shù)。
比如顏色，大小，粗細，從而達到跟我們主題風(fēng)格一致，那這樣排版出來的效果，才會更加的統(tǒng)一。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第23張
另外，由于本人比較奉行極簡主義原則，所以你看到我的排版，也不會使用一些大面積色塊的元素，取而代之的是一些線條。
強調(diào)
如果整篇文章下來，字體大小、顏色都是一樣的，那么就看不出重點在哪里。通過運用一些方法，我們就可以幫助讀者掌握重點。
所謂的「強調(diào)」，我們也可以理解為「對比」。對比的方法有三種：增大字號，改變顏色，改變粗細。
增大字號，建議使用在標(biāo)題上。而正文內(nèi)容中一些重要的觀點，我們可以改變字體的顏色以及改變粗細來突出。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第24張
在使用強調(diào)的使用，要注意一個問題，就是不能強調(diào)的部分太多，通常一句話或者幾個詞就可以了，太多反而沒有重點。
底部
公眾號文章底部，就是放置公眾號二維碼以及個人(公眾號)簡介，引導(dǎo)讀者進行關(guān)注。
排版的方法主要有兩種，一種是上下型排版，就是二維碼在上面，然后公眾號的簡介在下方。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第25張
另一種就是左右排版型的設(shè)計，通常可以做成一種小卡片的形式，這樣看起來會更加精致。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第26張
這些圖你也完全可以用PPT設(shè)計完，再導(dǎo)出為圖片，最后再上傳到微信公眾號上，上面這張圖就是我在PPT上設(shè)計的。
排版工具
目前市面上排版工具也有挺多，比如秀米、135編輯器，新榜編輯器，以及新媒體管家Plus。
每個編輯器我都用過，使用下來，覺得還是用新媒體管家Plus最貼心。
這個工具其實是一個插件，不需要另外打開一個網(wǎng)站，安裝完插件之后，在公眾號原生后臺即可進行編輯。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第27張
上面你所看到的圖片，就是我在進行這篇文章編輯時的界面。我們可以看到它的功能是基于微信公眾號后臺再進行拓展的。
在編輯框的選擇中，我們可以設(shè)置段落的兩端縮進、文字間距以及插入表情。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第28張
你想搜索圖片?在編輯界面的右邊，就有一個搜圖的功能，它可以搜索到動圖以及無版權(quán)圖片。對接的都是兩個大型圖片網(wǎng)站。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第29張
如果你要把一段鏈接變成二維碼，以往我們都要打開草料二維碼的網(wǎng)站進行編輯，現(xiàn)在利用菜單欄上二維碼功能。
就可以直接調(diào)用草料二維碼的編輯界面，不需要重新打開一個網(wǎng)頁，就能完成二維碼的制作與美化。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第30張
而在界面的左邊，則是樣式中心，點開這個功能按鈕，我們就能在里面找到大量的樣式，點擊就可以進行使用和編輯。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第31張
除此之外，這個插件還有幾個非常強大的功能。
微信公眾號的預(yù)覽鏈接一旦超過30分鐘，就是失效。但利用這個插件，則可以生成永久的鏈接，不用擔(dān)心鏈接失效。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第32張
還有一個動圖功能，微信對動圖播放有限制，前5張動圖可以自動播放，而后面的動圖則要手動點開。
但使用這個插件，文章所有的動圖都可以實現(xiàn)自動播放，不信你可以上下翻一下所有的動圖，是否都自動播放了
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第33張
最后一個，如果你說頭圖不會制作，那么在封面頁上傳這里，有一個題圖制作的選項，這里點擊過去，鏈接的就是創(chuàng)客貼
在這里，我們可以看到有大量的模板，選中其中一個合適的，我們就可以在這基礎(chǔ)上進行修改，就算你不會PS，也可以制作一張高大上的封面。
最全！微信公眾號排版指南 用戶體驗 微信 自媒體 好文分享 第34張
介紹到這里，你是不是也能感受到這個插件的服務(wù)非常貼心呢?
目前這個插件還是免費的哦，據(jù)說以后也是免費哦!相比其他排版工具來說，雅客還是更為喜歡這個。
好啦，以上就是關(guān)于公眾號排版的經(jīng)驗分享，希望今天這篇文章，對你有幫助哦!
作者：雅克顯示（ID：YaKeppt）
來源：盧松松博客
