1、排版六要素

一篇完整的公众号排版有六个必要元素:
微信公众号排版-总思路 - 图1
1)引导关注
第一个元素是引导关注。通常打开文章,大家会发现文章的顶部有一行小字。比如“点击蓝字关注……”它能起到引导读者关注的作用。又或者很多公众号会选择放上 Slogan Gif 图,起到强调品牌价值观吸引注意力的作用。
微信公众号排版-总思路 - 图2
2)标题
第二个元素是标题。最常见的就是图标、文字和数字类型的标题,通过标题对文章划分层次,可以帮助读者理解文意。
微信公众号排版-总思路 - 图3
3)正文
第三个元素是正文。正文一篇文章的主体,合理使用正文样式可以突出文章的重点内容,并且起到一定的美化作用。
比如,很多文章开头部分都喜欢放一个正文引用样式,通过摘要或者名人名言等文案,引出下文。又或者文中的对话体,也可以使用引用样式。
微信公众号排版-总思路 - 图4
4)图片
第四个元素是图片。要知道,大段的纯文字读起来是很吃力的,所以我们需要适当插入图片分割文章,给读者创造一个视觉休息区,缓解阅读压力。
另外,选择贴合文意的图片,还能够起到营造良好的阅读氛围,给读者更愉快的体验。并且,当图片较多时使用多图样式整合图片,不仅可以让你在手机“一屏” 内展示更多内容,还能增加设计感。
微信公众号排版-总思路 - 图5
5)分割线
第五个元素是分割线。顾名思义,它的作用是把段落分开。既可以用来分割文字,给读者创造一个视觉休息区,又能拿来做标题样式使用,比如当你的文章是散文形式的时候,可以用它营造呼吸感。
微信公众号排版-总思路 - 图6
6)二维码
第六个元素是二维码。二维码通常出现在文章的底部,引导读者扫码关注,起到增加用户留存的作用。
当然,还有很多二维码样式会附上文案,展示自己的定位和价值观等等,这也是对公众号的一种软性宣传手段。这是非常重要的部分,是一个运营人是否具有品牌意识的体现。
微信公众号排版-总思路 - 图7
了解了排版必备的六要素,就有了一个整体的思路,接下来要做的就是学会用这些“版块”组成一篇完整的排版。
当然,每个元素的细节讲解起来都还需要大量的篇幅,具体使用也因为排版工具的不同而出现差异化。所以这里就不赘述了,感兴趣的同学可以在 135 编辑器公众号检索关键词,学习这些元素的使用技巧。

2、公众号排版常用参数推荐

对排版来说,保证图文易于阅读,是最基础的要求。但实际操作中,经常会遇到字体太大或者太小、颜色过浅或者过于刺眼、图片模糊等各种状况。为了避免这类问题,确保页面中的内容可以被清晰的识别,并且兼顾美观性。这里我会给出公众号排版的常用参数配置,如有雷同,那就对了。
下面我会从文字、图片、风格样式三个方面进行讲解。

1)文字部分应该如何处理?

①字体
“我在编辑器里使用了XX字体,为什么推送过后发现字体并没有生效?”这个问题非常常见。很多人不知道,那是因为微信公众号会把你设置的其他字体、自动恢复为默认字体,无论你选择什么字体,同步到公众号后台都会被“打回原形”
那么你可能会问“既然这样,编辑器里给出那么多字体供挑选,不是多此一举?”答案当然不是啦!其实排版工具里往往都有一个“**文字转为图片”的功能**,你可以选中文字,把它变成图片。
微信公众号排版-总思路 - 图8
比如,推文里有一首诗词,你想使用隶书字体让排版更有“古风”韵味。这里,你就可以通过“转为图片”按钮,将诗词部分文字转为图片。是不是相当简单呢?
另外,字体的使用还需要注意侵权的问题哦!

②字号
字号越小排版越精致,字号越大越容易阅读。在可识别范围内,我们可以根据内容灵活调整字号。
image.gif
正文:公众号正文字号的范围一般在14px~16px之间。

  • 14号,多用于文艺类、时尚类,它的结构紧凑,版面更具精致感。
  • 15号,大小适中,平常应用也多。比如电商排版、活动排版等。
  • 16号,大一点,适合年龄偏大的群体。像党政官媒的号大多数使用16号,就算考虑受众年龄的问题,更加注重文字的易读性。

image.gif微信公众号排版-总思路 - 图11微信公众号排版-总思路 - 图12
标题:字号通常比正文字号大两个字号。想强调它可以加粗、换色。
注释:字号通常比正文字号小两到三个字号。我们经常还会通过换色来弱化它,让它不至于喧宾夺主。

③字间距
字号越小,字间距越大。通常来说:

  • 14号字最佳字间距:1.5~2
  • 15号字最佳字间距:1.5
  • 16号字最佳字间距:1~1.5

image.gif

④行间距
过密、过疏的行间距都会降低阅读体验,建议行间距控制在1.5~2之间。就常见的14号字体来说,推荐1.75倍。
微信公众号排版-总思路 - 图14
⑤段间距
段间距非常简单,无需设置,直接用回车进行空行就可以了。
微信公众号排版-总思路 - 图15
⑥两侧边距
页边距推荐控制在5~15,边距为10最常见,可根据文章调整。由于微信后台自带边距,因此不建议留白太多。
微信公众号排版-总思路 - 图16
⑦对比度
对比度越低,画面越精致;对比度越高,内容就更容易从背景中分离出来,也就越容易被识别。所以正文字色不建议选择纯黑,高对比度容易造成视觉疲劳,相比之下,深灰色相对柔和,对比度更低使排版更加精致。

⑧饱和度
饱和度越高,色彩就越鲜艳。饱和度越低,就越能降低色彩对人的打扰。所以对于需要强调的内容,使用高饱和度的色彩可以更吸引注意力。
image.gif
⑨字色

  • 正文推荐
    • 262626

    • 3f3f3f

    • 595959

  • 注释推荐
    • 7f7f7f(常用)

    • a5a5a5

    • bfbfbf

  • 重点句段文字颜色推荐
    • 可以用加粗、加深或换色的方式进行强调。

微信公众号排版-总思路 - 图18

⑩配色
通常来说,一篇文章字体颜色最好不要超过三种,否则容易产生“混乱”的感觉。
微信公众号排版-总思路 - 图19

2)图片如何处理

  • 图片大小要注意,静态图片5M以内,Gif图2M以内。
  • 图片的风格一致,要与主题统一。
  • 图片尺寸要统一,推荐尺寸:
    • 900*600
    • 600*400
    • 640*400
  • 图片数量要控制,手机一屏内配一张图片为宜。

微信公众号排版-总思路 - 图20
配图三要素:

  • 配图首要还是在于版权!谨记不要侵权。
  • 其次看看你的图片像素如何,是否达到高清的标准?
  • 另外,当图片繁多的时候,要学会用多图样式整合图片,展示更多内容的同时兼顾美观。


    3)合理选定主色调及样式

    怎么样合理选定主色调和样式呢?这里需要遵循四个原则:

  • 主色调要符合主题内容。

  • 重点突出的颜色要统一。
  • 适当运用样式避免杂乱,在精不在多。
  • 样式风格要统一。


    4)封面 / 次条封面

    头条封面图分为两个版本,一种是星标、常读用户将在订阅号消息列表里看到的封面图,尺寸变更为 2.35:1(900383)。另外一种则是其他用户在订阅号消息列表里看到的封面,尺寸变为 1:1(200200)。
    微信公众号排版-总思路 - 图21
    我们在制作封面图时,经常性只考虑到封面图的效果。制作完成后,才发现还要选取封面小图,结果就是文字显示不全,图片变得残缺不全,导致文章打开率不高。
    这里附上一篇135封面攻略,不仅教你解决封面小图内容显示不完整的问题,还能让你实现一篇文章2个封面,头条次条都有牌面!
    微信公众号排版-总思路 - 图22
    尺寸推荐:

  • 封面:900*383

  • 次条封面200*200

四、公众号排版规范手册

我不知道大家有没有发现,运营公众号的新手往往会有这样一种感觉——对于字号、间距、配色的设置还是在凭感觉,公众号排版总会觉得“乱”。这是为什么呢?
要知道,不同的参数设置会带来不同的阅读感受,所以往往为了保证排版的统一性,提高品牌辨识度,我们可以采取制作公众号排版规范手册的方法,来严格规范文章的细节,从而塑造品牌形象,增加读者记忆点。
规范手册包含什么呢?这里附上我在 i 排版看到的规范手册,非常实用。大家可以收藏,下来根据它制定出属于自己公众号的排版规范手册。
简易版排版规范:

  1. 封面
  2. 一级标题、二级标题
  3. 字号与段落
  4. 字间距
  5. 行间距
  6. 主色、辅助色
  7. 配图
  8. 尾部签名

完整版排版规范手册:

  1. 大标题
  2. 摘要
  3. 封面:头条封面(大图、小图模式)、二条封面
  4. 题图
  5. 引导关注
  6. 一级标题、二级标题
  7. 字号:正文字号,引用字号、注释字号
  8. 段落
  9. 字间距
  10. 行间距
  11. 缩进
  12. 主色、辅助色
  13. 配图
  14. 常用样式、模板
  15. 分隔线
  16. 互动话题
  17. 拓展阅读
  18. 尾部签名
  19. 引导原文
  20. 引导在看

image.gif微信公众号排版-总思路 - 图24

五、训练你的排版思维

做是最好的学!开始练习排版过后,要有意识的训练自己的排版思维。
1、排版前养成先阅读文章的习惯。

  • 学会给文章分层。按照读者的阅读逻辑、阅读习惯分层(标题、小标、正文、图说、停顿、段落间隔)。

2、遵循排版四大基本原则:亲密性、对齐、重复、对比。

  • 亲密性:什么是亲密性?就是把关联紧密的“项”编成一“组”,说人话就是学会按照逻辑归类分组。亲密性的原则是指将相关的部分组织在一起,这样一来,有关系的部分被看做一个组,而不是零散的个体,这样也给读者明确的提示,快速掌握页面的内容分布。
  • 对齐:编为一“组”的项,它们都对齐了吗?
  • 重复:新手排版要学会做减法,切忌样式堆砌、花里胡哨。记住,重复构成有一种别样的秩序美!
  • 对比:该突出的强调它,该隐去的弱化它。减轻用户的阅读负担。

3、你的排版六元素都齐全了吗?
4、记得反复预览,调整细节!

总结

排版已经是新媒体人一个必知的课题了,好的排版是提高转化的必杀技!虽然排版只是承载内容的工具,但很多人潜意识里都会有一个概念,“愿意花时间精心制作的东西,不会差到哪里去。”
希望同学们也都能重视起来,掌握基础的排版技能,选择一个排版工具,去熟练的使用它。
今天的分享就到这里啦,最后给大家分享一些资料:

  1. 第一个是我整理的“排版自查表”。一般在排版结束后,我会用它对照检查自己图文是否还存在问题。
  2. 二维码制作课程。第二个是动态二维码的制作课程。
  3. 取色软件。第三个是取色软件,有时候看到喜欢的颜色抓耳挠腮不知道色号,通过这个软件就能轻松获取心仪的颜色代码啦。

微信公众号排版-总思路 - 图25
以上资料大家可以扫码自取哦!