公众号的排版,不仅可以配合内容,帮助读者更好地阅读和理解。更重要的,公众号的排版,代表了公司的形象。 小公举总结了上千个头部大号(咪蒙、罗永浩、深夜发媸、胡辛束、新...
公众号的排版,不仅可以配合内容,帮助读者更好地阅读和理解。更重要的,公众号的排版,代表了公司的形象。
小公举总结了上千个头部大号(咪蒙、罗永浩、深夜发媸、胡辛束、新世相、假装在纽约、六神磊磊读金庸、微互动)的排版特点,为你归纳了以下排版技巧。
目 录
1. 文字排版
2. 图片排版
3. 留白排版
4. 样式排版
5. 互动涨粉
1. 文字排版
►大小
正文建议14px-16px之间。常规类的文章以16px为宜,便于读者仔细阅读。
文艺范的文章以14px为宜,增加文章的精致感。注释可以选择12px字体,做出明显区分。以下分别是12px、14px、16px的字体:
12px
读书在没有充分的知识作为前提的情况下,即使行了万里路也不过是邮差而已在离别的车站,她上了车,我没有像以往那样的目送那班车到消失,而是头也不回的走向家的方向。
14px
读书在没有充分的知识作为前提的情况下,即使行了万里路也不过是邮差而已在离别的车站,她上了车,我没有像以往那样的目送那班车到消失,而是头也不回的走向家的方向。
16px
读书在没有充分的知识作为前提的情况下,即使行了万里路也不过是邮差而已在离别的车站,她上了车,我没有像以往那样的目送那班车到消失,而是头也不回的走向家的方向。
►颜色
正文建议使用灰色,比如#595959、#3f3f3f。纯黑色太重,看久了会产生视觉疲劳。注释作为补充内容,可以选择更浅的灰色,比如#888888、#a5a5a5。
需要强调或者区分的文字,可以使用黑灰以外的其他颜色,但是不要使用大红、大绿这样刺眼的颜色,可以选择稍浅一些的粉红,或者浅绿,看上去就友好多了。更重要的是,同一篇文章里,文字的颜色不要超过三种。对比看看下面这两段文字:
读书在没有充分的知识作为前提的情况下,即使行了万里路也不过是邮差而已在离别的车站,她上了车,我没有像以往那样的目送那班车到消失,而是头也不回的走向家的方向。
读书在没有充分的知识作为前提的情况下,即使行了万里路也不过是邮差而已在离别的车站,她上了车,我没有像以往那样的目送那班车到消失,而是头也不回的走向家的方向。
读书在没有充分的知识作为前提的情况下,即使行了万里路也不过是邮差而已在离别的车站,她上了车,我没有像以往那样的目送那班车到消失,而是头也不回的走向家的方向。
要是把握不准颜色,还是使用黑白灰就好,虽然看上去比较平淡,但是不会出错。
2. 图片排版
►封面图
微信官方推荐的头条封面图尺寸是900*500,次条封面图尺寸是200*200,但是我们在实际使用时,考虑到不同手机的显示情况,还是要尽可能让核心内容处于图片中间的部分(400*400),这样分享在朋友圈正好在中间,比如:
►正文配图
目前,公众号的配图基本上有三种形式:JPG、PNG、GIF。这三种不同的格式,上传后会产生不同的效果。
建议大家能用JPG就用JPG,并且尽量用640px的图片。遇到图片压缩时,对于颜色数量较少,并且快速传达信息的图片,比如图形图像类,文字类图片,一般可以使用GIF格式;对于颜色较多,或者比较复杂的图片,一般可以用PNG格式。
大家平时浏览的时候,可以建立图片素材库,方便使用。
3. 留白排版
留白排版,是现在很流行的排版方式。【咪蒙】【罗永浩】都很喜欢用用留白的方式来排版,不仅让页面干净整洁,还为读者带来了舒适的阅读体验。对比下面两段文字:
字间距0,行距1,缩进0
读书在没有充分的知识作为前提的情况下,即使行了万里路也不过是邮差而已在离别的车站,她上了车,我没有像以往那样的目送那班车到消失,而是头也不回的走向家的方向。
字间距1.5,行距1.75,缩进2
读书在没有充分的知识作为前提的情况下,即使行了万里路也不过是邮差而已在离别的车站,她上了车,我没有像以往那样的目送那班车到消失,而是头也不回的走向家的方向。
►对齐方式
首先要注意不要首行缩进。在中文书籍中,因为段落间没有间隙,所以需要用两个字符的缩进加以辨识。但在网页端和手机端,书本式的排版会让读者感到压力,大家改用空行作了段落区分。
同时也要注意两端对齐,让左侧和右侧看上去都很工整。
如果选择文字居中排列的方式,要注意断句的位置,也要保证每行文字长短相近,否则就会破坏整体上的视觉统一。对比下面两段居中的文字:
在离别的车站
她走上了汽车
我没有像以往
那样的目送她
直到班车消失
而是头也不回
走向家的方向
在离别的车站
她走上了汽车
我没有像以往那样的
目送他直到班车消失
而是头也不回的走向家的方向
►字间距和行间距
建议字间距0.5-1,行间距1.5-1.75。对比下面两端不同字间距和行间距的文字,可以看出差异。
字间距0,行距1
读书在没有充分的知识作为前提的情况下,即使行了万里路也不过是邮差而已在离别的车站,她上了车,我没有像以往那样的目送那班车到消失,而是头也不回的走向家的方向。
字间距1,行距1.75
读书在没有充分的知识作为前提的情况下,即使行了万里路也不过是邮差而已在离别的车站,她上了车,我没有像以往那样的目送那班车到消失,而是头也不回的走向家的方向。
►段间距和页边距
如果是大段文字,就需要在上下两段之间空行,看起来比较舒服。也要避免文字内容充满整个手机屏,最好图文穿插着来。如果图片比较少的话,也可以选择添加小符号,起到在视觉上缓解疲劳的作用。
再说页边距,建议在0.5-1之间。文艺范的公众号也可以增加页边距,显得比较干净。
►字间距、行间距、页边距的设置以i排版编辑器(iPaiban.com)为例
4. 样式排版
想玩点花式排版,就要用到第三方编辑器了。比如顶部和底部引导、二维码、多图的排列,这些都还可以使用样式。增加排版趣味性的同时,还可以展现出你自己的风格。
在诸多样式中,首先要选择简洁一些的样式,还要要注意样式的统一性,同一篇图文中出现的样式太多会有混乱的感觉。
5. 互动涨粉
你可能注意到最近有很多大V都用了点击显示、阅后即焚,还有弹幕,这样和读者产生互动的方式来排版,比如、、。
这样的互动样式,不仅打破了排版常规,还可以用作给大家发福利的方式,吸引了大量粉丝关注,某大号就靠互动样式增加了上百万粉丝。
比如你可以用点击显示的方式,把奖品信息隐藏起来,让大家在屏幕中指指点点,有挖宝的感觉。你也可以把奖品信息隐藏在弹幕里,让弹幕走得飞快,大家截图获取奖品信息,也很有趣。
��
这样有趣的互动样式,要怎么才能用到自己的排版中呢?
还是以刚才这些大号都在使用的i排版编辑器(iPaiban.com)为例,一键即可搞定。
直接上操作图
不仅有点击显示,还有:
阅后即焚
(文字一段时间之后消失)
小英子的家像一个小岛,三面都是河,西面有一条小路通到荸荠庵。独门独户,岛上只有这一家。岛上有六棵大桑树,夏天都结大桑椹,三棵结白的,三棵结紫的;一个菜园子,瓜豆蔬菜,四时不缺。院墙下半截是砖砌的,上半截是泥夯的。大门是桐油油过的,贴着一副万年红的春联:向阳门第春常在,积善人家庆有余。
文字倒立
小英子的家像一个小岛,三面都是河,西面有一条小路通到荸荠庵。独门独户,岛上只有这一家。岛上有六棵大桑树,夏天都结大桑椹,三棵结白的,三棵结紫的;一个菜园子,瓜豆蔬菜,四时不缺。院墙下半截是砖砌的,上半截是泥夯的。大门是桐油油过的,贴着一副万年红的春联:向阳门第春常在,积善人家庆有余。
文字虚化
(文字复制在其他地方才能看清)
小英子的家像一个小岛,三面都是河,西面有一条小路通到荸荠庵。独门独户,岛上只有这一家。岛上有六棵大桑树,夏天都结大桑椹,三棵结白的,三棵结紫的;一个菜园子,瓜豆蔬菜,四时不缺。院墙下半截是砖砌的,上半截是泥夯的。大门是桐油油过的,贴着一副万年红的春联:向阳门第春常在,积善人家庆有余。
弹幕
今天世界银行行长金墉先生来蚂蚁金服了 别误会,这位金墉先生不是六神磊磊读的那位金庸先生 金墉先生对着我们CEO井贤栋(左一黑西装大叔)一直夸一直夸 连说了5个amazing amazing amazing amazing amazing 我猜应该是说我贼优秀的意思
如果i排版的样式还不能满足你,你还可以点击工具栏上的HTML按钮,自己修改代码,做出你的专属样式。i排版的代码添加了注释,非常方便修改。
在i排版,不仅互动样式轻松玩,还可以轻松美化你的排版。
i排版工具栏
还有大量有风格有品位的样式可供选择。
i排版样式中心
更有诸多实用功能:
【图文导入】把他人的图文导入i排版,修改编辑。
【保存签名】可以一键轻松添加,省去反复操作。
【微信同步】排版好的图文一键同步到公众平台,避免复制粘贴的烦恼,还可以排列同步多图文。
更有限时福利等着你:
PC端打开ipaiban.com,点击i排版编辑器,扫码登录,点击登录名-兑换会员-输入“小公举”,即可获赠1个月i排版高级会员,兑换成功后重新登陆即可生效。
总 结
· 正文内容文字大小14-16px,注释文字大小12px
· 文字颜色使用不要过多
· 封面图把重要的部分放在中间
· 建议字间距0.5-1,行间距1.5-1.75,页边距0.5-1
· 合理使用互动样式有助于涨粉