微信文案「颜值」如何系统性提升？

这里是工作狂的聚集地
职场	学术	新媒体	设计	极客

史上最全微信排版教程了吧？

本文原刊载于「JZ多媒体解决方案」
被封后特此恢复方便读者查阅

很多在做自媒体的关注者或者我们的大客户经常问，微信文案的设计到底怎么做粉丝才喜欢？

我以前写过一篇文章叫《嫁给读者》，说这是个看脸的社会，粉丝决定要不要娶你这个公众号，看脸通常是第一步。

但粉丝要跟你一起生活，更重要的是你的脸和你的内心是否契合。

所以“冷兔”这样的微信排前十超级大号就不需要排版——冷笑话作为loser的关注点，这么low的内容哪需要审美这种事情？做了过多的排版反而是画蛇添足，它遵循的商业定律是“得屌丝者得天下”，有了用户基数再小的转化率也是巨大的收益。

当然大多数订阅号设计还是有审美需要的，这种对微信文案「颜值」的把控基本分三个层次：

1.入门级——第三方排版编辑器

2.企业级——独立VI设计

3.殿堂级——富文本排版

关于一些文字排版的基本规范，你可以点击参考《中文排版指南（有点变态）》，又可以阅读《JZ 的文章是如何排版的？》窥探我们公众号特殊黑底图文的实现方法。当然，如果你对 HTML5 移动交互界面设计（俗称H5）更感兴趣，还可以阅读《利器||H5 制作软件/工具大全（截止2016.6统计）》或者点击《H5零基础，如何4天内速成？》报名线下培训。

先说第一个入门级，在没有收取广告费的情况下，诚意介绍几个主流第三方排版编辑器。

1.秀米

正如你所看到的，秀米的编辑界面非常美观，插入模块即可，排版方便。

不仅单单是图文混排，秀米也为大家提供了 H5 宣传的简单编辑器。

秀米对于初学小白编辑来说，可谓公众号宣传的福音，功能全面，操作简单。不过正是由于这种方便性，秀米丢失了再创造的可能。

2.135编辑器

正如你看到的，135并没有秀米看上去那么美观。但是功能性确是成倍增长。

比如，你可以进行功能嵌套。

还有一些比较特殊玩法。

但，他的本地上传图片素材是付费项目。

3.易点微信编辑器

这是百度“微信编辑器”后，排在第一位的微信编辑器。正如你看到的，易点具有丰富的添加模块，和类似微信的交互界面。

不过使用过程中，总觉得有一种反人类的交互体验，易点在点击模块之后，会进入模块主体颜色选择界面（如上图），选后颜色之后，需要经过：全选-复制-粘贴，才能放入下方的编辑预览框中，再次编辑，需要返回顶端点选模块，再次进行流程操作！

4.易企微微信编辑器

这个编辑器的名字容易让人想起 H5 微信宣传界鼎鼎大名的“易企秀”。易企微，可以说是易点的重新排版，还是一样的版块，可能操作起来没有那么反人类，而上方自己家大大的广告，让人醉死在马路边。

5.相对来说最推荐的是——i排版

1）界面简洁

2）不时推出很多借势设计新元素，让你的文章鲜活有趣。

3）i排版更换图片不用收费，还能从其他排版编辑器复制内容粘贴过来。

当然总体来说，我觉得第三方编辑器都挺烂的。因为他们缺乏设计学的真正融入，导致很多文案人在使用时经常出现，哪个看着好看选哪个，东拼西凑放在一起——最后整个排出来一坨屎——也就是没有VI

对企业级排版来说，微信文案是企业VI的一个延伸。

它包括了：

名片功能——头像、介绍语

窗口功能——自定义菜单排版（文字视觉布局）

文案图像区——图文消息的引导语、栏目语、分割线、尾图、二维码加工等

我们的基友号“云间”曾经出过一个初级到高级的排版教程，当然我认为它们一并应该归类在企业级排版中。“云间”作为文青号本身排版就非常文艺气息。

初级阶段

如何愉快地排版

初次运营公众号的朋友，除非自己本就是设计师，绝大多数的运营者，虽手头有非常优秀的文字及图片素材，却由于微信自身后台排版编辑器的限制，时常无法排出自己满意的排版效果。

其实在各类搜索引擎中搜索“微信排版”，可以搜罗出来许多非常有意思的排版辅助工具。如[秀米]、[i排版]、[135编辑器]、等都有大量现成模板可提供选择。大家可以看下面这段视频，如何操作：

https://v.qq.com/txp/iframe/player.html?vid=l0145vr50fo&width=500&height=375&auto=0

初级排版的话题，之前有许多公众号界的大牛如刘健亮，魏小河等都已聊过，并且各类模块使用也非常傻瓜式，上手极快，蜀黍就不在这里赘述。但切记一定不要将整个屏幕变得霓虹闪烁，除非你的配色功力十分了得。

朴实无华的优秀范例：

黄灿然小站

意思意思

中级阶段

内容是躯体 配图是花衣

如果说文字排版是躯体，那么图片排版就是花衣。光有文字的公号文章，对蜀黍来说基本上是裸奔。即使文字极其优雅，那也是在优雅地裸奔，画面太过美好，不忍直视。除非它能将赤裸裸地奔跑变成艺术。

所以我们坚决不能给内容只穿“新衣”，而是要给它披上黄袍！具体如何披，可再来看一段视频了解一下：

https://v.qq.com/txp/iframe/player.html?vid=p01459p3a6n&width=500&height=375&auto=0

除了使用一些网页的排版工具呈现比较简单有趣的图片效果外，合理的运用PS、AI等P图应用软件也可获得锦上添花的效果。这些软件均有滤镜或特殊效果呈现，一般都可将图片达到比较生动的表达。

文美图秀的优秀范例：

诗歌精选

单读

高级阶段

要像艺术家一样排版

此排版功力是在初级和中级排版充分掌握的前提下才能进行。在灵活运用了各类模板以及适当配图的方法后，如何将手机屏幕变成一副绚丽夺目的“画作”，才是这个阶段需要考虑的。这里主要考量排版者的个人审美情趣，而化繁为简的呈现效果，也势必将带来更好的阅读好感。

在这方面如[一条]、[诗歌精选]、[单读]、[未读]、[蝉创意]等公众号都是其中非常杰出的佼佼者（可添加、勿拍）。这些公众号的排版大致可以总结为以下几点：

1、可识别性极强的整体排版风格；

2、适中的文字行间距及段后距；

3、优质的配图；

4、10屏之内的内容呈现；

5、精致整洁的头图、正文以及结尾内容分割。

经典排版优秀范例：

特殊排版

条漫风格

（这一段本身云间把它们定义为“究极排版”，但JZ以为均属于条漫风格，设计学运用反而不及高级排版中的“一条”、“GQ中国”等）大多数情况下这类运营人是设计师身份。习惯直接以图片代替文本，高效省力又好看。

典型范例：

顾爷

嘉文钱

那最后我们要谈一谈殿堂级排版了——富文本。

一般能掌控富文本的都是职业设计师，富文本排版会特别侧重本文 html 代码的书写，仅仅但充分控制一切基础富文本参数（字体、字号、颜色、行间距、缩进、页边距、文本框甚至会做 KERNING 等），最后配上和富文本风格高度一致的精选配图完成文本设计。

通过代码，你可以实现惊为天人的视觉效果，比如点击阅读《如何速成 100 分排版？》看些基本的动效设计；或者点击阅读《微信动画｜台湾吓尿：昨天差点回归了！》了解微信动态信息数据图呈现；又或者点击阅读《⚠警告！！！一只蜜蜂飞进了你的手机！⚠》看一看创意的微信诗歌动画……

而在功能层面，富文本排版可以达到极其变态的交互效果，你可以回复「听力」两个字，来看一看我们曾经在小号上发布过的图文消息内实现大学四六级听力测试试卷。

说真的，当时排完这篇文章时候我连自己都感到可怕。

看完了这么干的干货如果你还是觉得公司品牌微信设计无从下手，有代运营和VI设计需求，那联系我们定制吧。

---

其他你会感兴趣的内容

回复 M  D看 Markdown 怎么玩

回复 H   5获取H5杀手必备资源

回复 Latex试试学习一点新技能

H5、平面、视频、多媒体定制请致电

 TEL：[phone]

---

抱歉，除了干货，其他什么也没有。