查看原文
其他

请把本文转发给那些排版丑杀了好内容的作者 | 高颜值公号排版指南

2017-08-07 i排版 鸟哥笔记

公众号的排版,不仅可以配合内容,帮助读者更好地阅读和理解。更重要的,公众号的排版,代表了公司的形象。


我们总结了上千个头部大号(咪蒙、罗永浩、深夜发媸、胡辛束、新世相、假装在纽约、六神磊磊读金庸、微互动)的排版特点,为你归纳了以下排版技巧。


本文3200字。




目     录

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排版,修改编辑。


【保存签名】可以一键轻松添加,省去反复操作。


【微信同步】排版好的图文一键同步到公众平台,避免复制粘贴的烦恼,还可以排列同步多图文。


总     结

· 正文内容文字大小14-16px,注释文字大小12px
· 文字颜色使用不要过多
· 封面图把重要的部分放在中间
· 建议字间距0.5-1,行间距1.5-1.75,页边距0.5-1
· 合理使用互动样式有助于涨粉


 限 时 福 利 


在留言板留言,截止至8月8日10:00,排名前30的同学即可领取一个i排版高级会员邀请码(一个月使用时间)。


留言后请添加 小笔芯 领取。(8月9日18:30之前未领取,资格作废)


(小笔芯 二维码)


邀请码用法:PC端打开ipaiban.com,点击i排版编辑器,扫码登录,点击登录名-兑换会员-输入“邀请码”,即可获赠1个月i排版高级会员。



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存