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

看脸的时代,你的公众号颜值及格吗?

 

现在大家都喜欢说,这是一个看脸的社会,对于公众号而言,好的排版也会让内容锦上添花,想必大家也都是因为意识到了这一点,所以才会来看微信公众号图文排版分享。

 

但是,在说排版之前,我想先让大家一起来想一想,除了内容的排版,公众号的门面还包括哪些内容?

微信公众号图文排版封面图

没错,公众号的门面可以包括推送的封面、顶部关注、底部二维码,还有就是通过原创认证的公众号可以在正文之后添加超链接,做一个拓展阅读。

微信公众号图文排版

微信公众号图文排版

微信公众号图文排版

其中顶部关注、底部二维码和拓展阅读都是属于引导读者来关注的,虽然都是小细节,但做得好的话,可以增加读者关注的概率,也就是提高所谓的转化率。

微信图文排版

封面图有多重要呢?

 

无论是在公众号里打开,还是在转发消息和在朋友圈浏中览,标题和封面图都是一定会有的。好的封面图可以吸引大家点击文章阅读,也就是提高文章的打开率。

 

而封面图选得不好,就会给人以一个很差的第一印象,甚至会让人觉得这个封面这么LOW,内容肯定也不咋的。所以,我们需要重视封面图的制作。

 

我总结了常见的封面图的四种类型。分别是定制插画风、统一风格排版、特殊效果沿袭和走心排版。

微信公众号图文排版模板欣赏

微信公众号图文排版模板欣赏

首先是定制插画风。比如大家都知道的公众号咪蒙,就是用各种各样的插画做封面图。类似的例子还有女神进化论。

微信公众号图文排版模板欣赏

也可以像行动派这样,用一系列扁平化的图做封面,风格更容易统一起来。

微信公众号图文排版模板欣赏

微信公众号图文排版模板欣赏

统一风格排版的例子可以看看深夜发媸,它的封面基本都是在图上加一个框,在框内用统一的字体写上主题。类似的还有幻方秋叶PPT。

微信公众号图文排版模板欣赏

微信公众号图文排版模板欣赏

微信公众号图文排版模板欣赏

胡辛束这个封面的风格是把插画固定在中间的圆形区域,可以看作是前两种风格的结合。类似的例子还有三顿的封面,基本上都是用居中的扁平化图标来做封面。

 

这边我多说一句,大家知道为什么这几个案例里面,他们的排版都是居中排版,而且主要元素都集中在中间吗?

 

我们可以想一下公众号图文被转发后的样子。

微信公众号图文排版模板欣赏

把推送转发到聊天会话或朋友圈的时候,封面会自动变成正方形。甚至可以说,封面以正方形存在的情况,比以完整的长方形存在的情况更多。

微信公众号图文排版模板欣赏

特殊效果沿袭其实是没有固定的套路,而是自成一脉,比如城市数据团的封面,都是用文字云来实现的。这也是个很好的创意。

微信公众号图文排版模板

微信公众号图文排版模板

微信公众号图文排版模板

走心的排版则可以参考曹将,一般是图片加标题,类似于PPT封面的制作。我们接下来要介绍的也是这种风格的封面制作方法。

微信公众号图文排版如何制作封面

可能有的人会想问,公众号封面图的尺寸是多少?根本记不住啊?其实呢,完全不用记。

 

你电脑里装了PPT吧?

微信公众号图文排版辅助ppt

打开它,选择版式为16:9,好的,你已经拥有一个封面模板了。在16:9的PPT上进行设计,再导出这一页PPT为图片,你会发现,作为公众号封面,几乎刚刚好!

微信公众号图文排版之版式

我们刚刚说过,在转发时,公众号封面会缩成一个小正方形,我们也可以自己在PPT里画一个正方形,并居中,这样我们就可以提前看到转发之后封面的样子了。

微信公众号图文排版之封面

除了用PPT,我们还可以用一个在线的网站来制作,这个网站叫做创客贴。具体就不多演示了。

微信公众号图文排版

封面图的制作灵感和具体的制作步骤可以参看我之前的文章:听说你在愁公众号封面图?

 

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

 

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

 

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

 

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

微信公众号排版秒书编辑器

特别提一下秒书编辑器。

 

它能直接同步到微信公众号,按理来说不会出现上面的问题了。而且插图有9:5发封面尺寸,比较方便。手机电脑都可以,秒书不是网页版,不需要贴贴贴,只需要排版好直接发布即可。而且它的模板很多,简单大方~

 

从正文到标题,手把手传授排版规范

 

现在,工具已经确定了,默认编辑器加上可能会用到的外部编辑器,那怎么才能排得很好看呢?

 

先说几个大原则。

微信公众号图文排版原创

 

  1. 整体颜色不要太多

 

最简单的方法就是定好一个主题色,然后所有需要突出强调的部分用这个颜色,其他一律用灰黑色就可以了。没有必要把推送弄得五颜六色的,不好看而且也麻烦。

 

  1. 排版样式简单明了

 

这句话主要是说给喜欢用外部编辑器的小伙伴听的,一篇文章,恨不得五六种框框,还有各种花花绿绿的分割线,看起来排版很用心,但实际效果却很凌乱。

 

  1. 图片清晰没有水印

微信公众号图文排版之水印

我建议大家关闭图片上的水印,因为水印很容易挡住文字,而且看起来也土土的。还有图片的清晰度也会直接影响读者的感受。

 

这边讲一个小技巧。利用PPT在图片两侧留白,可以使配图看起来更精致。

 

接下来,我们要说的就是今天的重头戏,正文的排版了。正文排版主要有两种对齐方式,左对齐或居中对齐。

微信公众号图文排版正文对齐方式

我大多数的文章是用左对齐,因为我的文章内容一般都比较长,而且偏向干货类。而居中对齐适合轻松愉快的娱乐型文章,一句话一行,读起来很快。

微信公众号图文排版对接方式

大家可以根据自己文章的类型来选择不同的对齐方式。

微信公众号图文排版对齐方式

要提醒大家的是,如果你选择了居中对齐,那么一定要注意切忌断行,如果你的文字功底还不错的话,也可以挑战一下字数相同的居中对齐。这一点可以参考深夜发媸,他们很多文章看起来非常整齐,就是因为在居中对齐的基础上挑战了两端对齐。

 

再说一个小技巧,如果有一句话的字数始终凑不到和其他句子一样,那么你可以适当微调字号,造成对齐的假象。

 

确定对齐方式后,就要说说大家普遍关心的字号、颜色、行距等等参数。

微信公众号图文排版规范

  1. 颜色

 

看过我文章的人可能会注意到,我用的并不是纯黑色(#000000)。因为纯黑色会与背景的白色形成强烈的对比冲突,显得有些刺眼。相较之下,灰色就柔和多啦。

 

最近我文章里用的是#595959,也可以选择#3f3f3f 或 #7f7f7f。

 

这是#3f3f3f

这是#7f7f7f

这是#595959

 

  1. 字号

 

个人偏好14号字,显得比较秀气。而文字较密集时,建议选用16号字,看起来会没那么累。

 

也有一派人喜欢用15号字,直接在编辑器里输入数字即可~

 

这是14号字

这是15号字

这是16号字

 

  1. 呼吸感

 

排版要好看,一定要有呼吸感。

呼吸感可以体现在哪几个方面呢?

排版要好看,一定要有呼吸感。

  1. 行距和段距

 

正文行距选择1.5或者1.75都是可以的。可以先 Ctrl+A 选中全文后统一设置。电脑端编辑的时候,可能会觉得很松散,但在移动端阅读时,会更轻松。

而段距可以直接用回车换行代替~

 

  1. 两侧留白

 

在两侧留白,显得比较精致,而且这样视线移动范围减小,读起来更轻松。

这个功能可以在外部编辑器,如秒书工具中实现。

 

  1. 字间距

 

我最近的文章里会把字间距适当加大,还挺好看的。

微信公众号图文排版字间距适

但是教程里,要实现这样的排版居然还要用代码?相信不用我说,大家都望而却步了吧。不过大家不要忘了,我们刚刚提到过的秒书,是可以自定义。想要实现这样排版也很简单的哦。

 

  1. 重点突出

排版凸出重点

前面介绍的几个原则都很简单吧,做好这几点,就已经形成一个清爽的排版了。

 

为了锦上添花,我们可以对重点内容做标注。加粗或者改变颜色都是可以的。还记得我们刚才说过,颜色不要太多吗?在标注重点的时候,也建议只使用一种主题色。

 

注意不要用斜体,斜体总有种病怏怏的感觉,而且完全起不到突出显示的效果…

标题的做法

除了正文,标题也是不容忽视的。标题的做法有三种,我们一个个来说。

 

  1. 使用微信编辑器

 

为了区别正文,标题的处理方法一般就是变色、加粗、加大字体。

 

一个普通的标题

 

也可以利用反色进行处理,即蓝色做背景色,白色做文字颜色。在文字前后多加两个空格,会更协调。

 

一个反色的标题

 

还有一个小技巧,就是给标题的每个字之间加一些空格,效果如下。

 

有 节 奏 的 标 题

有  节  奏  的  标  题

「或 者 加 个 引 号」

 

  1. 使用图片标题

 

图片标题,其实就是把标题做成图片的形式,再插入到正文中。算是曲线救国吧~

 

用秒书,可以选择各种各样的标题样式来。标题样式随你选择。

标题样式

因为简单,所以不容易出错,而且可以收藏起来到以后的文章里,反复用~

 

补充技巧:怎么获取颜色代码?

 

最后讲一个实用的小技巧。大家在排版的过程中应该都有注意到颜色代码这件事。

 

比如我刚刚说的正文颜色就是16进制的颜色代码。那么我们要怎么获取这个代码呢?

 

首先,打开QQ,对,就是那个我们最喜欢的截图和文件传输工具。

然后同时按住Ctrl+Alt+A三个键,进入截图状态。

有没有发现,RGB数值已经展示出来了?这个数值代表的是当前鼠标位置的颜色。

此时,按住Ctrl键。

就切换成带#的十六进制颜色代码啦!

 

总结

 

我们今天的分享就到这儿了,简单的总结一下。

 

  1. 我们在做公众号排版前,要先做好整体形象的包装,好的封面可以提高文章的打开率,顶部关注、底部二维码和拓展阅读则可以提高文章的转化率。

 

  1. 我们要相信,秒书编辑器,也做出优雅排版图文消息,可以利用他快速进行图文排版。

 

  1. 整体的排版清楚、简单即可,标注出重点则更是锦上添花哦。

 

最后我放一下我们今天分享内容的思维导图,大家可以根据这个简单回顾一下。

微信公众号图文排版

以上的内容是转载乌素老师为大家分享的关于排版方面的一些小技巧,希望对你有所帮助。