电竞比分网-中国电竞赛事及体育赛事平台

分享

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

 夢唐朝秦 2018-01-17



為了能更好地總結(jié)出優(yōu)質(zhì)排版的“套路”,135編輯器定期對投稿文章進行分析、歸納,試圖找出目前階段小編在文章排版過程中會陷入的誤區(qū),終于,我們發(fā)現(xiàn)了這些問題,并給出以下解決方案。


標題


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


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


當然,我們還可以保證如上操作的基礎(chǔ)之上,使用標題樣式,來增強文章的排版美感,帶動文章的閱讀,優(yōu)化視覺體驗。



1

初級版:



一、這是一級標題



字號16、顏色#000000、加粗、字間距2、兩端對齊


2、這是二級標題



字號16、顏色#404040、加粗、字間距2、兩端對齊


(3)這是三級標題



字號15、顏色#404040、加粗、字間距2、兩端對齊


④ 這是四級標題



字號14、顏色#404040、加粗、字間距2、兩端對齊




2

進階版



這是一級標題



字號16、顏色#000000、加粗、字間距2、兩端對齊



2、
這是二級標題



字號16、顏色#404040、加粗、字間距2、兩端對齊



( 3 )
這是三級標題



字號15、顏色#404040、加粗、字間距2、兩端對齊



這是四級標題



字號14、顏色#404040、加粗、字間距2、兩端對齊




3

高手版



一、

這是一級標題



字號16、顏色#000000、加粗、字間距2、兩端對齊



2、
這是二級標題



字號16、顏色#404040、加粗、字間距2、兩端對齊



(3)
這是三級標題



字號15、顏色#404040、加粗、字間距2、兩端對齊



這是四級標題



字號14、顏色#404040、加粗、字間距2、兩端對齊


需要注意的是:① 標題字號 ≥ 正文字號;無論文章使用到幾級標題,最底級標題的字號大小也應大于正文字號大小。② 同級標題使用同級樣式;為保證文章整體性和邏輯性,同一級別的標題應使用同一樣式,以保持文章連貫性。




正文



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


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


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



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、居左對齊



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

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



正文:字號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之間。


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




圖片



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



1

封面的圖片尺寸


頭條封面圖尺寸寬 900* 高 500 像素;次條封面圖尺寸寬 200* 高 200 像素;封面圖注意與公眾號品牌、整體風格、文風等相符合。



2

配圖的圖片尺寸


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



3

配圖建議


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


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


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


圖片的色調(diào),要符合全文配色需求。



4

圖文樣式



135editor

炒雞好用

的微信排

版工具

135編輯器



 



Back to
School



關(guān)于圖片排版,可以使用單圖、多圖、圖文等樣式,既能美化文章排版,又能增加公眾號特色。




配色



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



1

文字色


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



2

圖片色


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



3

樣式色調(diào)


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


全文的配色,除了首先考慮品牌色之外,也可以根據(jù)文體風格,使用冷色系、暖色系或是小清新、視覺沖擊較大的配色。



end


    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多