微信公众号的模板网站(微信公众号图文模板网站)

　　作者 | 谢恩铭

　　出处 | 程序员联盟公众号「ProgrammerLeague」

　　排版重要性

　　目前（2017 年 3 月 26 日）全球微信用户数大概有 9 亿左右，微信公众号也有几千万个。如此庞大的市场，吸引很多人投入公众号的运营。

　　我工作中的同桌，一个法国程序员，也在用微信，因为他娶了一个安徽合肥的中国太太。

　　根据腾讯公布的业绩报告，2016 年第四季度，QQ 月活跃账户达到 8.68 亿，比去年同期增长 2%；作为对比，微信和 WeChat 的合并月活跃账户数达到 8.89 亿，比去年同期增长 28%。

　　从月活跃账户数量来看，微信已经超越 QQ，成为腾讯公司乃至中国互联网的第一大服务应用了。这也是微信自 2011 年 1 月 21 日问世以来，第一次在体量上超越 QQ。

　　前不久，世界首富比尔盖茨开通了自己的公众号：「比尔盖茨」，微信号 gatesnotes。我有关注。

　　要做好一个公众号，比较关键的是内容和排版。当然了，比较有钱的公众号靠宣传，线下活动等方式也可以涨很多粉。

　　我觉得：排版的作用首先是能让人记住你的公众号，形成一定个性，提高账号识别度。几个比较有个性的公众号，比如咪蒙，一条，罗辑思维，等等。第二个作用当然就是良好的视觉体验，让用户享受看你的文章。

　　内容是很重要的，排版我个人认为是给内容加分的。

　　一些拥有很多粉丝数的微信公众号，排版也不怎么讲究；但是内容好，就有人看。如果你排版极好，但内容不佳，还是没人看。

　　当然了，如果能做到内容好，排版也好，那就「真真是极好的」。

　　为了不牵扯其他公众号，下面我们可以来对比一下我自己的公众号排版前和排版后的效果：

　　排版前

排版前1

排版前2

　　可以看到，我的公众号在排版前（其实那时也有一定排版），风格比较随意，大红大绿，五颜六色，动图，实在有点看不下去。没有设置页边距，也就是用了默认的 0 页边距。字号和字体颜色均没有设置，都是黑色字体，16 号。黑色比较刺眼。

　　字间距没有设置，是默认的。行间距没有设置，是默认的 1 。感觉文字和段落太紧凑，看起来比较累。

　　排版后

排版后1

排版后2

　　当然，我放出排版后的截图，并不是说我的排版就一定好，我的公众号排版也一直在改进。只不过与排版前相比有一些进步，主要是：

　　1. 排版后，字间距和行间距都有增加，使得看起来没有那么紧密，比较轻松。

　　2. 页边距也有所增加，使得整篇文章不会那么紧贴屏幕左右两边。阅读更舒适。

　　3. 字体颜色比较统一，文章不用多过三种颜色。基本目前是正文 595959，16 号字体。图片描述 a5a5a5，居中，12 号字体。大标题f79646（这个随便大家怎么调，我看很多公众号大标题会用浅蓝色或蓝色，或灰色，等等，也是不错），18 或 20 号字体，加粗。小标题 595959，18 号字体，加粗。

　　我觉得这样的标题也不错：

　　4. 代码高亮，缩进（我截的图没有体现出来，如果是多行代码则更容易体现）。

　　5. 增加了推荐阅读版块。

　　6. 编号：如果是中文，用了小黑方块。而不是像以前统一都用小黑点。

　　7. 注释用灰色背景。

　　8. 主题色是灰色，是比较不费眼睛的颜色。

　　9. 英文和中文之间空一格，数字和中文之间空一格，数字和英文直接空一格，但数字/英文与中文标点之间不空格。

　　10. 把双引号 “” 改成「」或『』。

　　公众号排版资源

　　微信公众号后台自带的编辑器功能实在有限。自带的编辑器不能调整字间距，反正很多格式都不能设置。

　　幸亏现在有不少很优秀的微信公众号排版软件或第三方在线编辑器，已经可以排版出非常高大上的效果。

　　而且第三方编辑器一般只要用几次就很熟悉了，排版完之后拷贝到微信公众号后台编辑器中，是带着格式拷贝过去的。因此之后要在微信公众号后台写新文章，只需要从公众号后台编辑器复制黏贴即可。就不用再通过其他第三方编辑器了。

　　现在排版的资源很多，我推荐几个比较主流的：

　　微信公众号编辑器

135 ：https://www.135editor.com/比较简约的编辑器。有对应公众号。非常强大，模板和样式也很丰富。有「一键排版」功能。不登录即可编辑。注册登录的话可以保存你编辑过的素材，方便重复利用。

秀米：https://xiumi.us秀米注册方便，可以绑定邮箱，微信号，QQ 号，微博，等等。有图文秀（HTML 5 展示页面）和图文排版两种排版格式。有对应公众号。相对于 135 的不登录也可以编辑，秀米必须要登录账号才能编辑，这点比较麻烦。不过注册登录之后可以保存你的素材，有利有弊。

i排版：https://www.ipaiban.com/有对应公众号。有些模板和样式是付费的，这点不如 135 和秀米。和 135 一样，不登录即可编辑。

　　排版，用好这几款绝对够了。

　　我自己一般用 135 和秀米。

微信公众号的模板网站(微信公众号图文模板网站)

　　代码排版软件

　　对于编程相关的公众号来说，代码的排版也是很必要的。因为代码段没有格式和有高亮缩进，完全是天壤之别。

没有排版的代码段

有高亮和缩进的代码段

　　代码排版插件

　　Markdown Here 插件：https://markdown-here.com/

　　目前有 Chrome，Firefox，Safari 的浏览器对应插件，也有 Thurnderbird 这个邮件客户端的插件。。

　　代码排版软件

　　MarkEditor ：https://markeditor.com/app/markeditor

　　免费版和收费版两种。一般其实免费版够用了，但是你也可以用收费版。

　　收费版主要好处是可以直接导出到公众号。

　　公众号排版须知

　　排版没有极限，只有多关注优秀公众号，多研究别人排版，不断优化，不断预览，慢慢形成自己风格的排版。

　　不过有一些须知的点，还是有必要了解的，以防踩雷区：

　　图文标题

　　文章标题分主标题和摘要两部分，摘要也可称为副标题。

　　主标题，要做到博人眼球，言简意赅。摘要，制造悬念，让人忍不住想点开看。可以把别的公众号优秀的标题，都记下来，汇总到在电脑的表哥文档里，不时拿出来参考。

　　注意：对于公众号的文章，标题的效果有三种场景：

推送给用户

转发在朋友圈

发送至好友或群里。

　　不同场景，标题的呈现略有不同，最好分别预览下再发布。

　　封面图

　　单图文封面图尺寸 900 x 500。如果是多图文，那么首图封面图尺寸 900 x 500，次图一律 200 x 200。次图的风格最好保持一致。如下图：

　　封面图要尽量选择清晰、色彩统一的图片。在挑选图片时也要清楚自己的公众号定位，尽量挑选与自己公众号形象一致的图片。

　　排版中图片重要部位尽量居中，因为图文消息在发送时会截取中间区域。不要用动图。

　　作者与签名

　　如果是别人投稿的文章或者转载的文章，需要标注。如果是你自己原创的文章，不标也可以。这部分格式比较多样。

　　图片描述

　　12 号字，颜色 a5a5a5，居中。

　　字号

　　建议大家正文中的字体最好使用 16 号字，最小不要小于 14 号，最大不要超过 18 号。手机屏幕有限，字体太大太小看起来都会不舒服。多分段，太长的段落会泯灭读者继续读下去的动力。一段文字千万不要超过手机一屏的长度。

　　注释，用 16 号或 14 号字。

　　段落标题，用 18 号字。

　　字体

　　可以根据实际需要选择，但是任何时间都不应该忽视辨识度，花哨的字体、斜体、滥用粗体是大忌。

　　用线条和符号，引导视线，领着读者的眼睛，看你想让它看的地方。

　　各种三角符号是个好东西。直角引号比较古典，用「」和『』代替 “ ”，尤其在标题中。

　　微信编辑器中的行距默认是 1.0，但建议行距最好使用 1.5 - 1.75，这样文章看起来不挤。我一般用 1.75。

　　空格

　　英文和中文之间空一格，数字和中文之间空一格，数字和英文直接空一格，但数字/英文与中文标点之间不空格。

　　配色

　　色彩是非常关键的因素。

　　一般来说，正文不要用黑色，因为在移动端看比较刺眼。灰色的视觉友好度高。

　　在正文配色方面，一般使用 595959（十六进制 RGB），a5a5a5 也是比较不错的，相对 595959 淡一些，但是文章里可以这两种颜色配合使用。

　　段落标题颜色 595959，可以用汉字，也可以用数字。段落标题用橙色 f79646 也不错。

　　正文颜色用 3f3f3f 也可以，595959 有人反映偏淡，正文中的重点内容，可以加粗。

　　注释颜色 a5a5a5，记得把注释部分，加入引用框。

　　彩色不是不可以用，但是没有深厚的功力，难以驾驭，一般用彩色来突出重点内容，推荐暗红 c00000、深蓝 0070c0、橙色 f79646。

　　背景色要慎重使用，尤忌大红大紫，如果一定要加背景色，最好用浅色系。

　　文中重点部分可以加“底色”来强调。

　　编号

小黑点适合英文

小方块更适合中文

空心小圆圈适合注释内容

　　列出的条目，或者并列关系的句子，可以用有序或者无序列表区分开，或者用表格。文章中的人名、地名、书名或特殊名词，可以加下划线。

　　对齐

　　正文一般情况下左对齐，除非文字特别少，比如诗歌、广告文案等可以 18 号字正文居中。右对齐用的少，特殊情况下可以试着用。

　　图文排版实战

　　介绍了这么多，我们来实战一下好了。我们使用秀米来做演示，其他的平台操作类似。

　　首先进入秀米的官网，点击登录，如果没有账户，则注册一个用户账号，或者可以绑定一些主流媒体号来登录：

　　我是选择用邮箱注册，然后邮箱登录进去后，点击右上角「账号设置」，

　　进去后，再绑定其他媒体平台（微博，QQ，微信）：

　　登录进秀米首页，我们会看到：

　　可以看到你可以编辑「秀制作」（HTML 5 页面，高大上，一般用于广告或宣传）和「图文排版」（我们一般的公众号图文的排版）。

　　「秀制作」我们就不演示了，就展示一下「图文排版」吧。

　　点击「图文排版」，进入图文汇总页面：

　　可以看到我已经制作过一些图文了，因此它有存档。

　　点击「添加新的 2.0 图文」，会进入正式图文制作页面：

　　可以看到从左到右有好多元素。那么如何快速掌握这些工具的使用呢？贴心的秀米为我们制作了详细图文教程。

　　重新回到刚才那个图文汇总页面，可以找到一个「点此观看图文排版新手引导」：

　　点击之后，会进入一个页面「秀米图文 2.0 新手引导」，

　　阅读一下这个页面，在最下面，会看到「点击此处继续进入基础练习」：

　　点击它，会进入「秀米图文 2.0 基本操作」，

　　学完这页。到最下面会看到「点击此处继续进入进阶练习」：

　　点击它，会进入「秀米图文 2.0 进阶操作」。

　　跟着上面两篇引导实践操作之后，你已经掌握了如何排版出高大上的公众号文章了。

　　不过，我们还是来实际操作一下：

微信公众号的模板网站(微信公众号图文模板网站)

　　首先，我们像上面演示的一样，新建一个图文排版（点击「添加新的 2.0 图文」）：

　　然后，配置一下「全文属性」（那个星形图标）：

　　点击星形图标后，会出现全文属性的配置选项：

　　首先，配置「主题」，可以看到系统给了我们一些默认颜色，如果你需要其他颜色，可以点击右下角的加号，

　　可以看到我把 rgb （r 是 red 的首字母，表示红色；g 是 green 的首字母，表示绿色；b 是 blue 的首字母，表示蓝色。因此这三个就是三元色）的三个值都设置为 89，因为我们之前说过正文的配色常用 595959，但是 59 是十六进制的值，把它转换成十进制就是 89 （5 * 16 + 9 = 89）。

　　插一句题外话，在微信公众号后台的编辑器中可以直接配颜色 595959，因为那里是用十六进制的。如下图：

　　在秀米编辑器中，点击「加入调色板」，你新设置的颜色就被添加到调色板了。

　　接着，你就可以用调色板里刚添加的这个颜色去设置文字或模板的配色了。

　　我们继续配置全文属性，点击「间距」，把几个间距设置如下：

　　可以看到，我设置的几个间距分别是：

行间距：1.7 倍

字间距：1.5 像素

页边距：10 像素

　　当然了，这几个值你可以自己调整，不一定要和我一样。

　　然后，我们在「快速插入正文或粘帖文案到此」这个框中，

　　插入一段我们要编辑的文字，这段文字最好是没有带任何格式的（比如从 Markdown 编辑器拷贝过去的文字）：

　　然后我们再对这段文字进行排版。