如何做出一篇好看的微信公眾號(hào)排版?

干貨包到??!最基本的排版規(guī)范技巧,掌握了這些技巧,不說你的排版一定就會(huì)多么多么好看,但是完成一篇合格的排版是絕對(duì)沒有問題的~

作為一個(gè)有幾年公眾號(hào)運(yùn)營(yíng)經(jīng)驗(yàn),積累了一些排版技巧,并且上過兩期微信公眾號(hào)排版訓(xùn)練營(yíng)課程,拿到了優(yōu)秀學(xué)員,成功混到課程助教的人來說,這個(gè)問題不說有百分之百的發(fā)言權(quán),百分之八十也還是有吧(沒錯(cuò),就是這么自信)~


那今天就給大家分享一些最基本的排版規(guī)范,掌握了這些技巧,我不說你的排版一定就會(huì)多么多么好看,但是完成一篇合格的排版是絕對(duì)沒有問題的~


全文沒有廢話,都是排版干貨,強(qiáng)烈建議先收藏,后面再慢慢學(xué)習(xí)!


先上目錄:


1、找準(zhǔn)公眾號(hào)的定位

2、微信公眾號(hào)排版基礎(chǔ)規(guī)范(通用)

3、排版小tips分享



找準(zhǔn)公眾號(hào)的定位


 這里的公眾號(hào)定位主要指的是受眾人群和風(fēng)格。


受眾人群主要會(huì)決定排版使用的字號(hào),比如你的公眾號(hào)是做養(yǎng)生的,用戶群體的年齡偏大,那么你在字號(hào)的使用上肯定就要用稍微大一些的,16號(hào)或者17號(hào),閱讀起來沒有那么費(fèi)力;又比如你的公眾號(hào)是很文藝的那種類型,受眾群體是年輕人,那你這個(gè)時(shí)候就不可能用16號(hào)這樣的字號(hào)了,年輕人用不著看這么大的字號(hào),字號(hào)過大也會(huì)影響排版的美觀程度。


其次,你的行業(yè)定位一定要清楚,這個(gè)會(huì)決定你要使用什么樣的排版風(fēng)格。


比如你負(fù)責(zé)做幼兒園的微信公眾號(hào),那么排版上肯定就要活潑一點(diǎn),有朝氣一些,多用兒童元素,比如太陽、白云什么的;再比如你是黨政類公眾號(hào)的小編,黨政類的公眾號(hào)一般以新聞資訊、通知為主,使用的樣式通常都比較簡(jiǎn)潔,配色以紅色、藍(lán)色為主,氛圍會(huì)稍微嚴(yán)肅一些,就不會(huì)使用特別小清新,很活潑的元素了。


舉幾個(gè)具體的例子給大家感受一下。首先說說丁香醫(yī)生,行業(yè)定位為健康、養(yǎng)生,雖然受眾年齡相對(duì)其它養(yǎng)生類公眾號(hào)來說會(huì)更加廣泛,我身邊很多人都有關(guān)注,但是他們主打的群體還是中老年人,所以使用了16號(hào)作為正文的字號(hào),并使用了品牌色——紫色作為排版的主色調(diào),加強(qiáng)品牌印象,排版風(fēng)格簡(jiǎn)單大方。

                     

再來說說24HOURS,他們是以關(guān)注城市美學(xué)為主的,風(fēng)格偏文藝,所以字號(hào)使用的是14號(hào),排版同樣非常簡(jiǎn)潔,多圖排版處理得比較好。

                         

每個(gè)公眾號(hào)的受眾群體和排版風(fēng)格有很大的不同,這個(gè)需要根據(jù)自身的情況去調(diào)整,把這兩個(gè)要素放在前面來講也是因?yàn)檫@個(gè)。雖然公眾號(hào)的風(fēng)格迥異,但是下面的這份排版基礎(chǔ)通用規(guī)范是絕對(duì)適用于每個(gè)公眾號(hào)的。(重點(diǎn)部分,強(qiáng)烈建議大家收藏?。。。?/strong>



微信排版基礎(chǔ)規(guī)范(通用)



 1、文字 



(1)字號(hào)


正文字號(hào):常規(guī)排版選擇15號(hào)字;文藝/清新類排版選擇14號(hào)字;新聞/養(yǎng)生類排版選擇16號(hào)字。注意:需要根據(jù)我們前面提到的排版風(fēng)格和用戶年齡層進(jìn)行選擇,小的字號(hào)顯得文藝;大的字號(hào)兼顧視力不好的用戶。


標(biāo)題字號(hào):比正文大2個(gè)字號(hào)左右。


圖片注釋、作者信息等:比正文小2個(gè)字號(hào)左右。


(2)間距


字間距:根據(jù)字號(hào)大小設(shè)置,字號(hào)越小,字間距的設(shè)置應(yīng)該越大;字號(hào)越大,字間距應(yīng)相應(yīng)減小。建議:14號(hào)字用1.5-2的字間距;15號(hào)字用1.5的字間距;16號(hào)字用1-1.5的字間距。


行間距:1.5-1.75倍數(shù)值,1.75倍是最常見的行間距數(shù)值,2倍的行間距適用類似于詩歌等短句排版。


兩側(cè)邊距:選擇5-10的數(shù)值,10最常見。


段前/段后距:選擇5-10的數(shù)值,或者不用設(shè)置段前段后距,直接一個(gè)回車就好,我個(gè)人是比較喜歡直接回車空行。


(3)首行縮進(jìn)


注意,首行縮進(jìn)這個(gè)問題是新媒體排版里面一定要避免的!不要不要不要使用首行縮進(jìn)?。?!


原因有兩個(gè),一是現(xiàn)在已經(jīng)不同于傳統(tǒng)的紙媒時(shí)代了,用戶大多數(shù)都是用手機(jī)閱讀,手機(jī)的屏幕尺寸很小,一排里面能放下的文字本來就不多,再用一個(gè)首行縮進(jìn)就太浪費(fèi)空間了。


二是首行縮進(jìn)在手機(jī)屏幕上的展現(xiàn)會(huì)不好看。下面的兩張圖,一張是首行縮進(jìn)的效果,一張是沒有首行縮進(jìn)的效果,大家可以對(duì)比一下。

           

▲未首行縮進(jìn)

        

▲首行縮進(jìn)


當(dāng)然了,行業(yè)為教育、政務(wù)的除外,這是行業(yè)屬性要求,可以理解,老板有特殊要求的也除外,畢竟他們給你開工資嘛,實(shí)在勸不住就算了~~~


(4)呼吸感


可能有很多盆友不知道呼吸感是什么意思,所以這里首先要解釋一下什么是呼吸感。


排版里面的呼吸感就是留出一定的閱讀空間,讓排版的展現(xiàn)不至于那么密集。


拿下面這張圖來說,里面的空行,兩側(cè)邊距的距離,都叫做打造排版的呼吸感。

                        

主要有三種形式,第一種是段落之間的呼吸感,第二種是樣式之間的呼吸感,第三種是兩側(cè)留白。


① 段落呼吸感


講段落呼吸感之前,我們先來做一個(gè)小測(cè)試,下面的兩張圖片,你覺得哪個(gè)排版更舒服呢?

           

▲ 圖片1

           

▲圖片2


沒錯(cuò),是第二張,那么這兩張圖片的排版方式有什么不同呢?其實(shí)他們一個(gè)用了分段+空行的形式,一個(gè)是沒有的,出來的效果卻大不相同。第二張圖看起來會(huì)更加舒服,不會(huì)有大段大段文字造成的壓迫感,閱讀起來也會(huì)更放松一些。


所以我們?cè)谂虐娴臅r(shí)候一定要學(xué)會(huì)給文字分段+空行,不要整段文字都堆在一起,密密麻麻的,很不好看。一般是3-5行字劃分為一個(gè)段落,當(dāng)然了,這個(gè)也要視具體的情況而定,不可能這句話根本就不適合斷句,你非把它給切斷了。


② 樣式呼吸感


其實(shí)樣式呼吸感和段落呼吸感的打造道理是一樣的,都是利用空行的形式留出閱讀空間。樣式和樣式之間、樣式和文字之間、圖文和圖片之間、圖文和文字之間、圖片和樣式之間等都要空行。


這里要注意,一般小標(biāo)題和前文之間空2-3行的距離,和后文之間空一行的距離,層次感會(huì)更加清晰(因?yàn)樾?biāo)題之前的內(nèi)容屬于前一個(gè)內(nèi)容層次,之后的內(nèi)容才是屬于這一個(gè)小標(biāo)題要說明的內(nèi)容)。

          

 兩側(cè)留白


兩側(cè)留白指的就是兩側(cè)邊距,設(shè)置兩側(cè)邊距的原因是為了不讓兩邊的文字緊貼著手機(jī)屏幕,讓排版更加的美觀。這個(gè)數(shù)值通常設(shè)置為5-10,像文藝小清新類的排版,兩側(cè)邊距會(huì)設(shè)置得更大一些,15和20都很常見,因?yàn)樗麄冎饕抢么笃牧舭滓r托出文藝的氛圍。


 2、配色 


(1)正文字色


除開一些特色的風(fēng)格排版以外,最常見的正文字色就是黑色了,但是我們一般不使用純黑色,因?yàn)樗娘柡投缺容^高,閱讀起來會(huì)比較壓抑。


建議使用帶有一定灰度的顏色,比如#3f3f3f(適用于消息類排版,如科普、資訊、新聞、知識(shí)等)、#595959(適用于常規(guī)排版,如職場(chǎng)、故事、心理)、#7f7f7f(適用于文藝類排版,如詩歌、散文)。


(2)圖片注釋、作者信息等字色


使用比正文字色更淺的顏色,比如你的正文顏色用的是#3f3f3f,那么字色可以選擇#a5a5a5。


(3)其它配色


除了正文字色和圖片注釋、作者信息等字色以外,排版中還會(huì)使用到其它的顏色,如重點(diǎn)文字的顏色、樣式的顏色、圖片的顏色等。這里要注意,這些配色最好不要超過3種,超過3種配色就亂了,很凌亂。


(4)配色選擇技巧


很多盆友都覺得自己有配色困難癥,選擇的顏色不好看,不知道該怎么挑選配色,這里就給大家說幾個(gè)配色的小技巧吧。


第一,根據(jù)文章內(nèi)容來挑選配色。什么意思呢?我的文章里面沒有說讓我用什么顏色啊?但是你的文章主題是什么你總知道吧?是寫電商的嗎?是寫冬天的嗎?


如果是以電商賣貨類的文章為主,那么配色就要選擇暖色調(diào)的,因?yàn)榕{(diào)更兩眼,自然就更加吸引人,鮮艷一點(diǎn)的顏色也容易喚起用戶的好心情;如果是一篇寫冬天的推文,那么配色就正好相反了,需要使用冷色調(diào)的顏色,比如藍(lán)色、白色,藍(lán)色給人的第一感覺就很冬天。


第二,根據(jù)樣式來挑選配色。你選擇的這套樣式(一般是選擇風(fēng)格相近的樣式)使用了什么樣的配色,那你的重點(diǎn)文字顏色就用和樣式一樣的顏色,達(dá)到協(xié)調(diào)統(tǒng)一的效果。


第三,根據(jù)圖片來挑選配色。配色這塊還有一個(gè)不可忽視的地方——圖片。很多盆友在排版的時(shí)候,全文的色調(diào)都是統(tǒng)一的,但就是感覺不對(duì)勁,很可能就是沒有兼顧到圖片的顏色,比如說你整個(gè)排版的配色都很素凈,但是配圖卻是花里胡哨的,什么顏色都有,那這個(gè)一樣是不協(xié)調(diào)的。


除了上面的幾個(gè)小技巧以外,這里我再推薦幾個(gè)配色網(wǎng)站給大家,大家可以根據(jù)網(wǎng)站上的配色方案去選擇你的排版配色。


配色網(wǎng): 

http://www.peise.net


colormind:

http://colormind.io


colorhunter: 

http://www.colorhunter.com


thedayscolor: 

http://www.thedayscolor.com


uigradients:

https://uigradients.com/#RoseColoredLenses


配色方案:

http://www.vanschneider.com/colors/  


中國(guó)風(fēng)配色: 

http://zhongguose.com/


3、配圖


(1)常規(guī)配圖


首先,一屏里面(手機(jī)的一個(gè)屏幕大?。┳詈糜幸粡垐D。一是起到分割排版的作用,二是利用圖片緩解閱讀疲勞,試想一下,如果一個(gè)排版里面全是文字,閱讀起來會(huì)有多累?


其次,配圖的形狀和大小最好統(tǒng)一,不要這里是一張方形的圖,那里一張圓形的圖,這里的圖片大,那里圖片又很小,也會(huì)造成不協(xié)調(diào)的感覺。


最后,常用的配圖尺寸有:900*600、600*400、640*400。


(2)表情包


很多推文里面會(huì)用到表情包,但是有些公眾號(hào)里面的表情包展現(xiàn)效果卻沒有那么好,通常是一張表情包就占據(jù)了很大的篇幅,屏幕幾乎都占滿了,那這種情況建議縮小一下表情包的尺寸,減少表情包的空間。


表情包的最佳比例為1:1,比如200*200、100*100、50*50。


(3)小符號(hào)


小符號(hào)可以起到讓排版更加生動(dòng)的效果,當(dāng)找不到合適的配圖或者表情包,可以考慮利用小符號(hào)?,F(xiàn)在的很多編輯器里都自帶了非常多的小符號(hào),比如emoji表情、特殊字符等等,大家根據(jù)自己的需求去選擇就好了。


這里要注意,部分小符號(hào)微信后臺(tái)是不予顯示的,不同手機(jī)展示出來的效果也不同,要注意根據(jù)手機(jī)預(yù)覽的效果進(jìn)行調(diào)整,避免出現(xiàn)看不到小符號(hào)的情況。

                        

4、樣式選擇


在樣式的選擇上,我們主要注意兩個(gè)問題:


一是樣式的選擇要符合文章內(nèi)容的主題。這個(gè)跟前面提到的根據(jù)文章內(nèi)容選擇配色的道理是一樣的,你不可能這篇文章明明是寫國(guó)慶節(jié),但是卻因?yàn)榉浅O矚g重陽節(jié)的某個(gè)樣式,你就用上了這個(gè)樣式吧?


那這樣肯定是不符合文章內(nèi)容的,會(huì)給用戶一種非常跳脫的感覺,國(guó)慶節(jié)的氛圍就沒打造出來。所以樣式的選擇一定要符合文章內(nèi)容,有助于營(yíng)造風(fēng)格排版的氛圍,使你文章要表達(dá)的主題更加鮮明。


二是要注意整體協(xié)調(diào)統(tǒng)一。很多盆友在排版的時(shí)候,本來前面都選擇了風(fēng)格相近的樣式,后面排著排著就又忘了,用了和前面的樣式風(fēng)格、文章內(nèi)容不符的樣式,就會(huì)顯得特別突兀。所以一定注意整體的協(xié)調(diào)統(tǒng)一。


在不知道使用什么樣式的時(shí)候,你可以根據(jù)你的文章內(nèi)容去搜索樣式關(guān)鍵詞,比如這是一篇美食類的排版,那你就搜索關(guān)鍵詞“美食”,寫中秋節(jié)的就搜索關(guān)鍵詞“中秋”,這樣篩選之后的樣式再使用,出錯(cuò)的概率就大大降低了。



排版小tips分享

 1、注意標(biāo)注重點(diǎn)文字內(nèi)容 


這個(gè)問題是我最近做排版課助教的時(shí)候發(fā)現(xiàn)的,很多學(xué)員的排版并沒有重點(diǎn),意思就是沒有給重點(diǎn)的文字內(nèi)容做處理,整篇文字都是一個(gè)顏色,沒有任何的起伏變化。


其實(shí)我們是需要給重點(diǎn)文字做特殊處理的,比如加粗、加背景色、加下劃線、傾斜字體等等,把重要的文字內(nèi)容凸顯出來,幫助用戶更快速的get到你的文章講的是什么。


因?yàn)槲覀儸F(xiàn)在的用戶都是很懶的,如果你不給他劃重點(diǎn)的話,他很可能就會(huì)喪失掉閱讀的欲望了,其實(shí)我們可以把這個(gè)劃重點(diǎn)和考試類比一下,如果考試的時(shí)候,老師不給你勾重點(diǎn),你會(huì)是什么感覺呢?是不是感覺一頭霧水?


但是劃重點(diǎn)不是整段整段的劃,也不是星星點(diǎn)點(diǎn)的,幾個(gè)字幾個(gè)字的劃,勾畫重點(diǎn)的詞匯和句子即可。


 2、關(guān)注優(yōu)質(zhì)公眾號(hào)排版,長(zhǎng)期練習(xí) 


說到底,排版不是一蹴而就,它涉及到一個(gè)人的創(chuàng)意組合能力以及審美能力,這兩個(gè)能力都是需要長(zhǎng)期學(xué)習(xí)的。如果是剛剛開始接觸公眾號(hào)的新手,也不要著急,沉下來來,多看看優(yōu)質(zhì)公眾號(hào)的排版,去模仿和借鑒,時(shí)間一長(zhǎng),排版的感覺就有了,你也會(huì)找到其中的一些方法的~


關(guān)于排版的分享就到這里啦,其實(shí)都是一些非?;A(chǔ)的排版規(guī)范,如果盆友們想要學(xué)習(xí)更深入的排版知識(shí)或者交流排版技巧的話,可以上知乎,關(guān)注@田同學(xué)的運(yùn)營(yíng)日記






·EN

要學(xué)習(xí)排版知識(shí)除了找田同學(xué)

還可以來135筆記

 ■ ■ 




本文來源于知乎@田同學(xué)的運(yùn)營(yíng)日記,如果你有更多運(yùn)營(yíng)問題/知識(shí)想要了解,可掃描二維碼關(guān)注??


文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
135筆記君資訊官
做你貼心的互聯(lián)網(wǎng)筆記本!
共1059篇文章
最近文章
更多
  • 【135早資訊】:視頻號(hào)小任務(wù)正式上線;拼多多將上線跨境電商平臺(tái)
  • 【135早資訊】:特斯拉上海超級(jí)工廠第100萬輛整車下線;?微信聊天對(duì)話框支持放大編輯
  • 【135早資訊】:北京發(fā)布國(guó)內(nèi)首個(gè)數(shù)字人產(chǎn)業(yè)專項(xiàng)支持政策;元宇宙招聘潮開啟
  • 【135早資訊】:平安銀行零售條線降薪;蔚來李斌回應(yīng)手機(jī)業(yè)務(wù)傳聞
比格設(shè)計(jì)
分享到