公众号排版通病分析!
公众号排版通病分析!
今天135编辑器要讲的是公众号排版的一些基础常识,如果你是入行几年的老司机,这篇文章对你用处不大,如果你是刚入行的新手,每天在排版上花费几个小时,那么你一定要抽时间看完这篇文章——公众号排版通病分析!
本文主要是根据分析2000多篇135编辑器用户的后台投稿做出的一些诊断,然后再给大家提出的一些实用建议,这些经验方法,新手请阅读读3遍以上!
最常见的标题排版问题是:① 正文与标题区分不明显 ② 各级标题逻辑关系不明显。
可以通过对标题的强调,如加粗、加大字号等,与正文作出区分;也可以通过序号的逐级关系变化,来增强排版逻辑关系。
当然,我们还可以保证如上操作的基础之上,使用标题样式,来增强文章的排版美感,引导文章的阅读,优化视觉体验。
1
初级版:
一、这是一级标题
字号16、颜色#000000、加粗、字间距2、两端对齐
2、这是二级标题
字号16、颜色#404040、加粗、字间距2、两端对齐
(3)这是三级标题
字号15、颜色#404040、加粗、字间距2、两端对齐
④ 这是四级标题
字号14、颜色#404040、加粗、字间距2、两端对齐
2
进阶版
字号16、颜色#000000、加粗、字间距2、两端对齐
字号16、颜色#404040、加粗、字间距2、两端对齐
字号15、颜色#404040、加粗、字间距2、两端对齐
字号14、颜色#404040、加粗、字间距2、两端对齐
3
高手版
这是一级标题
字号16、颜色#000000、加粗、字间距2、两端对齐
字号16、颜色#404040、加粗、字间距2、两端对齐
字号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
图文样式
炒鸡好用
的微信排
版工具
关于图片排版,可以使用单图、多图、图文等样式,既能美化文章排版,又能增加公众号特色。好看的单图文样式请点击《单图样式》
最常见的排版配色问题是:① 对配色没有准确定位 ② 全文色调不统一。
1
文字色
文字配色以黑、25%灰、75%灰、品牌色等为主。文字强调可使用黑色加粗、品牌色加粗或者红色加粗的方式,当然也可以使用特殊字符配合强调。
2
图片色
配图的色调尽量配合文章配色,图片的视觉效果、表达的情绪也要符合配色环境,在寻找配图时,可以首选品牌色调图片,次选中性色调图片。
3
样式色调
首选依然是品牌色调。样式在使用过程中,一定要注意与文字、图片之间的协调,在全文色调统一的情况下,图文样式可以使用同色系递减关系进行配色。
全文的配色,除了首先考虑品牌色之外,也可以根据文体风格,使用冷色系、暖色系或是小清新、视觉冲击较大的配色。更多配色知识,请点击《配色知识》。
好了今天的知识点就讲到这里,今后三儿的推文重点将会多往排版方面发展,如果你有什么排版疑问,尽管提出来。还是那句老话,排版并不难,难的是保持耐心!
点击邀请链接:http://www.135editor.com/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135编辑器了哦,偷偷告诉大家(点击该链接,还可以获得7天VIP会员哦,一般人我不告诉,哈哈哈哈)
当然,你也可以自己加入。网址在这里:https://www.135editor.com/效果是一样的。通过我的邀请加入135编辑器,相当于是对我的一种帮助和鼓励。我自己会因为你们的支持而获得会员权限,可以享受会员的所有权益,像是新样式可以免费使用,图片保存数量从100提升到1000,个人模板从3个提升到无限制,云端草稿和恢复历史版本可以无限次使用,文本校对从3次升到100次等等,所以还劳烦大家帮个忙。
立即登录