公众号排版通病分析—135编辑器

今天135编辑器要讲的是公众号排版的一些基础常识,如果你是入行几年的老司机,这篇文章对你用处不大,如果你是刚入行的新手,每天在排版上花费几个小时,那么你一定要抽时间看完这篇文章——公众号排版通病分析!

本文主要是根据分析2000多篇135编辑器用户的后台投稿做出的一些诊断,然后再给大家提出的一些实用建议,这些经验方法,新手请阅读读3遍以上!

 

标题

 

最常见的标题排版问题是:① 正文与标题区分不明显  ② 各级标题逻辑关系不明显。

可以通过对标题的强调,如加粗、加大字号等,与正文作出区分;也可以通过序号的逐级关系变化,来增强排版逻辑关系。

当然,我们还可以保证如上操作的基础之上,使用标题样式,来增强文章的排版美感,引导文章的阅读,优化视觉体验。

 

 

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、两端对齐

 

需要注意的是:① 标题字号 ≥ 正文字号;无论文章使用到几级标题,最底级标题的字号大小也应大于正文字号大小。② 同级标题使用同级样式;为保证文章整体性和逻辑性,同一级别的标题应使用同一样式,以保持文章连贯性。

 

正文

 

最常见的正文排版问题是:① 段落文字间留白控制不佳  ② 无法表现不同文体风格。

文字间留白问题,即:字间距、行间距、段前/后距的处理问题;不同文体/文风也正是依靠它们的大小数值变化来呈现。

文体风格还可以使用一些“正文样式”来体现,如竖排、居中、背景等样式,但要注意控制阅读视觉体验,以达到文字排版的最佳效果。

 

 

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、字间距2、行间距2、居中对齐、段间距空行

注释:字号12、颜色#808080、字间距1、行间距1、居左对齐

 

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、居左对齐

 

3

 

高手版

《从前慢》

从前的日色变得慢

车、马、邮件都慢

一生只够爱一人

从前的锁也好看

钥匙精美有样子

你锁了,人家就懂了。

——摘自木心先生诗集

《云雀叫了一整天》

正文:字号15、颜色#404040、字间距1.5、行间距2、居中对齐、段间距空行

注释:字号13、颜色#808080、字间距1、行间距1、居左对齐

从前的日色变得慢

车 马邮件都慢

一生只够爱一人

摘自木心先生诗集

 

正文:字号14、颜色#404040

注释:字号12、颜色#808080

 

段落文字排版注意文字间距的处理。大号文字要减少字距,小号文字需要增加字距,一般是1/5字距离。大号文字用大行距,小号文字用小行距,范围在1-2之间。

无论是使用纯色样式、图片背景样式,还是图文样式,一定要呈现文字的最优化阅读,即阅读重心在文字,其余辅助。

 

图片

 

最常见的图片排版问题是:① 图片不统一  ② 与文体、风格不协调

 

 

1

 

封面的图片尺寸

 

头条封面图尺寸宽 900* 高 383 像素;次条封面图尺寸宽 200* 高 200 像素;封面图注意与公众号品牌、整体风格、文风等相符合。

 

 

2

 

配图的图片尺寸

 

非GIF图上传至公众后台,经推文发布后,图片尺寸会等比压缩成宽度640px,想提高图片质量,可预先处理配图的格式或尺寸。

 

 

3

 

配图建议

 

建议大小不超过2M,为保证阅读的流畅性,避免图片加载缓慢等问题,可以预先将图片处理成500k-1000k。

建议使用横图(16:9 和 4:3),不建议使用竖图;或全文配图统一尺寸比例,尽量避免横竖图混用;诗歌、短句排版可以使用圆图样式。

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

图片的色调,要符合全文配色需求。关于图片知识,详情可点击《图片知识》《配图知识》

 

 

4

 

图文样式

135editor

炒鸡好用

的微信排

版工具

135编辑器

■■■■■

Back to

School

 

关于图片排版,可以使用单图、多图、图文等样式,既能美化文章排版,又能增加公众号特色。好看的单图文样式请点击《单图样式》

 

配色

 

最常见的排版配色问题是:① 对配色没有准确定位  ② 全文色调不统一。

 

 

1

 

文字色

 

文字配色以黑、25%灰、75%灰、品牌色等为主。文字强调可使用黑色加粗、品牌色加粗或者红色加粗的方式,当然也可以使用特殊字符配合强调。

 

 

2

 

图片色

 

配图的色调尽量配合文章配色,图片的视觉效果、表达的情绪也要符合配色环境,在寻找配图时,可以首选品牌色调图片,次选中性色调图片。

 

 

3

 

样式色调

 

首选依然是品牌色调。样式在使用过程中,一定要注意与文字、图片之间的协调,在全文色调统一的情况下,图文样式可以使用同色系递减关系进行配色。

全文的配色,除了首先考虑品牌色之外,也可以根据文体风格,使用冷色系、暖色系或是小清新、视觉冲击较大的配色。更多配色知识,请点击《配色知识》。

好了今天的知识点就讲到这里,今后三儿的推文重点将会多往排版方面发展,如果你有什么排版疑问,尽管提出来。还是那句老话,排版并不难,难的是保持耐心!