公众号图文排版?看这一篇就够了~

前几天去武汉参加大叔私房课,大叔提到了好的文章有长尾流量,就提到了我这篇排版教程,然后看了我一眼,说“不过那个文章要更新一下了”……我知错了,我来更新啦!

这篇教程,除了保留原版的精华内容,还融合了我这几年做的几十单排版咨询案例的经验,大家依然可以放心享用,放心推荐~

不知道用哪个编辑器?默认的就够啦!

对的!你没看错!

别问我用什么编辑器,问就是默认编辑器。

市面上的微信编辑器数不胜数,然而最初的体验却让我对他们敬而远之,为什么?

粘!贴!过!来!老!出!问!题!

从编辑器复制到公众号图文的时候,什么字体变啦,排版变啦,位置变啦都是小事,最坑爹的就是,变了还不好改,改了还不好预览,预览的和实际的还不一样…

特别提一下秀米编辑器。

它能直接同步到微信公众号,按理来说不会出现上面的问题了。不过我实在是不适应分段的编辑模式,而且它的模板对我也没有足够的吸引力,排版嘛,简单大方就好啦~

所以,我坚定不移的选择微信默认编辑器,虽然原来的模拟手机预览效果没有了,但更新了一些操作功能,编辑效率也大大提升了~还是很棒的!

不过先说一点。有时候,用默认编辑器会有格式错乱的现象,而且格式刷不奏效了,怎么办?

不用慌,先清除格式,再接下来的排版操作~

其实,我也不是完全不用编辑器。我个人有时候会用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、整体的排版清楚、简单即可,标注出重点则更是锦上添花哦。

(0)

相关推荐