我研究了2000篇排版,發(fā)現(xiàn)它們都有這些問(wèn)題...


親愛的胖友們,你好哇。


截止到2018年年底,微信公眾號(hào)已突破2000萬(wàn)個(gè),俗話說(shuō),有趣的內(nèi)容千篇一律,好看的排版萬(wàn)里挑一!在這個(gè)快節(jié)奏時(shí)代,看臉成了唯一標(biāo)準(zhǔn),不管你內(nèi)容再好,糟糕的排版,所有努力都是0。


今天三兒要講的是公眾號(hào)排版的一些基礎(chǔ)常識(shí),如果你是入行幾年的老司機(jī),這篇文章對(duì)你用處不大,如果你是剛?cè)胄械男率郑?strong>每天在排版上花費(fèi)幾個(gè)小時(shí),那么你一定要抽時(shí)間看完這篇文章!


本文主要是根據(jù)分析2000多篇135編輯器用戶的后臺(tái)投稿做出的一些診斷,然后再給大家提出的一些實(shí)用建議,這些經(jīng)驗(yàn)方法,新手請(qǐng)閱讀讀3遍以上!


標(biāo)題


最常見的標(biāo)題排版問(wèn)題是:① 正文與標(biāo)題區(qū)分不明顯  ② 各級(jí)標(biāo)題邏輯關(guān)系不明顯。


可以通過(guò)對(duì)標(biāo)題的強(qiáng)調(diào),如加粗、加大字號(hào)等,與正文作出區(qū)分;也可以通過(guò)序號(hào)的逐級(jí)關(guān)系變化,來(lái)增強(qiáng)排版邏輯關(guān)系。


當(dāng)然,我們還可以保證如上操作的基礎(chǔ)之上,使用標(biāo)題樣式,來(lái)增強(qiáng)文章的排版美感,引導(dǎo)文章的閱讀,優(yōu)化視覺體驗(yàn)。



1

初級(jí)版:



一、這是一級(jí)標(biāo)題



字號(hào)16、顏色#000000、加粗、字間距2、兩端對(duì)齊


2、這是二級(jí)標(biāo)題



字號(hào)16、顏色#404040、加粗、字間距2、兩端對(duì)齊


(3)這是三級(jí)標(biāo)題



字號(hào)15、顏色#404040、加粗、字間距2、兩端對(duì)齊


④ 這是四級(jí)標(biāo)題



字號(hào)14、顏色#404040、加粗、字間距2、兩端對(duì)齊




2

進(jìn)階版



這是一級(jí)標(biāo)題



字號(hào)16、顏色#000000、加粗、字間距2、兩端對(duì)齊



2、
這是二級(jí)標(biāo)題



字號(hào)16、顏色#404040、加粗、字間距2、兩端對(duì)齊



( 3 )
這是三級(jí)標(biāo)題



字號(hào)15、顏色#404040、加粗、字間距2、兩端對(duì)齊



這是四級(jí)標(biāo)題



字號(hào)14、顏色#404040、加粗、字間距2、兩端對(duì)齊




3

高手版



一、

這是一級(jí)標(biāo)題



字號(hào)16、顏色#000000、加粗、字間距2、兩端對(duì)齊



2、
這是二級(jí)標(biāo)題



字號(hào)16、顏色#404040、加粗、字間距2、兩端對(duì)齊



(3)
這是三級(jí)標(biāo)題



字號(hào)15、顏色#404040、加粗、字間距2、兩端對(duì)齊



這是四級(jí)標(biāo)題



字號(hào)14、顏色#404040、加粗、字間距2、兩端對(duì)齊


需要注意的是:① 標(biāo)題字號(hào) ≥ 正文字號(hào);無(wú)論文章使用到幾級(jí)標(biāo)題,最底級(jí)標(biāo)題的字號(hào)大小也應(yīng)大于正文字號(hào)大小。② 同級(jí)標(biāo)題使用同級(jí)樣式;為保證文章整體性和邏輯性,同一級(jí)別的標(biāo)題應(yīng)使用同一樣式,以保持文章連貫性。




正文



最常見的正文排版問(wèn)題是:① 段落文字間留白控制不佳  ② 無(wú)法表現(xiàn)不同文體風(fēng)格。


文字間留白問(wèn)題,即:字間距、行間距、段前/后距的處理問(wèn)題;不同文體/文風(fēng)也正是依靠它們的大小數(shù)值變化來(lái)呈現(xiàn)。


文體風(fēng)格還可以使用一些“正文樣式”來(lái)體現(xiàn),如豎排、居中、背景等樣式,但要注意控制閱讀視覺體驗(yàn),以達(dá)到文字排版的最佳效果。



1

初級(jí)版



從前的日色變得慢,車、馬、郵件都慢,一生只夠愛一人;從前的鎖也好看,鑰匙精美有樣子,你鎖了,人家就懂了?!稄那奥?/span>

——摘自木心先生詩(shī)集《云雀叫了一整天》



正文:字號(hào)16、顏色#404040、字間距1、行間距2、兩端對(duì)齊、段后距15-20


注釋:字號(hào)14、顏色#808080、字間距1、行間距1、居左對(duì)齊



從前的日色變得慢,車、馬、郵件都慢,一生只夠愛一人;從前的鎖也好看,鑰匙精美有樣子,你鎖了,人家就懂了?!稄那奥?/span>

——摘自木心先生詩(shī)集《云雀叫了一整天》



正文:字號(hào)15、顏色#404040、字間距1.5、行間距1.75、兩端對(duì)齊、段后距10-15


注釋:字號(hào)13、顏色#808080、字間距1、行間距1、居左對(duì)齊



從前的日色變得慢,車、馬、郵件都慢,一生只夠愛一人;從前的鎖也好看,鑰匙精美有樣子,你鎖了,人家就懂了?!稄那奥?/span>

——摘自木心先生詩(shī)集《云雀叫了一整天》



正文:字號(hào)14、顏色#404040、字間距2、行間距1.5、兩端對(duì)齊、段后距5-10


注釋:字號(hào)12、顏色#808080、字間距1、行間距1、居左對(duì)齊



《從前慢》


從前的日色變得慢

車、馬、郵件都慢

一生只夠愛一人


從前的鎖也好看

鑰匙精美有樣子

你鎖了,人家就懂了。


——摘自木心先生詩(shī)集

《云雀叫了一整天》



正文:字號(hào)15、顏色#404040、字間距1.5、行間距2、居中對(duì)齊、段間距空行


注釋:字號(hào)13、顏色#808080、字間距1、行間距1、居左對(duì)齊



《從前慢》


從前的日色變得慢

車、馬、郵件都慢

一生只夠愛一人


從前的鎖也好看

鑰匙精美有樣子

你鎖了,人家就懂了。


——摘自木心先生詩(shī)集

《云雀叫了一整天》



正文:字號(hào)14、顏色#404040、字間距2、行間距2、居中對(duì)齊、段間距空行


注釋:字號(hào)12、顏色#808080、字間距1、行間距1、居左對(duì)齊




2

進(jìn)階版



《從前慢》

從前的日色變得慢,車、馬、郵件都慢,一生只夠愛一人;從前的鎖也好看,鑰匙精美有樣子,你鎖了,人家就懂了。

——摘自木心詩(shī)集《云雀叫了一整天》



正文:字號(hào)16、顏色#404040、字間距1、行間距2、兩端對(duì)齊、段后距15-20


注釋:字號(hào)14、顏色#808080、字間距1、行間距1、居左對(duì)齊



從前的日色變得慢,車、馬、郵件都慢,一生只夠愛一人;從前的鎖也好看,鑰匙精美有樣子,你鎖了,人家就懂了?!稄那奥?/span>

——摘自木心詩(shī)集《云雀叫了一整天》



正文:字號(hào)15、顏色#404040、字間距1.5、行間距1.75、兩端對(duì)齊、段后距10-15


注釋:字號(hào)13、顏色#808080、字間距1、行間距1、居左對(duì)齊



從前的日色變得慢,車、馬、郵件都慢,一生只夠愛一人;從前的鎖也好看,鑰匙精美有樣子,你鎖了,人家就懂了?!稄那奥?/span>

——摘自木心詩(shī)集《云雀叫了一整天》



正文:字號(hào)14、顏色#404040、字間距2、行間距1.5、兩端對(duì)齊、段后距5-10


注釋:字號(hào)12、顏色#808080、字間距1、行間距1、居左對(duì)齊




3

高手版



《從前慢》


從前的日色變得慢

車、馬、郵件都慢

一生只夠愛一人


從前的鎖也好看

鑰匙精美有樣子

你鎖了,人家就懂了。


——摘自木心先生詩(shī)集

《云雀叫了一整天》




正文:字號(hào)15、顏色#404040、字間距1.5、行間距2、居中對(duì)齊、段間距空行


注釋:字號(hào)13、顏色#808080、字間距1、行間距1、居左對(duì)齊



從前的日色變得慢
車 馬郵件都慢
一生只夠愛一人
摘自木心先生詩(shī)集



正文:字號(hào)14、顏色#404040


注釋:字號(hào)12、顏色#808080


段落文字排版注意文字間距的處理。大號(hào)文字要減少字距,小號(hào)文字需要增加字距,一般是1/5字距離。大號(hào)文字用大行距,小號(hào)文字用小行距,范圍在1-2之間。


無(wú)論是使用純色樣式、圖片背景樣式,還是圖文樣式,一定要呈現(xiàn)文字的最優(yōu)化閱讀,即閱讀重心在文字,其余輔助。




圖片



最常見的圖片排版問(wèn)題是:① 圖片不統(tǒng)一  ② 與文體、風(fēng)格不協(xié)調(diào)



1

封面的圖片尺寸


頭條封面圖尺寸寬 900* 高 383 像素;次條封面圖尺寸寬 200* 高 200 像素;封面圖注意與公眾號(hào)品牌、整體風(fēng)格、文風(fēng)等相符合。



2

配圖的圖片尺寸


非GIF圖上傳至公眾后臺(tái),經(jīng)推文發(fā)布后,圖片尺寸會(huì)等比壓縮成寬度640px,想提高圖片質(zhì)量,可預(yù)先處理配圖的格式或尺寸。



3

配圖建議


建議大小不超過(guò)2M,為保證閱讀的流暢性,避免圖片加載緩慢等問(wèn)題,可以預(yù)先將圖片處理成500k-1000k。


建議使用橫圖(16:9 和 4:3),不建議使用豎圖;或全文配圖統(tǒng)一尺寸比例,盡量避免橫豎圖混用;詩(shī)歌、短句排版可以使用圓圖樣式。


文章中使用表情,建議表情尺寸控制在130-180px,表情主體內(nèi)容在150px即可。


圖片的色調(diào),要符合全文配色需求。關(guān)于圖片知識(shí),詳情可點(diǎn)擊《圖片知識(shí)》《配圖知識(shí)》



4

圖文樣式



135editor

炒雞好用

的微信排

版工具

135編輯器



 



Back to
School



關(guān)于圖片排版,可以使用單圖、多圖、圖文等樣式,既能美化文章排版,又能增加公眾號(hào)特色。好看的單圖文樣式請(qǐng)點(diǎn)擊《單圖樣式》




配色



最常見的排版配色問(wèn)題是:① 對(duì)配色沒有準(zhǔn)確定位  ② 全文色調(diào)不統(tǒng)一。



1

文字色


文字配色以黑、25%灰、75%灰、品牌色等為主。文字強(qiáng)調(diào)可使用黑色加粗、品牌色加粗或者紅色加粗的方式,當(dāng)然也可以使用特殊字符配合強(qiáng)調(diào)。



2

圖片色


配圖的色調(diào)盡量配合文章配色,圖片的視覺效果、表達(dá)的情緒也要符合配色環(huán)境,在尋找配圖時(shí),可以首選品牌色調(diào)圖片,次選中性色調(diào)圖片。



3

樣式色調(diào)


首選依然是品牌色調(diào)。樣式在使用過(guò)程中,一定要注意與文字、圖片之間的協(xié)調(diào),在全文色調(diào)統(tǒng)一的情況下,圖文樣式可以使用同色系遞減關(guān)系進(jìn)行配色。


全文的配色,除了首先考慮品牌色之外,也可以根據(jù)文體風(fēng)格,使用冷色系、暖色系或是小清新、視覺沖擊較大的配色。更多配色知識(shí),請(qǐng)點(diǎn)擊《配色知識(shí)》。



好了今天的知識(shí)點(diǎn)就講到這里,今后三兒的推文重點(diǎn)將會(huì)多往排版方面發(fā)展,如果你有什么排版疑問(wèn),盡管提出來(lái)。還是那句老話,排版并不難,難的是保持耐心!





◆◆
近期爆文
◆◆



? 來(lái)啦,新媒體人3月熱點(diǎn)營(yíng)銷日歷!

2019年,給微信的19個(gè)建議!

新華社又公布一批媒體禁用詞!這102條內(nèi)容新媒體人都記好咯




RECOMMEND
推薦關(guān)注




文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
比格設(shè)計(jì)
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營(yíng)銷、私域流量運(yùn)營(yíng)——站式營(yíng)銷管理平臺(tái)
推薦文章
用戶運(yùn)營(yíng)平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩暨\(yùn)營(yíng)中的用戶分層
內(nèi)容運(yùn)營(yíng):戴上寫作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢
一個(gè)案例說(shuō)明白用戶分析怎么用
22條視頻,漲粉12.6萬(wàn),一個(gè)女孩子在抖音靠洗車也能月入過(guò)萬(wàn)!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問(wèn)題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門素材樣式
運(yùn)營(yíng)導(dǎo)航
運(yùn)營(yíng)工具
分享到