微信排版进阶完全指南(2017版)

排版

效率

整合

好了，开始

ˇ

< 开始废话 >

这段是面向南大的同学的。

2014年大一入学，我加入了校学生会的新闻部。当时的人人网余温尚存，微信平台刚刚兴起，对于微信的“排版”这种事情，大家是没概念的，所做的只是将人人已经发布的内容简单复制粘贴过来而已。

几个月后开始接触到了可以添加样式的编辑工具，逐渐听说了秀米这个网站，发现校内的一些大号已经在用它们进行编辑了。不过当时编辑器里提供的样式也很初级，其中以秀米黄的大色块为代表，大家做出今天看来不忍直视的内容， 当时竟然还互相觉得做得很漂亮。

对我自己而言，这样的日子持续到了2015年末。后来逐步注意到了排版与美观这件事，便逐渐开始研究。更因为从2016上半年开始，文章内容受到的管制愈发严重，只有做出的样式没有人要改来改去屏蔽敏感词，便成了自己的最后一块净土，逐渐在此方面有所心得。

也是那段时间前后，微信公众号整体迅速发展，有做的优秀的社会上的公众号作为范例，校内公众号的整体排版水平也得以提升。

按照往年的惯例，校会之类的学生组织是很吃亏的——大一的萌新在一个多学期的微信排版工作后，终于有所心得，这时候也差不多要退部了。这时候或者跳槽到其他组织发光发热，或者留部，匆忙上阵培养下一批萌新。这样的学生组织倒成了人才培养基地了。

不过随着优秀的公众号排版越来越多，大家的审美整体水平也随之提高，现在接触到的17级同学，很多一开始就能做出不错的内容来了。因此自己希望能把这篇教程写的更细致到位一些，以期大家的快速成长，而不必再遇到上一段所说的尴尬局面。

< 提升目标 >

先想一想你平时看见的海报：对于漂亮的海报，你不一定能立刻说出它出众的点——总之是整体和谐，给人感觉不错；不过若是一个辣眼睛的海报，大家对它丑的方面一般可以迅速取得一致——辣眼睛的配色，XP时代的3D字体……诸如此类。

因此，如果你期待这篇文章可以告诉你如何做出有设计感的，出众的排版，那么现在就可以关掉了。我主要做的，是告诉大家如何避免会导致文章很丑的点。避免了这些，至少整体看起来，不会让人觉得不舒服。

< 心态调整 >

所谓心态调整，指的是“把自己的格调定高一些”。如果只是怀着“把来的稿子随便做一做，美编一下”的心态，断然是难以出现优秀的作品的。

只有在心中假装自己是“设计师”（纵然我们差的远了），把一篇内容的排版看做自己的作品之一，犹如画作之于画家，雕塑之于雕刻家，精益求精的打磨追求，才会做的精致巧妙。

< 工具选取 >

按往常的话，主要用的是秀米和135，最近一个叫“壹伴”的小工具也很火，试了一下的确很方便。

• 秀米：用好了的话，可以做出很小资/小清新的排版，但是用不好容易做出大卡片堆叠的图文。

• 135：基本上功能最全，可编辑性最强。不过因为可编辑性强，用不好也容易出bug，没有经验的话不容易解决。

• 壹伴：因为是添加到公众号后台的插件，的确非常方便，永久预览/一键采集什么的都是排版网站做不到的。编辑功能也还不错，如果常用样式不多直接收藏起来，也完全够用了。

我个人还是用135习惯了，毕竟可以直接改全文代码，需要用到秀米样式再在秀米编辑后拷进135统一处理。不过壹伴建议都装一个，很多提高效率的功能都是可取的。

< 风格把控 >

在讨论具体的，美化文章的技巧之前，请先让我们站在一定的高度上审视这件事——在画一幅画前，我们一定在心中对于整体已经有了一定的轮廓，对于绘画的风格也有了基本的判断，排版亦是如此，想到哪里做到哪里，是难以实现整体效果的。

>确定全文风格

我要做出小清新的，还是逗比的效果？对于魔性搞笑的文章，采取冷淡的色调样式是否可取？

与其他设计品不同的是，微信由于屏幕滑动的原因，不能时刻看到整体效果，而只能关注当前屏幕的状态——这就导致很多人排版前后画风突变，一篇文章看着像三篇。

一旦风格确定了，在色彩，样式上都应寻求和谐统一，这样算的上是“一”篇文章。

>从读者角度出发

排版的目标，是为了吸引读者阅读，是为了文章内容服务而存在的。有时候采取过于浮夸的样式（比如非常窄的大量文字），虽然在视觉效果上也许可取，但在易读性上来说也许就是一场灾难。这也是我不提倡在文章中使用过多卖萌语气与谐音文字的原因，因为认真阅读起来的确会令人疲惫。

其实避免这个问题也很简单——将你排版后的作品，认真的阅读一遍，如果你自己都觉得不容易读下去，那更不要指望读者来买单了。

>寻求平衡点

如上所述，在排版与阅读之前，存在着一个和谐的平衡点，尽量不要让天平倾向任何一方。不进行排版自然不用说，如果过度排版的话，也会使一些文章难以阅读。

你也许见过JZ炫酷的代码动效排版，比如：比特币·诗

但是在长文中增加这么多效果的话，你能想象到读起来的感觉吧？

>实现内心转化

微信后台很让人难受的一点，就是电脑端和手机端完全是两个样子。段落在手机上会变窄变长，本来居中的东西会变成两行，于是乎非常之丑，这就要求编辑者有一定的经验与预判了。即便是没有，做好了之后发手机一份预览看一下，把问题再改掉。

↑↑↑ 手机端效果

< 细节雕琢 >

好的排版既能引导读者阅读，使之舒适，又能使读者相信这篇文章乃是“精心雕琢”而成，使其对内容抱有期待。试想：如果你看见一个排版不堪入目，，你愿意相信内容会精细可信吗？

>外围的准备

外围包括标题、题图和摘要，这里标题暂且不论，先说题图。

有人终于用了好久做了不错的排版，累得不行，准备发的时候便随便选了个图，结果又糊又丑，让大家根本不想点进去看。

题图一定要清晰，这是最基本的要求。如果能做出系列样式，形成自身风格当然就更好了。这里参考各种社会大号。同时，如果预见到会有很多人转发，还要考虑到题图剪裁成正方形后的转发效果。

封面

转发效果

至于摘要，如果是单图文的话也可以进行文字排版，也可以搭配小符号。关于小符号可以参考下文。接下来是正文美化的核心部分。

>杜绝浮夸样式

在排版工具刚推出的时候，样式库中基本都是大色块背景的卡片。随着越来越多更美观的新样式的推出，这些卡片逐渐少有人用，但仍然在编辑器中保留了下来。考虑现在微信整体简洁的风格，不推荐使用这些大色块卡片，除非已经能熟练驾驭，并作出不错的搭配。

>正文氛围的营造

微信正文的格式会改变其带给读者的整体感觉。这一点在上半年便有过例证：

• 16号纯黑色字：这是微信默认大小，采用这种的一般是并没有进行排版的公众号，抑或面向中老年的微信号，字大看得清。

• 14号纯黑色字：一般用于长文，深度/认真的文章。比如人物采访/时事评论/学术内容等。

• 14号深灰色字：偏小清新的文章，或者深度文章（灰色黑色使用有交叉）。

如果用的字号小于等于14，个人建议纯黑深灰均可。若希望画风偏软，不给读者带来任何压力，则使用深灰色。

>颜色/阴影的选取与搭配

强调色一般是有规律的，最Low的营销号喜欢醒目的加粗黄底大红字，深度抨击的文章喜欢用冷淡醒目的深红或者是深蓝。小清新的文章喜欢加上充满少女心的浅绿、浅粉、或者是鹅黄。

至于其他颜色的选取可以搜索配色卡，如“小清新配色卡”，参考一些优质的方案，不过请勿在一篇文章中加入过多颜色，最好别超过三种。

同时但记住一个原则：勿使用艳度高的，也就是很亮的，存在感极强的颜色，比如在这个屏幕中，刚刚的黄底大红字冲击力肯定还是最强的。

比如这个反例也很刺眼，所以不要用亮色。

至于阴影的选取也需要多加斟酌，比如黑色加一些光就很脏。有个很保险的方式：阴影选取比原文字浅两号的颜色，达成发光的效果。

>留白与缩进

一般来说，大段文字排版都是段前不缩进，段间空一行，微信默认行间距是1.5倍，但是对于居中的诗歌型文字，行间距要适当拉大。

对于新闻稿，因为一段字数多，段落少，缩进与否影响不大。但对于校内的活动宣传稿，很多段落只有一句话，缩进之后就会显得十分杂乱。

如果要做到更精致，就要用段前/后距代替简单的空行。譬如现在这段话，每段之间空行会显得松散，不空行又拥挤，便调节了15PX的段间距。同时标题与上段之间距离为10PX，也就是说，使用段间距，可以对留白大小进行微调，分出逻辑上的段落层级。

在135和壹伴中都可以设置两端留白/缩进。这种格式适用于文艺风格，同时也要确保文章不长。长文就千万不要再做窄了。

>结构意识

对于一篇结构分明，层次清晰的文章，能够通过排版体现出其层次等级是比较理想的状态。做到这一点，要求包括但不限于：使用不太炫目的样式、并列内容采用同一模板、重点内容合理强调、掌握间距和留白等。

>细节与人文关怀

雕琢具有人文关怀的细节可以使读者体验明显上升。比如一些公众号开头的：本文共XX字，阅读需要XX分钟/流量慎入等。

其他的，还可以利用小符号，比如在段前加入✓、▶，在图片下方说明加入↑↑等。

小符号还可以用来制作进度条，代替传统的1234。如：

✦  ✦  ✦  ✦

❶ ❷ ❸ ❹ 

>提升交互性

利用一些样式可以提升交互性，增加文章趣味，或达到特殊目的。如：

• 左右/上下滑动样式：隐藏内容/收起不重要的长文；

• 触摸/逐条显示样式：提升交互性，查看答案；

• 旋转90/180度样式：横屏观看等，新奇有趣。

>图片处理

图片画质一定要保证，高糊的图片可以轻松毁掉本来优秀的文章。同时大小不能过大，否则可能很容易加载漫长甚至失败。

图片大小可以根据情况适当调整，比如二维码可以适当缩小，全屏的大二维码看起来容易显得粗糙愚蠢。

这里是乱七八糟的小技巧，大部分大家应该都知道了，就汇总起来一并说了。

< 文章导入 >

• 利用135可以快速导入Word/微信文章；

• 利用秀米可以快速导入Word文章；

• 利于壹伴可以快速采集微信/头条文章到后台（包括标题封面摘要）。

< 题图提取 >

• 如果有壹伴，可以采集到后台之后查看预览保存封面；

• 如果偶尔才需要，可以在微信文章右键-查看源代码-ctrl f搜索var msg（中间有空格），很容易找到一个图片链接，即封面。

< 善用秒刷 >

秒刷用好了是非常非常方便的，只要合理的利用其“依次对应”的原理即可。 以此模板为例。 

可以看见，左边的模板由三段组成——标题、副标题、正文。 而右边的内容只有两段。直接选中两段的样式以后，正文内容被默认刷到了副标题上，而这不是我们想要的效果。

解决方法也很简单，在文字标题和正文间空一行，秒刷时副标题就被对应空行了。之后如果不想要这个空行，直接删掉即可。 

< 画质优化 >

曾专门发了一篇文章探讨这个问题，直接说结论：不要把图片上传到微信公众后台，即使是2M的原图上传后也会被压缩成50K。把图片上传到编辑器中，再整体拷贝至微信，可以保持原图画质，当然这就需要压图了。

如果用了壹伴的话，在后台保存时有“保留高清图片”的选项。还没仔细对比过，不过这样应该直接传到后台也是可行的。

< 快速压图 >

• 一般方法：使用美图秀秀/Acdsee等的批量压缩功能，建议使用caesium批量压缩功能（压缩率高）；

• 安利方法：使用我的docx图片自动提取&压缩工具。（文末）

图片压缩到每张2-300K比较合适，宽度可以在1000左右。

< 模板自制 >

将常用的模板调整好颜色、间距、字号等参数后再保存成为个人常用模板，可以用于秒刷，不需要每次重新制作。

• 135方法：保存文章-存为个人模板样式后，在左侧模板-个人模板中。

• 壹伴方法：微信后台-排版增强-收藏。

< 文风修正 >

同样的内容，不同的排版方式可以达成不同的文风，所以需要编辑者的把控与奇思妙想。

小清新：

我会顺利找到你

你是个乖

这个像仇人在找：

我会

顺利找到

你

你是个

乖

滑稽搞笑：

我会顺利找到你，你是个乖

< 代码应用 >

用几个小时简单研究一下样式的代码，就会发现这东西基本修改还是很简单的。如以下我存为模板的滑动样式：

< 模板精修 >

掌握了一点代码之后，就可以尝试对模板进行一些精细的修改。这个就看大家的脑洞了，没办法仔细讲解。

比如我之前的一篇文章，将135模板样式位置、角度和大小稍加改动便成为了微信朋友圈样式。

具体查看样式共享——完整版微信朋友圈

< 品牌识别度 >

有识别度的、一致的文章能加深自身微信号在读者心中的印象。这包括但不限于颜色、样式的一致、头图和地图的添加、人设的创建、文字画风的保持等等。在南大里最明显的是环院（绿色，定了色号）还有研会的南大紫：

坚持使用南大紫，识别度极高

< 样式嵌套 >

合理利用秀米、135等的布局功能，以及样式的嵌套整合，可以做出很多有创意的效果。

而且秀米还是有不错的小资模板的

把图片换为滑动样式