今天,@乌素老师将课堂讲稿整理出来,供大家回顾复习,号主提醒:内容很干,全文很长,你要耐心看咯,文末有彩蛋哦~ 公众号图文排版?看这一篇就够了 作者 | 乌素 编辑 | 号主 来源:乌素 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。
2. 字号 个人偏好14号字,显得比较秀气。而文字较密集时,建议选用16号字,看起来会没那么累。 也有一派人喜欢用15号字,直接在编辑器里输入数字即可~
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键。 就切换成带#的十六进制颜色代码啦! 总结 我们今天的分享就到这儿了,简单的总结一下。 |
|