公众号图文排版?看这一篇就够了~
前几天去武汉参加大叔私房课,大叔提到了好的文章有长尾流量,就提到了我这篇排版教程,然后看了我一眼,说“不过那个文章要更新一下了”……我知错了,我来更新啦!
这篇教程,除了保留原版的精华内容,还融合了我这几年做的几十单排版咨询案例的经验,大家依然可以放心享用,放心推荐~
对的!你没看错!
别问我用什么编辑器,问就是默认编辑器。
市面上的微信编辑器数不胜数,然而最初的体验却让我对他们敬而远之,为什么?
粘!贴!过!来!老!出!问!题!
从编辑器复制到公众号图文的时候,什么字体变啦,排版变啦,位置变啦都是小事,最坑爹的就是,变了还不好改,改了还不好预览,预览的和实际的还不一样…
特别提一下秀米编辑器。
它能直接同步到微信公众号,按理来说不会出现上面的问题了。不过我实在是不适应分段的编辑模式,而且它的模板对我也没有足够的吸引力,排版嘛,简单大方就好啦~
所以,我坚定不移的选择微信默认编辑器,虽然原来的模拟手机预览效果没有了,但更新了一些操作功能,编辑效率也大大提升了~还是很棒的!
不过先说一点。有时候,用默认编辑器会有格式错乱的现象,而且格式刷不奏效了,怎么办?
不用慌,先清除格式,再接下来的排版操作~
其实,我也不是完全不用编辑器。我个人有时候会用i排版编辑器,具体怎么用等会儿再说。
现在,工具已经确定了,默认编辑器加上可能会用到的外部编辑器,那怎么才能排得很好看呢?
先说几个大原则。
1、整体颜色不要太多。
最简单的方法就是定好一个主题色,然后所有需要突出强调的部分用这个颜色,其他一律用灰黑色就可以了。没有必要把推送弄得五颜六色的,不好看而且也麻烦。
2、排版样式简单明了。
这句话主要是说给喜欢用外部编辑器的小伙伴听的,一篇文章,恨不得五六种框框,还有各种花花绿绿的分割线,看起来排版很用心,但实际效果却很凌乱。
3、图片清晰没有水印。
我建议大家关闭图片上的水印,因为水印很容易挡住文字,而且看起来也土土的。还有图片的清晰度也会直接影响读者的感受。
在 公众号设置/功能设置 里面即可关闭啦~
这边附赠一个小技巧。利用PPT在图片两侧留白,可以使配图看起来更精致哦~
接下来,我们要说的就是今天的重头戏,正文的排版了。正文排版主要有三种对齐方式,左对齐、两端对齐、居中对齐。
居中对齐适合轻松愉快的娱乐型文章,一句话一行,读起来很快。另外两种则适合我这种长文、干货文(虽然我的文章读起来也轻松愉快~)
我之前大多数的文章是用左对齐,后来发现如果段落比较长,文字比较多的话,两端对齐更舒服、更工整。
大家可以根据自己文章的类型来选择不同的对齐方式。
要提醒大家的是,如果你选择了居中对齐,那么一定要注意切忌断行,如果你的文字功底还不错的话,也可以挑战一下字数相同的居中对齐。
这一点可以参考深夜发媸,他们很多文章看起来非常整齐,就是因为在居中对齐的基础上挑战了两端对齐。
再说一个小技巧,如果有一句话的字数始终凑不到和其他句子一样,那么你可以适当微调字号,造成对齐的假象。
确定对齐方式后,就要说说大家普遍关心的字号、颜色、行距等等参数。
1、颜色
看过我文章的人可能会注意到,我用的并不是纯黑色(#000000)。因为纯黑色会与背景的白色形成强烈的对比冲突,显得有些刺眼。相较之下,灰色就柔和多啦。
我文章里用的是#595959,也可以选择#3f3f3f 或 #7f7f7f。
这是#3f3f3f
这是#7f7f7f
这是#595959
2、字号
个人偏好14号字,显得比较秀气。而文字较密集时,建议选用16号字,看起来会没那么累。
也有一派人喜欢用15号字,直接在编辑器里输入数字即可~
这是14号字
这是15号字
这是16号字
3、呼吸感
排版要好看,一定要有呼吸感。
呼吸感可以体现在哪几个方面呢?
① 行距和段距
正文行距选择1.5或者1.75都是可以的。可以先 Ctrl+A 选中全文后统一设置。电脑端编辑的时候,可能会觉得很松散,但在移动端阅读时,会更轻松。
而段距可以直接用回车换行代替~
② 两侧留白
在两侧留白,显得比较精致,而且这样视线移动范围减小,读起来更轻松。
这个功能以前要靠外部编辑器,现在运营公众号的朋友们有福了,只要998 在默认编辑器,点击“两端缩进”按钮,就可以实现了!!
③ 字间距
我的文章里会把字间距适当加大,还挺好看的。其实是在i排版的公众号里看到了老罗的排版。
这个高端大气上档次的功能,默认编辑器现在也可以直接一键搞定了!
④ 重点突出
前面介绍的几个原则都很简单吧,做好这几点,就已经形成一个清爽的排版了。
为了锦上添花,我们可以对重点内容做标注。加粗或者改变颜色都是可以的。还记得我们刚才说过,颜色不要太多吗?在标注重点的时候,也建议只使用一种主题色。
注意不要用斜体,斜体总有种病怏怏的感觉,而且完全起不到突出显示的效果…
除了正文,标题也是不容忽视的。标题的做法有三种,我们一个个来说。
1、使用自带编辑器
为了区别正文,标题的处理方法一般就是变色、加粗、加大字体。
一个普通的标题
也可以利用反色进行处理,即蓝色做背景色,白色做文字颜色。在文字前后多加两个空格,会更协调。
一个反色的标题
还有一个小技巧,就是给标题的每个字之间加一些空格,效果如下。
有 节 奏 的 标 题
有 节 奏 的 标 题
「或 者 加 个 引 号」
2、使用图片标题
图片标题,其实就是把标题做成图片的形式,再插入到正文中。算是曲线救国吧~
用PPT,可以做出各种各样的标题样式来。最诱人的,就是可以任性地加图片、换字体
注意:直接导出PPT图片的话,上下无效区域会比较多。可以更改PPT的大小,或在截图时只截取有效区域。
3、使用编辑器标题
虽然外部编辑器各种坑爹,但还是有一些简单的样式,可以为我们所用。
做法也是超简单的,选好样式,出现在右边之后,选择最左边的复制,再粘贴到编辑器就好。
极简标题
酷酷的标题
因为简单,所以不容易出错,而且可以复制到以后的文章里,反复用~
最后讲一个实用的小技巧。大家在排版的过程中应该都有注意到颜色代码这件事。比如我刚刚说的正文颜色就是16进制的颜色代码。那么我们要怎么获取这个代码呢?
方法1:
首先,打开QQ,对,就是那个我们最喜欢的截图和文件传输工具。
然后同时按住Ctrl+Alt+A三个键,进入截图状态。
有没有发现,RGB数值已经展示出来了?这个数值代表的是当前鼠标位置的颜色。
此时,按住Ctrl键。
就切换成带#的十六进制颜色代码啦!
方法2:
因为我自己现在也因为年龄的原因很少用QQ了,专门为了取色去开QQ好像也不太划算,所以新增一个方法!
首先,打开微信,同时按住Alt+A两个键,进入截图状态。同样可以得到当前鼠标位置的RGB数值。
然后打开一个颜色代码转换的网站,比如:
RGB颜色值与十六进制颜色码转换工具
www.sioe.cn/yingyong/yanse-rgb-16/
像这样输入数值,点击转换,红色带#的就是十六进制颜色码了,也是非常简单~
1、我们要相信,不用编辑器,也可以优雅排版图文消息,但也不是说要完全摒弃外部编辑器。我们可以利用他们进行一些辅助。
2、整体的排版清楚、简单即可,标注出重点则更是锦上添花哦。