總結2000份文章得到的排版知識,都在這!

總結2000份文章得到的排版知識,都在這!

自135編輯器「投稿通道」功能上線以後,官方賬號每天都可以收到文章排版投稿,加上「第一屆微信公眾號排版大賽」的成功舉辦,截止2017年12月31日,共收到2000餘篇投稿。

為了能更好地總結出優質排版的「套路」,135編輯器定期對投稿文章進行分析、歸納,試圖找出目前階段小編在文章排版過程中會陷入的誤區,終於,我們發現了這些問題,並給出以下解決方案。

最常見的標題排版問題是:① 正文與標題區分不明顯 ② 各級標題邏輯關係不明顯。

可以通過對標題的強調,如加粗、加大字型大小等,與正文作出區分;也可以通過序號的逐級關係變化,來增強排版邏輯關係。

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

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

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

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

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

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

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

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

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

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

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

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

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

需要注意的是:

① 標題字型大小 ≥ 正文字型大小;

無論文章使用到幾級標題,最底級標題的字型大小大小也應大於正文字型大小大小。

② 同級標題使用同級樣式;

為保證文章整體性和邏輯性,同一級別的標題應使用同一樣式,以保持文章連貫性。

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

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

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

正文:字型大小16、顏色#404040、字間距1、行間距2、兩端對齊、段後距15-20 注釋:字型大小14、顏色#808080、字間距1、行間距1、居左對齊

正文:字型大小15、顏色#404040、字間距1.5、行間距1.75、兩端對齊、段後距10-15

注釋:字型大小13、顏色#808080、字間距1、行間距1、居左對齊

正文:字型大小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、居左對齊

正文:字型大小16、顏色#404040、字間距1、行間距2、兩端對齊、段後距15-20

注釋:字型大小14、顏色#808080、字間距1、行間距1、居左對齊

正文:字型大小15、顏色#404040、字間距1.5、行間距1.75、兩端對齊、段後距10-15

注釋:字型大小13、顏色#808080、字間距1、行間距1、居左對齊

正文:字型大小14、顏色#404040、字間距2、行間距1.5、兩端對齊、段後距5-10

注釋:字型大小12、顏色#808080、字間距1、行間距1、居左對齊

正文:字型大小15、顏色#404040、字間距1.5、行間距2、居中對齊、段間距空行

注釋:字型大小13、顏色#808080、字間距1、行間距1、居左對齊

正文:字型大小14、顏色#404040

注釋:字型大小12、顏色#808080

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

無論是使用純色樣式、圖片背景樣式,還是圖文樣式,一定要呈現文字的最優化閱讀,即閱讀重心在文字,其餘輔助。

最常見的圖片排版問題是:① 圖片不統一 ② 與文體、風格不協調

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

非GIF圖上傳至公眾後台,經推文發布後,圖片尺寸會等比壓縮成寬度640px,想提高圖片質量,可預先處理配圖的格式或尺寸。

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

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

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

圖片的色調,要符合全文配色需求。關於圖片知識,詳情可點擊《圖片知識》《配圖知識》

關於圖片排版,可以使用單圖、多圖、圖文等樣式,既能美化文章排版,又能增加公眾號特色。好看的單圖文樣式請點擊《單圖樣式》

最常見的排版配色問題是:① 對配色沒有準確定位 ② 全文色調不統一。

1 文字色

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

2 圖片色

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

3 樣式色調

首選依然是品牌色調。樣式在使用過程中,一定要注意與文字、圖片之間的協調,在全文色調統一的情況下,圖文樣式可以使用同色系遞減關係進行配色。

全文的配色,除了首先考慮品牌色之外,也可以根據文體風格,使用冷色系、暖色系或是小清新、視覺衝擊較大的配色。更多配色知識,請點擊《配色知識》

--------------------------------------------------end----------------------------------------

研究了2000份排版文章,其中可圈可點之處還有很多,鑒於本篇文章篇幅已經過長,其他的內容就下次再分享給大家。

如果你經常讀小三兒的文章,你會發現,其實「排版真的不難」,但想做好,確實也不容易!除非你一直使用135編輯器。

推薦閱讀:

海報設計中的文字排版教程

TAG:排版設計 | 排版 | 設計 |