我研究了2000篇排版,发现它们都有这些问题...


亲爱的胖友们,你好哇。


截止到2018年年底,微信公众号已突破2000万个,俗话说,有趣的内容千篇一律,好看的排版万里挑一!在这个快节奏时代,看脸成了唯一标准,不管你内容再好,糟糕的排版,所有努力都是0。


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


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


640?wx_fmt=png
标题


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


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


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



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


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




grey.gif
正文



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


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


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



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



grey.gif

从前的日色变得慢,车、马、邮件都慢,一生只够爱一人;从前的锁也好看,钥匙精美有样子,你锁了,人家就懂了。《从前慢》

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



正文:字号14、颜色#404040、字间距2、行间距1.5、两端对齐、段后距5-10


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




3

高手版



《从前慢》


从前的日色变得慢

车、马、邮件都慢

一生只够爱一人


从前的锁也好看

钥匙精美有样子

你锁了,人家就懂了。


——摘自木心先生诗集

《云雀叫了一整天》




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


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



grey.gif
从前的日色变得慢
车 马邮件都慢
一生只够爱一人
摘自木心先生诗集



正文:字号14、颜色#404040


注释:字号12、颜色#808080


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


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




grey.gif
图片



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



1

封面的图片尺寸


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



2

配图的图片尺寸


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



3

配图建议


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


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


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


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



4

图文样式



135editor

炒鸡好用

的微信排

版工具

135编辑器



grey.gif
grey.gif
 



Back to
School
grey.gif
grey.gif



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




grey.gif
配色



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



1

文字色


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



2

图片色


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



3

样式色调


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


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



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



grey.gif



◆◆
近期爆文
◆◆



grey.gif

⏱ 来啦,新媒体人3月热点营销日历!

grey.gif

2019年,给微信的19个建议!

grey.gif

新华社又公布一批媒体禁用词!这102条内容新媒体人都记好咯




RECOMMEND
推荐关注



grey.gif


文章评价
登录后可以评论
立即登录