微互动 | 微信运营交流群
群分享Vol.15
分享嘉宾：唐三藏
发起者：唐三藏 | 微互动
“今天由师父唐三藏给大家分享一些非常非常基础的微信排版技巧。本次分享没有太特别、惊艳的技巧，说的都是我们已知，但有可能被忽略的小细节。就像练功夫，扎马步这种基本功起来不起眼，但是练好了，也能成为高手。”
先交待一下分享的背景：
微信公众平台自2012年8月开通以来已经有超过900万个账号，随着公共账号的数量增多，读者对于账号的质量也要求越高。据统计，平均每人每天阅读的公众账号文章大约为5—8篇，良好的阅读体验也成为提高用户阅读和转发量的重要因素。与传统的PC或纸媒有所不同，移动端的阅读体验有着不同的标准。
通过与广大的运营者、读者交流，小黄人团队总结出微信排版的一些常见标准分享给大家，希望有助于您的图文排版。
一标题篇
分图文标题，还有文章内的标题两部分：
图文标题
?图文标题是提高用户阅读欲望的首要动力，标题越简洁，越能快速被用户解读，并转化为文章的阅读。
我们都知道订阅号是被折叠起来的，折叠后能显示的文字非常有限，给大家看一组图。
看上面的的标题，如果公众号名字本身就很长，很可能在订阅号折叠页是没办法直接了解文章想要表达的意思，影响了打开的动力。（@霍世杰 | 万能的大叔 中枪了）
?需要强调的是，标题字数要尽量控制在约13个字以内，因为在多图文中，标题会在封面图片上方带黑色遮罩，超出13字换行会严重遮挡封面图。同时，过长的标题也会加大读者对标题的理解难度。
依然用一组图来说明，再直观不过了：
【标题为“一行”文字时】
【标题为“两行”文字时】
当标题一行或两行时，封面内容还能看清楚，如果，只是如果，你的标题很长，那么就会变成这个样子：
【标题为“N行”文字时】
?标题中不要添加过多的装饰符号，可以添加“【】”来凸显关键字，如果有栏目名称，可以考虑在栏目名和标题中间添加“ | ”（竖线）。
看，这样看起来还算可以吧，但是我们经常也会看到不少账号在标题里加了许多奇怪的符号，或者emoji表情，此时再谈文章的逼格就太难咯。
添加“【】”凸出文字
【添加“ | ”分隔标题】
【如果在标题中加入过多的符号，整个感觉就是怪怪的】
正文小标题
?小标题要尽量醒目并与正文在距离和大小上区分开来，一般区分方法有：
加大行间距区隔，一般在小标题和正文之间空一行；
改变小标题字体颜色；
改变小标题字号大小；
另外，如果小标题过长，可以将小标题断句折成两行分为主副标题。
可以改变小标题的文字大小与颜色。当然也可以使用编辑器里的标题样式，但一定不要用得太多，让文章看起来很花，有时候只需要改一下文字大小就能突出，读者能领会你要表达的意思的。
【改变小标题的文字大小与颜色】
如果小标题过长，折成两行，分主副标题。我们非常不建议使用过长的标题，一来难理解，二来不好看，尤其是手机的屏幕是狭长的，简短明快才是关键。
【小标题过长，折成两行，分主副标题】
总结：标题是引起读者阅读兴趣的开始，简明扼要的标题能迅速吸引读者的注意，也能帮助用户快速找到文章的结构以及重点。需要注意的是文章标题尽量控制字数，简短醒目、易理解的标题往往更受读者的青睐。
至于标题怎么起吸引人，我们以后可以专门写篇文章来讲述，管叔还有一款神奇的工具可以判断出一个标题的分值，什么样的标题能火都是可以计算出来的，不知道他们有没有开发完，以后出来了给大家分享一下。
二图片篇
一篇优秀的文章离不开优秀的配图，好的配图也会给文章增加吸引力。微信中的图片一般包括，头图封面、小图封面、以及文章正文中的配图。这三种图片又各有不同，接下来给大家介绍一下每种图片的特点与挑选方法。
封面图
?一张好的封面图可以更有效的引起读者的阅读欲望，并转化为内容阅读，同时也能体现出作者的审美品味。在挑选封面图的时候也有尺寸、内容等要求，可以添加有特色的元素让自己的封面别具一格。下文就一一来介绍挑选封面图的方法与技巧。
【封面图尺寸900x500次图200x200】
【封面图尺寸900x500 次图200x200】这个尺寸一定要牢记，相应位置配图的时候严格按照这个来做图，可以保证出来的效果最佳的，经常会看到头图选了方形的，把脑袋给切了去。 小图选了宽图，全部变形了。
?封面图要尽量选择干净、色彩统一的图片。如果有能力可以在封面图上添加有自己品牌特色的小图案来增强帐号的归属感，在挑选图片时也要清楚自己的品牌定位，尽量挑选与自己品牌形象相一致的图片。而且最好对图片进行一定的加工，突出文章的主题，也能通过图片来看出编辑者的用心程度。
下面看一组图片吧：
【圆形】
【矩形】
【三角形】
【不规则形】
说完单图文的封面，来看看多图文的封面有什么可玩的：
?多图文的配图，整体风格要保持和谐一致，如果还能巧妙突显账号的品牌风格，那就更好了。这方面3W互联网深度精选、拉勾网、Pingwest等账号都做得不错，电商们的账号经常也拿封面来做公关活动，光看这个也会觉得特别有意思。
?另外，封面图片的主要内容要尽量居中，因为在读者分享到朋友圈的时候，微信后台会自动截取封面图居中的正方形内容，这样才保证图片的精彩内容更容易被读者看到。
以师父昨天分享的《（小黄人内部）职场必备：商务邮件礼仪》封面为例：
【信息居中的封面图】
【转发朋友圈示例】
光看封面觉得也没什么，但是分享到朋友圈的时候优势就明显了，位于正中央的图片会成为朋友圈图文封面的正中心。试想如果封面是一个商务人士，很可能分享过去的就是半边身子的人了。
正文配图
?文章中的图片在挑选时要尽量选择与文章内容相近的图片。在挑选这些图片时也要注意图片内容、色彩冷暖的一致性。并且正文图片一定要与文章封面图相呼应。
【文章封面图】
【文章内容图片】
【文章内容图片】
图片看似无意，但实际在文章中扮演的角色是非常重要的。好的图片可以为文章增色不少。但是图片的选择种类也是花样繁多，这里只介绍基本的选择方法，如果你艺高人胆大，有好的创意，欢迎你与我们随时交流。
三正文篇
?文章正文的字号最好在14—18px之间，以16px最为合适，文章篇幅较长，字体可以稍大一些（16-18px）。比较偏“文艺范”的文章字体可以适当稍小一些（12-14px），显的文章更精致一些。
这个部分我们有三种字体的截图比较，请看下图：
大家看到觉得20号字体还不错，可以实际换到图文里看一下，其实14-16号字是比较舒服的。至于行间距，1.0行确实有点挤，好在图文不像报纸还要计算版本，怎么舒服怎么来。我们观察的结果是1.5-1.75倍的行距看起来会比较舒服。
?移动端的文章均无需首行缩进。传统印刷以及PC端屏幕较大，较宽，为了方便识别出文章的开端，首行默认缩进2个字。而在移动端，由于屏幕比较狭长，首行缩进没有必要，而且会使段落看起来不整齐。
这一点许多人都提及过，和菜头，小道消息都专门说过此事，所以微信排版完全没必要首行缩进。
如果确实想在段落开头着重强调一下，可以使用首字下沉，这是传统平面媒体积累下的非常有效的办法，可以借鉴。这个功能i排版（www.ipaiban.com）也是提供的。
?正文一段不要超过一屏，这样会加大读者阅读压力。可以在文章段落开头添加小符号或者文字下沉让文章更加美观。
【首字下沉】
在文章长度方面，我们不鼓励大家在移动端读太长的文章，一般文章到1500字左右就差不多了。而且正文一段内容最好不要超过一屏，这样会加大读者阅读压力。可以在文章段落开头添加小符号或者文字下沉让文章更加美观。
?正文段落之间最好空一行，让文章的节奏感更明显一些，也让看完一段的眼睛休息一下，有利于让读者坚持把文章看完。
?许多童鞋还问过为什么不推荐一下字体呢？由于微信图文不支持字体的设定，在此，我们也不做推荐。相应的，i排版里也不提供字体选项，把不用的功能全部删除掉。
总结
正文字号建议为14-18px；
行间距建议为1.5-1.75倍；
强调文字可以改变字体颜色或背景，也可添加适当的排版样式；
正文段落尽量不超过一屏，多分段；
段落之间最好空一行，让眼睛休息；
首行无需缩进。
“问答环节”问题1
Q:
文章中有没有显示封面图？
A：
主要看图与内容的关系程度大不大，一般情况下是不建议放的，最好让读者一打开文章就是正文，图片已经在封面里看过了，就没必要开门见山再来一次。
所以我的建议是，不要显示在正文当中。
问题2
Q:
篇幅较长的文章怎么排版更易读？
A：
有机构做过统计，抓取了10万个左右账号的数百万篇文章，发现平均每篇文章的长度大概是800多字，所以可见大多数文章并不在于长。我们一般建议文章长度在5屏左右就可以了，大概是800-1000字，如果太长确实没有耐心读下去。
要是实在很长怎么办，多分小标题，多用1234，再插几张不错的图片，这样用户就能不知不觉读下去。要是每段都长篇大论，转化率肯定不会太好。
问题3
Q:
行业类评论文章如何通过版式设计引发读者互动？
A：
行业评论大家最关注的就是谁在评论，还有评论的什么。
针对这个特点，可以使用一些对话的类的版式，或者是带有标题的卡片样式，让每个观点与其发表人鲜明分离开来，每个段落就是一个观点。如果有两种针锋相对的观点，可以使用撞色的版式来表达，就能让读者清晰感受到。
师父现做了张图来示意一下，用这两天大家热议的Uber被封事件：
问题4
问题4
Q:
版时图片是直接上传好，还是用那种比较复杂的图文混合好？
A：
这个见仁见智吧，大家时间一般也不充裕，所以大多情况下直接上传就好。如果是企业或者是比较重要的策划，可以对图片进行一些美化。
图文混排有一定的好处，可以把文字和图片结合到一起，突出图片主题。但是特别不建议那种左右混排的图片格式哈，本来屏幕就有点小，左右排可能图片里的信息看不太清楚。
问题5
Q:
都有什么好的图片图片素材库推荐呢？
A：
这类的分享其实蛮多了，昵图、千图网、百度图片都可以，我个人比较喜欢的网站是全景网quanjing.com，图片质量相当高，多大尺寸都有，可以买来制作大型印刷物，不过以上图库都有版权的问题，再推荐一家国外的网站Unsplash.com里面的图片都是免费版权的。
我们内部也在重点考虑图片的问题，现有的HTML代码下想把图片处理好确实比较麻烦，所以我们打算采用另外一种方式来做，这个功能还在开发中，出来以后找大家体验一下哈。
标题6
Q:
有没有常用的微信排版案例（其实这个可以作为i排版的一个杀手级功能，相当于模版）。
A：
这个功能确实可以有，其实i排版（ipaiban.com）现在的草稿箱、签名功能就可以实现这个功能，把你喜欢的模板保存起来，下次用的时候直接替换文字和图片即可。工具是死的，人是活的，活学活用。
i排版今后会给大家提供大量的排版模板，让大家编辑起来更加方便顺手。也欢迎大家提供模板和思路，大家一起来完善它。
声明本期活动是由 微互动（wihudong）组织发起，分享人唐三藏（yourshifu），未经许可请勿随意转载，转载请留言，获得授权后转载。