為了能更好地總結(jié)出優(yōu)質(zhì)排版的“套路”,,135編輯器定期對投稿文章進(jìn)行分析,、歸納,試圖找出目前階段小編在文章排版過程中會陷入的誤區(qū),,終于,,我們發(fā)現(xiàn)了這些問題,并給出以下解決方案,。 最常見的標(biāo)題排版問題是:① 正文與標(biāo)題區(qū)分不明顯 ② 各級標(biāo)題邏輯關(guān)系不明顯,。 可以通過對標(biāo)題的強調(diào),如加粗,、加大字號等,,與正文作出區(qū)分;也可以通過序號的逐級關(guān)系變化,,來增強排版邏輯關(guān)系,。 當(dāng)然,我們還可以保證如上操作的基礎(chǔ)之上,,使用標(biāo)題樣式,,來增強文章的排版美感,帶動文章的閱讀,,優(yōu)化視覺體驗,。 1 初級版: 一、這是一級標(biāo)題 字號16,、顏色#000000,、加粗、字間距2,、兩端對齊 2,、這是二級標(biāo)題 字號16、顏色#404040,、加粗,、字間距2、兩端對齊 (3)這是三級標(biāo)題 字號15,、顏色#404040,、加粗、字間距2,、兩端對齊 ④ 這是四級標(biāo)題 字號14,、顏色#404040、加粗,、字間距2,、兩端對齊 2 進(jìn)階版 字號16,、顏色#000000,、加粗、字間距2,、兩端對齊 字號16、顏色#404040,、加粗,、字間距2、兩端對齊 字號15,、顏色#404040,、加粗、字間距2,、兩端對齊 字號14,、顏色#404040、加粗,、字間距2,、兩端對齊 3 高手版 這是一級標(biāo)題 字號16,、顏色#000000,、加粗、字間距2,、兩端對齊 字號16、顏色#404040,、加粗,、字間距2、兩端對齊 字號15,、顏色#404040,、加粗、字間距2,、兩端對齊 字號14,、顏色#404040,、加粗、字間距2,、兩端對齊 需要注意的是:① 標(biāo)題字號 ≥ 正文字號,;無論文章使用到幾級標(biāo)題,最底級標(biāo)題的字號大小也應(yīng)大于正文字號大小,。② 同級標(biāo)題使用同級樣式,;為保證文章整體性和邏輯性,同一級別的標(biāo)題應(yīng)使用同一樣式,,以保持文章連貫性,。 最常見的正文排版問題是:① 段落文字間留白控制不佳 ② 無法表現(xiàn)不同文體風(fēng)格。 文字間留白問題,,即:字間距,、行間距、段前/后距的處理問題,;不同文體/文風(fēng)也正是依靠它們的大小數(shù)值變化來呈現(xiàn),。 文體風(fēng)格還可以使用一些“正文樣式”來體現(xiàn),如豎排,、居中,、背景等樣式,但要注意控制閱讀視覺體驗,,以達(dá)到文字排版的最佳效果,。 1 初級版 從前的日色變得慢,車,、馬,、郵件都慢,一生只夠愛一人,;從前的鎖也好看,,鑰匙精美有樣子,你鎖了,,人家就懂了,。《從前慢》 ——摘自木心先生詩集《云雀叫了一整天》 正文:字號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 進(jìn)階版 《從前慢》
正文:字號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,、居左對齊 3 高手版
正文:字號15、顏色#404040,、字間距1.5,、行間距2、居中對齊,、段間距空行 注釋:字號13,、顏色#808080、字間距1,、行間距1,、居左對齊 正文:字號14、顏色#404040 注釋:字號12,、顏色#808080 段落文字排版注意文字間距的處理,。大號文字要減少字距,小號文字需要增加字距,,一般是1/5字距離,。大號文字用大行距,小號文字用小行距,,范圍在1-2之間,。 無論是使用純色樣式、圖片背景樣式,,還是圖文樣式,,一定要呈現(xiàn)文字的最優(yōu)化閱讀,即閱讀重心在文字,,其余輔助,。 最常見的圖片排版問題是:① 圖片不統(tǒng)一 ② 與文體、風(fēng)格不協(xié)調(diào) 1 封面的圖片尺寸 頭條封面圖尺寸寬 900* 高 500 像素,;次條封面圖尺寸寬 200* 高 200 像素,;封面圖注意與公眾號品牌、整體風(fēng)格,、文風(fēng)等相符合,。 2 配圖的圖片尺寸 非GIF圖上傳至公眾后臺,,經(jīng)推文發(fā)布后,圖片尺寸會等比壓縮成寬度640px,,想提高圖片質(zhì)量,,可預(yù)先處理配圖的格式或尺寸。 3 配圖建議 建議大小不超過2M,,為保證閱讀的流暢性,,避免圖片加載緩慢等問題,可以預(yù)先將圖片處理成500k-1000k,。 建議使用橫圖(16:9 和 4:3),,不建議使用豎圖;或全文配圖統(tǒng)一尺寸比例,,盡量避免橫豎圖混用,;詩歌、短句排版可以使用圓圖樣式,。 文章中使用表情,,建議表情尺寸控制在130-180px,表情主體內(nèi)容在150px即可,。 圖片的色調(diào),,要符合全文配色需求。 4 圖文樣式 炒雞好用 的微信排 版工具 關(guān)于圖片排版,,可以使用單圖、多圖,、圖文等樣式,,既能美化文章排版,又能增加公眾號特色,。 最常見的排版配色問題是:① 對配色沒有準(zhǔn)確定位 ② 全文色調(diào)不統(tǒng)一,。 1 文字色 文字配色以黑、25%灰,、75%灰,、品牌色等為主。文字強調(diào)可使用黑色加粗,、品牌色加粗或者紅色加粗的方式,,當(dāng)然也可以使用特殊字符配合強調(diào)。 2 圖片色 配圖的色調(diào)盡量配合文章配色,,圖片的視覺效果,、表達(dá)的情緒也要符合配色環(huán)境,在尋找配圖時,,可以首選品牌色調(diào)圖片,,次選中性色調(diào)圖片,。 3 樣式色調(diào) 首選依然是品牌色調(diào)。樣式在使用過程中,,一定要注意與文字,、圖片之間的協(xié)調(diào),在全文色調(diào)統(tǒng)一的情況下,,圖文樣式可以使用同色系遞減關(guān)系進(jìn)行配色,。 全文的配色,除了首先考慮品牌色之外,,也可以根據(jù)文體風(fēng)格,,使用冷色系、暖色系或是小清新,、視覺沖擊較大的配色,。 end |
|