微信公众号的运营实战,如何精美排版

好的排版不但可以提高文章的阅读体验，增加文章的可读性，还可以形成个性化风格，这是从形态上和其他公众号区别的关键。

1.排版工具

微信编辑器只能进行简单的内容排版，如果希望有丰富的样式效果，或者想要提高排版效率，推荐使用第三方微信排版工具。

（1）秀米编辑器

秀米编辑器（xiumi.us）是相对来说容易上手的微信编辑器，它的界面友好清新，推荐新手入门使用。秀米 2.0 版本增加了更多贴心的设计，不仅满足新手需求，而且可以进行自由编辑，满足更多设计需求。

亮点设计：

① 秀米的菜单栏非常简单，只有最常用的功能，界面清新友好，图 5-1 所示的 2.0 版本的菜单栏增加了满足更多自由设计的实用功能。

图 5-1

② 秀米提供的模板质量也不错，可以进行单模板编辑，单击模板自动浮现编辑栏。2.0 版本还增加了“布局排版”功能，可对选中模板进行自由调整，满足设计需要。

③ 秀米可以设计文章被用户分享后的效果，还有“另存图文给用户”发至指定邮箱、“生成长图”等小功能供选择。

④ 秀米的收藏功能针对单模块和整体图文，收藏后可以反复使用，减少重复编辑的次数。

不足之处：

① 秀米的浏览器兼容性较差，使用谷歌浏览器最稳定。如果复制文章到其他浏览器，可能会出现效果无法正常显示的情况。

② 上传图片较麻烦，需添加图片链接。

③ 因为秀米采取的是单模块编辑模式，所以进行整体修改时需要手动更改每个模板。在用秀米进行排版前，最好有一个清晰的排版规划，避免重复修改。

（2）135 编辑器

135 编辑器（135 editor.com ）界面如图 5-2 所示。

图 5-2

亮点设计：

① 模板样式非常丰富，基本的图标样式都有，而且更新的速度非常快。

② 自带“一键排版”功能，适合新手操作，可以对空行、图片、标点进行批量更改。

③ 整体编辑很方便，粘贴后可以进行清除格式、设置行距等操作。

不足之处：

① 每次进去页面都有广告弹出，30 秒后自动关闭。

② 虽然提供很多模板，但是质量参差不齐，需要挑选。模板套用很容易出现问题，修改也较麻烦。

③ 需要付费才能收藏编辑好的图文，外网文字内容导入也是付费用户才可以使用的功能。

（3）i 排版编辑器

i 排版（ ipaiban.com ）的设计和运营都非常用心，是口碑很好的一款微信编辑器，界面如图 5-3 所示。

图 5-3

亮点设计：

① i 排版的界面设计非常文艺范儿，适合简约风格的文章。

② i 排版提供新手运营建议和基础排版教程。

③ i 排版会根据节假日和季节推出特定的模板。

④ i 排版有很多符号和小图标非常简洁有特点，适合形成公众号风格。

⑤ i 排版的编辑菜单还可以插入表格，HTML 源代码编辑也简单易上手。

不足之处：

保存草稿后再编辑进行另存就会直接覆盖原稿，无法收藏已编辑好的文章。

（4）其他微信编辑器推荐

以上这三个排版工具就是目前使用范围较广的。编辑器也可以综合使用，在不同的编辑器中分别挑选出适合自己的样式，在微信后台中组合成完整的模板，以后的图文直接套用即可。

除了这三个，以下一些编辑器也有各自的特色，有兴趣的同学可以自行探究、总结。

易点编辑器：http:// wxedit.yead.net /。

新榜编辑器：http:// edit.newrank.cn /。

96 微信编辑器：http://bj.96 weixin.com /。

小蚂蚁微信编辑器：http:// www.xmyeditor.com /。

2.排版规范

微信排版工具，虽然功能多元、便捷，但是工具毕竟是工具，决定微信排版精美程度的不是使用了哪款工具，而是美感。所以本节我们来看一下排版的规范。

（1）排版基础元素

① 字体

课堂讨论

图 5-4、图 5-5 所示提供了四种不同大小的字体展示效果，你认为哪一种效果更佳？

图 5-4

图 5-5

这四个页面的字体大小依次是 12px，14px，16px，18px。由于太小了看不清，太大了显得粗犷，所以在微信文章排版中，微信后台默认的 16px 就可以，但目前一般最流行的是正文选择 14px，这个字号不会看不清，也显得精致，但最小不低于 12px。

标题要比正文的字号大，一般可以选择 18px，不要超过 20px。

② 行距

课堂讨论

图 5-6、图 5-7 所示提供了四种排版效果，你认为哪一种看起来更舒服？

图 5-6

图 5-7

以上分别展示的是 1.0、1.5、1.75、2 倍行间距的效果。

微信默认的行间距是 1，视觉上会感觉有点拥挤，所以为了更加舒适的视觉效果，使用 1.75 比较好，也有一些公众号会使用 1.5 倍和 2 倍的行间距。用户可以看情况灵活选择。

③ 段距

课堂讨论

图 5-8 所示提供了三种排版效果，你认为哪一种看起来更舒服？

图 5-8

在微信中，由于手机屏幕尺寸较小，和 PC 端以及书本的阅读体验感不一样，所以一般采取首行不缩进的方式，并且使段落之间空一行，阅读体验感最佳。

文章不要大段文字堆砌，要多分段或者用小标题区分，让文章有些呼吸感，这样的阅读体验才会更舒适。

④ 边距

边距指的是文字和屏幕之间的距离，在两侧留白，显得比较精致，视线移动范围减小，读起来更轻松。在图书排版中都会设置文字和纸张的距离，让页面看起来更舒服。在微信后台编辑器里并没有做区分，很多人也忽略了这一点。

课堂讨论

图 5-9 所示提供了三种排版效果，你认为哪一种看起来更舒服？

图 5-9

图 5-9 展示的是边距分别为 0、0.5、1.0 倍的文章显示效果。所以，为了更好的阅读体验，可以设置调节边距数据。在 i 排版微信编辑器中可以用“缩进”选项进行设置，一般设置的值可选择 0.5 或 1.0。

⑤ 颜色

颜色默认是黑色，但是纯黑色在手机屏幕上显示时会觉得刺眼，相较之下灰色就柔和多了，所以一般推荐以下几个灰色系的色号：3f3f3f、595959、888888，如图 5-10 所示。

图 5-10

其中颜色最深为 3f3f3f，最浅为 595959。

排版的第一要领是简洁，全文的颜色最好不超过 3 种，否则看起来很混乱。

如果是企业品牌类的微信号，配色可以接近公司的 LOGO 颜色，其他颜色可以选取与之临近的颜色。

那如何截取 LOGO 的色号值呢？可以通过 QQ 打开的情况下的截屏状态，在截屏过程中，鼠标移动到你想选取的颜色，右下方就会出现相应的 RGB 值，如图 5-11 所示。

图 5-11

⑥ 篇幅

文章的文字建议不超过 2 000 个字，篇幅较长读者会看不下去，且中间最好搭配相关图片缓解纯文字阅读的疲劳。

（2）排版的四大原则

课堂讨论

很多设计专业的同学，即使没有学过微信排版，也可以在第一次上手的时候排得很精美，甚至一些 PPT 做得好的同学也可以很快排出专业的微信排版，这是为什么？

以上讨论结果更加验证了之前说到的一个结论，排版的好坏，不是看使用了哪一款编辑器，而是排版者的美感。有平面、PPT 设计背景的同学正是因为在大量学习中积累了对于美感的直觉，不管更换了什么样的排版场景和工具，美感的原则都是一样的。

微信排版本质上也是平面设计中的一个排版场景，所以也就脱离不开设计的基本原则，只要掌握了基本原则，注意了细节，就可以排出精美的版面。我们用设计中的“对齐”“对比”“重复”“统一”四个原则来看一下排版规范。

① 对齐

只有对齐了才能够看起来很整齐，文章默认是左对齐，如果文章较短字数较少，可以使用居中对齐。当然，也可以居中、居左混着用。极少数文章，如诗歌、散文类会使用居右对齐，如图 5-12 所示。

图 5-12

② 对比

微信排版中的对比，一般是标题和正文内容的对比，重点内容和正文内容的对比。标题的强调，可以在各第三方编辑器中选择合适的标题样式进行排版。以 i 排版为例，如图 5-13 所示。

图 5-13

图 5-14 所示是部分公众号引用举例。

如果你想自己设计标题样式，可以在软件中设计好，另存为图片，再插入文章里。

重点内容及重点文字的强调，一般可以对文字进行加粗、加大字号、改变字体颜色、引用或者改变背景色等设置。

需要注意的是，如果标题已经使用了颜色，在正文中表示强调的时候可以直接加粗或者颜色与主题色一致，这样会让界面显得清爽，如图 5-15 所示。

图 5-14

图 5-15

③ 重复

坚信少就是美的原则，文章排版使用的样式求精不求多，太多样式的混合使用只会让读者更看不下去，如图 5-16 所示。

公众号排版最好能够有几个固定样式的排版，这样便于形成公众号的风格。当文章被别人转载的时候，哪怕没有注明出处，文章的排版风格还是具有一定辨识度的。

如图 5-17 所示，馒头商学院标题颜色与 LOGO 保持一致，小标题的图标是馒头商学院的 LOGO 标志。

图 5-16

图 5-17

④ 统一

微信文章排版的统一是由以下每个小细节的统一组成的。

·每段文字正文字号大小、标题字号大小要统一；

·每个小标题的样式和颜色要统一；

·标题对齐方式、正文对齐方式要统一；

·每一张插入的图片和段落之间的距离要统一。

公众号排版的统一是由每一篇文章排版的统一组成的。

·每篇文章选图风格统一；

·每篇文章使用排版样式选择统一；

·每篇文章开头、结尾样式统一。

（3）常见排版场景

① 封面图

微信后台规定，头图的比例是 900×500、次图的比例是 200×200。图 5-18 所示是用 i 排版做的一张示意图。

图 5-18

所以我们在挑选图片的时候，要尽量符合这两个比例。不然的话就可能出现图 5-19 所示的情况。

图 5-19

课堂讨论

你认为图文推送的封面图做成图 5-20 所示的这种形式，有何好处？

A.更引人注目

B.主题更突出

C.一目了然

D.让栏目名称重复形成品牌

图 5-20

除了以上几条所说，更重要的是头条的封面图要考虑分享到朋友圈以后的显示情况，朋友圈的缩略图只显示封面图正中方形区域，因此要让图片的主要信息在集中在正中方形区域，如图 5-21 所示。

图 5-21

这对于朋友圈中的扩散传播是很有好处的，如图 5-22 所示。

图 5-22

要提醒一下，虽然形式不必一定是四个字或者一个框，但要有注重中心正方形区域的设计意识，如图 5-23 所示。

图 5-23

② 引用

文章内容会涉及名句或者经典句、诗词等的引用，要与正文进行区分，一般可以借助微信自带编辑器的“引用”格式或者第三方编辑器的引用样式实现，如图 5-24 所示。

图 5-24

另外，个别一句话的引用采用直角引号会比较古典、直观，用「」和『』代替 “ ”，这尤其适合用在标题中。

对比一下图 5-25 中这两个标题，哪一个看起来更清晰？

图 5-25

③ 人物介绍

人物介绍使用较多的场合是微信图文中对预告活动进行嘉宾介绍或者对作者进行介绍，在第三方编辑器中也有很多的模板可以套用，一般由人物图片 + 文字介绍组成。

人物图片尽可能选择背景干净、清晰度高的。文字介绍要简洁有力。用模板可以做出图 5-26 所示的效果。

图 5-26

但是可能你也会好奇图 5-27 所示的效果是如何实现的。

图 5-27

这种不是模板实现的，而是用 PPT 等软件进行设计，生成图片上传到后台的。所以做文章的编辑要会的不仅仅是排版，而是从排版、修图到内容的全过程。

④ 指引

文章中的配图最好能够配有说明文字，这样会有指向性，如使用类似 ▼、▲ 的指向性符号，或者用 10px、12px 的文字在图片下方做出说明，指明出处等，如图 5-28 所示。

图 5-28

所以用线条和符号引导视线，可以让文章的阅读体验感更舒适，这些符号在 i 排版中可以找到，一些输入法软件的符号中也有，如以下三角符号是使用频率比较高的。

▷ ◁ ▶ ◀ △▽▲▼

其他还有一些备用符号：

↑↓←→↔↖↘↗↙ 等各种方向的箭头可以引导视线

☛ 是单击

ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫ 这些罗马数字比较优雅复古

这些符号在搜狗输入法的“特殊符号”中全部都有，输入很便捷。

⑤ 二维码

公众号被推荐或者文章底部求关注的时候一般都会放上二维码，那什么大小规格的二维码比较合适呢？

在一般的文章中，二维码过大会看着不美观，而二维码缩小后还有可能导致扫不出来。所以需要自己重新处理，按照 43 像素的整数倍缩放。

以二维码边长 8cm 为例，下载像素为 258×258，通过计算机自带工具“画图”打开可直接更改像素大小，步骤如图 5-29～ 图 5-32 所示。

图 5-29

图 5-30

图 5-31

图 5-32

配合二维码的必要文字信息摆放时可遵循上下或左右的原则，所占面积不要太大，文字的内容也不要比二维码大，显得结尾不够简洁，如图 5-33 所示。

图 5-33

如果我们想在文章内容中插入链接又不被允许怎么办呢？

在公众号没有拿到原创功能之前，是没有超链接功能的，而且就算有原创功能，具备的也是内部链接，只能链接该公众号之前发布过的文章。

所以一般情况下都选择“阅读原文”作为外部链接的入口，但如果一篇文章有多处链接怎么办呢？

只能转化成文本格式，让用户自己通过复制再粘贴到浏览器中，但是这样的转化率又大大降低。

所以这个时候最佳的方式就是将链接转制成二维码，如图 5-34 所示。

图 5-34

不论是分享公众号名片还是在一篇文章中需要外链跳转，都可以将二维码作为中间桥梁，用户只需“长按二维码”即可跳转。

如何将地址链接转制成二维码呢？

最常用的是草料二维码生成器（http://cli.im/），输入所要的内容即可一键生成二维码，如图 5-35 所示。

图 5-35

但这个时候会发现所生成的二维码看起来非常密集，不美观也不容易扫码。

这是网址过长的原因，其实网址过长带来的结果不仅是生成的二维码密集，平时给朋友发文章、活动等链接的时候，也会直接霸占整个屏幕，体验感非常差。

这时可以用最常用的是百度短网址（http://dwz.cn/）和新浪短网址（http://sina.lt/）。

如图 5-36 所示，以百度短网址为例。

图 5-36

再用生成的短网址就可以制作简单的二维码了。

3.建素材库

（1）为什么要建立自己的素材库

一篇微信文章的组成素材有文字、图片、音频、视频。在编辑微信图文的时候，大家可能习惯了临时写段子、找配图、找背景音乐和视频。但是，这样每次找素材的时候浪费很多时间。此时，如果平时建立了自己的素材库就可以节约大量的时间。

课堂讨论

你平时写论文、做 PPT、画图的时候是不是经常有很多资料或素材？对于使用频率比较高的素材和资料你是怎么处理的？

有一个自己的素材库有什么好处呢？关键就是便捷。

① 查找素材快，对于重复使用的素材，归整到素材库中，使用时直接调取即可，方便快捷。

② 寻找灵感快，在无素材可用时，浏览素材库可以有方向性地获得灵感。

③ 形成风格快，有意识地积累类似风格的素材用在公众号中，可以快速建立公众号的风格，提高公众号的辨识度。

（2）素材的分类与整理

通常，人们所积累的素材分为三种。

第一种是常用素材库，这个素材库里面通常是无需再进行设计或者改编的材料，重复使用频率高，包括常用图片（头图、二维码、表情、动图等）及文字（开头、结尾语等）。

第二种是二次加工素材库，指从其他网站或者文章中积累的需要加工才可以使用的素材。例如，图片需要经过裁剪、添加文字等处理才能使用，或者好的表情、动图需要重新拼接，音乐、视频需要剪辑等。这些不能直接使用需要经过处理的素材可以按照文字、图片、音频、视频等分类整理。

第三种是灵感素材库。这一类素材一般具有启发性和可模仿性。例如，好的文章标题、好的引导语设置、好的排版样式等可以模仿改写，好的句子或者故事、热点文章可以启发引用或者创作文章。

素材库建在哪里？

首先想到的就是计算机的某个硬盘，这当然是一个不错的选择。但是，也可以充分利用云盘，这样更换设备时就可以直接从云端取用素材，如百度云盘、360 网盘、微盘、印象笔记、有道云笔记等，都可以使用。

素材库还可以建在微信后台，特别是常用素材库，如图片等，可以在微信后台的图片素材库里建立常用图片分组，这样无需每次上传图片就可以直接从素材库插入图片。

那么一个素材要如何整理入库呢？

第一步，分析确认是哪一种类型的素材。

第二步，整理相应的素材库中。一般素材库可以按照文字、图片、音频、视频等大类区分，文字类可细分标题、正文、引导语等，图片可分为配图、gif 动图、表情包等。

（3）常见的素材搜集网站

这里需提前提醒的是，如图片、文字等素材涉及版权的，要注意其使用说明。

① 高清图片搜集

· Librestock （http:// librestock.com /）

这是一个国外无版权免费的图片网站，需要用英文关键词进行搜索。

·花瓣网 （http:// huaban.com /）

花瓣网是一个优质图片灵感库，这里有各式各样的图片，大家可以直接保存或者收藏，还能通过花瓣中的超链接找到更多类似主题图片，非常实用。

·站酷 （http:// www.zcool.com.cn /）

站酷作为一个设计师互动平台，聚集了很多专业设计师、插画师、摄影师、艺术院校师生等设计创意群体，非常活跃，但是这上面的图片和作品都是属于原创作者的，大家可以浏览，如果要使用的话，还需要遵照平台规则及经过作者本人的许可。

·全景网 （http:// www.quanjing.com /）

全景网是一个图片商城，虽然收费，但是提供的图片小样可以满足设计需求。同时图片下方还有一个功能“相似图片”，利用此功能可以把相似的图片检索出来，提高了搜图的效率。

② Gif 图搜集

·Giphy （ www.giphy.com ）

Gif 材料非常全面，但是需要用英文关键词进行搜索。

·堆糖网 （http:// www.duitang.com /）

可用中文关键词搜索，初学者简单易上手。

还有很多 gif 网站，如 GIF 酷（http:// www.gifcool.com /）、狐图网（http:// www.giffox.com /）、 Golden Wolf （http:// goldenwolf.tv /）、 Rafael-varona （http:// www.rafael-varona.com /）等，不再一一列举。

③ 内容搜集

内容搜集常用的网站有：搜狗微信搜索（http:// weixin.sogou.com /）、新榜（http:// www.newrank.cn /）。

以上两个网站会提供微信热搜文章，也会有热点推荐，在根据热点写文章时可以通过搜索借鉴其他公众号。

同时文字类素材还可以去微博、简书、豆瓣等网站搜索。新闻热点可以通过今日头条、网易新闻等进行搜索查看。

（4）常见的素材制作工具

微信官方对原创的保护力度越来越大，作为微信编辑，对素材的使用也应该尊重版权，要合理地使用图片素材，有些图片完全免费，有些图片使用时需要标注来源，有些网站的图片是允许个人和非商业使用的，你只需要遵循相关的协议使用即可。

为了规避风险，寻找素材不如创造素材，如拍摄素材是创造素材的一个好方法，自己拍摄的图片无需担心版权问题，现在的图片后期 App 很强大，用手机就可以完成精美图片拍摄。

下面推荐几款微信编辑经常使用的创造素材的工具。

① PPT

PPT 可以应对常见的图片处理设计，可替代 Photoshop 软件，降低设计使用的难度。特别是使用美化大师等 PPT 插件后，使得长图拼接、生成图片等更为便捷。

② 画图

画图功能是计算机系统自带的功能，可以通过选择图片打开方式打开。画图可以用于简单的更改图片像素、比例等操作，不需要下载更专业的软件处理。

③ 美图秀秀

美图秀秀除了下载外，还可以在线使用，替代简单的 Photoshop 软件操作，对图片进行简单的美化都可以实现。其操作简便，非常省时便捷，技术难度低。

④ 创客贴

这是一款简单易用的线上图形设计工具，该工具的平台上提供了丰富的图片、模板等素材，通过简单的拖曳操作就可以轻松设计出精美的海报、PPT、邀请函、信息图和名片等各类图片，解决了大多数人设计图片的问题，让不会使用专业制图软件的运营人员也能快速制作出自己想要的图片。你可以将作品直接分享给他人，也可以将作品导出为 PNG、PDF 等格式的文件。

⑤ ScreenToGif

这是一款免费、小巧、实用的 gif 动画录制软件，找不到想要的 gif 动图时，可以通过这个软件对素材进行处理。

⑥ GifCam

GifCam 是一款集录制和剪辑于一体的 gif 动画制作工具，录制后的动画可以逐帧编辑，使用非常简单。例如，想要将某一小段视频录制成 gif 图片，只需将其窗口的“取景框”拖放到视频播放的区域，然后按下录制按钮即可开始录制。

实战训练

选一篇自己写的文章，将其进行精美的微信排版，请同学和老师做点评。