分享

更多

   

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

2016-09-03  kafkafka
号主荐语

今天,@乌素老师将课堂讲稿整理出来,供大家回顾复习,号主提醒:内容很干,全文很长,你要耐心看咯,文末有彩蛋哦~


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

作者 | 乌素   编辑 | 号主

来源:乌素

ID:Sonora_Says




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


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

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



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



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



封面图有多重要呢?


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


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




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



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



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



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



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


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


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



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



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



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




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


你电脑里装了PPT吧?



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



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



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



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


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


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


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


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



特别提一下秀米编辑器。


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



所以,我坚定不移的选择微信默认编辑器,所见即所得,还能模拟手机预览,棒棒哒~




接下来讲的内容,就是我的排版必杀技了。


所谓无招胜有招,其实你也完全可以抛开那些外部编辑器,用复制粘贴大法和格式刷大法,来偷排版。


具体怎么做呢?先说复制粘贴大法。



第一步,找到你觉得好看的排版,右上角的三个点,选择复制链接。



第二步,把这个链接发送到电脑端打开,效果如下。



3、复制一段,粘贴到你的编辑器里,什么字号颜色行距缩进都一并过来了~



4、接在这一段后继续编辑,之后把前面复制过来的删掉就可以了。


我现在的排版基本上都在默认编辑器里完成,只要从自己的素材库里复制一段过来即可。



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


不用慌,先清除格式,然后再使用格式刷就没问题了~



其实,我也不是完全不用编辑器。我个人有时候会用i排版编辑器,具体怎么用等会儿再说。


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


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


先说几个大原则。



1. 整体颜色不要太多


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


2. 排版样式简单明了


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


3. 图片清晰没有水印



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


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



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



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



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



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


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



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



1. 颜色


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


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


  • 这是#3f3f3f

  • 这是#7f7f7f

  • 这是#595959


2. 字号


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


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


  • 这是14号字

  • 这是15号字

  • 这是16号字


3. 呼吸感


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

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



1. 行距和段距


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

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


2. 两侧留白


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

这个功能可以在外部编辑器,如秀米、i排版等工具中实现。



以i排版为例,在缩进这里改数字就可以了。在这写上一句话,再复制到默认编辑器里,就自动带上缩进了。之后再要用缩进,直接复制自己素材库的即可。


3. 字间距


我最近的文章里会把字间距适当加大,还挺好看的。其实是在i排版的公众号里看到了老罗的排版。



但是教程里,要实现这样的排版居然还要用代码?相信不用我说,大家都望而却步了吧。不过大家不要忘了,我们刚刚提到过的杀手锏复制粘贴大法。想要实现这样排版也可以用哦。


4. 重点突出



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


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


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




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


1. 使用自带编辑器


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


一个普通的标题


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


  一个反色的标题  


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


有 节 奏 的 标 题

有  节  奏  的  标  题

或 者 加 个 引 号


2. 使用图片标题


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


用PPT,可以做出各种各样的标题样式来。最诱人的,就是可以任性地加图片、换字体



注意:直接导出PPT图片的话,上下无效区域会比较多。可以更改PPT的大小,或在截图时只截取有效区域。


3. 使用编辑器标题


虽然外部编辑器各种坑爹,但还是有一些简单的样式,可以为我们所用。

做法也是超简单的,选好样式,出现在右边之后,选择最左边的复制,再粘贴到编辑器就好。



极简标题


酷酷的标题


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


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


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


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


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

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



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

此时,按住Ctrl键。



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


总结


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


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。如发现有害或侵权内容,请点击这里 或 拨打24小时举报电话:4000070609 与我们联系。

    猜你喜欢

    0条评论

    发表

    类似文章 更多
    喜欢该文的人也喜欢 更多