2019微信公众号排版指南小妙招

admin管理员组

文章数量:1530518

2024年7月26日发(作者：)

2019微信排版指南，让你快速吸粉

关于排版

前段时间我发了条朋友圈：有哪些东西是你一旦知道，生活就从此回

不去了的？

审美。

现在无论是微信文章还是其他场景，面对没有排版的文字，我都会瞬

间失去阅读兴趣。

这篇文章将从文字、留白、图片、引导几部分来写。先来说说排版的

作用。

001 排版的作用

首先要明确，排版是为了内容服务。好的排版，一定都是顺应人性的

排版。

1.文字：字号、颜色、标点符号、排版规范

2.留白：字间距、行间距、段间距、页边距

3.配图：封面图、配图、GIF

文字

002 字号

•

标题：推荐16px-18px

正文：推荐14px-16px

标注：推荐12px-14px

•

•

003 颜色

文章中除了图片，正文全部颜色不要超过三种，颜色太多显得杂乱。

另外，不要选择饱和度太高的颜色，就是日常所说鲜艳的颜色。

这些颜色看起来比较廉价，因为会对我们的情绪造成影响。

▍主题色

一种颜色作为主题色，可以用在标题、重点内容、二维码、头像、顶

部和底部的引导等。

▍正文颜色

一种作为正文颜色，不建议用纯黑（#000000），手机端会比较刺眼，

灰色会温和一点。常用的有：#595959、#3f3f3f。

▍标注色

一种作为标注颜色，用作引用内容、注释、声明等。常用的颜色有：

#888888、#a5a5a5

004 对齐

对齐方式主要有两种：左对齐、居中。

▍左对齐

左对齐型排版，首行不需要缩进。在中文书籍中，因为段落间没有间

隙，所以需要用两个字符的缩进加以辨识。但在网页端和手机端，书

本式的排版会让读者感到压力，大家改用空行作了段落区分。

▍两端对齐

没有了首行缩进之后，文章左侧像刀削斧砍一样工整。与之相对，右

侧容易出现锯齿一样粗糙的边缘，英文排版中尤甚。

▲右侧边缘粗糙

针对这种情况，可以在编辑器中，使用两端对齐功能，将右侧也对

齐，显得更加精致。

▲两端对齐之后

▍居中

居中型排版

一句话一行

视觉在中央

所以呢

每行不要多

否则就像这句话突然让眼球扫一整行好费劲

另外，不同的对齐方式不要混淆在一起。否则就打破了整体上的视觉

统一，不够舒适。

005 标点符号

标点的乱用，也会导致排版会乱。一些文字编辑对标点乱用是非常反

感的。

我之前在朋友圈看到简书主编一鸣发文章说这个事，整篇文章用的都

是咆哮体！一天审稿那么多，可以体会一下他的心情。

中文标点符号应全部使用全角符号，下面举出几个常用的标点符号。

▍引号

引号推荐使用直角引号「」，这个符号是「我的最爱」。引号中再用

引号使用双直角引号『』。

表示讽刺、反讽暗示、强调语气、人物对话时，使用弯引号“ ”。

直角引号可以在中文输入法中「特殊符号 — 标点符号」中找到，或

者是用直接日文输入法输入，键盘上的括号键即是。

直角引号源自日文，弯引号源自英文。

相比弯引号，直角引号在汉字排版中更为优雅和美观，也避免了全角

半角不分的同学乱用弯引号导致的格式错乱。

▍省略号

千万不要用六个句号「。。。。。。」作省略号，也不要用三个点「...」，

三个点是英文中的省略号。

中文省略号「……」在中文输入法下，用 shift + 6 打出来。

▍破折号

破折号占两个汉字空间，不能用连字符代替，即「--」，除了书本里，

我现在很少看到有人打出标准的破折号了。

在中文输入法下，用 shift + - （键盘 0 右侧的键）打出来，即「—

—」。

▍项目符号

有时候文章中会有一些并列关系的条目和句子，可以用项目符号区分

开。各种编辑器中都有列表功能，分为有序列表和无序列表两种。

有序列表：

1.

数字序列是最常见的有序列表。

2.

数字之外还有英文、罗马文序列等。

3.

数字后面加的是圆点而不是顿号。

无序列表：

● 小黑点是最常用的。

■ 小方块跟中文搭配也很优美。

○ 小圆圈多用于注释内容。

另外要注意一点，列表中每句话之后要加句号。

▍三角符

微信文章中经常可以看到各类三角符号，有各式各样的用处：

▲正三角经常居中放在照片下方，注释内容前面，起指示作用。

▼倒三角经常单独居中成行，用于分隔两部分内容，引出下文。

▍分隔符

除倒三角外，还有很多符号，都可以用作分隔符。

分割线也是最常用的一种，各种编辑器中都有不同样式的分割线，是

排版中很重要的元素。除了用在文中，也可以用在文末。

▍进度符

这是 i排版在一篇文章中提出的方法，我觉得也很有意思：

选择同一个小符号，用类似进度条的方式来标注，更换其中某一

个或几个小符号的颜色，让读者知道文章读到哪一部分，起到提

示进度的作用。

下面我用一个小符号来示范下：

006 排版规范

▍强调

在文章中，经常需要强调某一部分，通过设计在视觉上凸显出来。

引用 justfont 中的一段话：

借由底色、边框与不同字体的变化，告诉读者这一段很重要，也帮助快速

浏览掌握重点。

除了要特别讨论的上色之外，最常用的强调法不外乎「加粗」、「

变斜

」

或是「加底线」。加粗、变斜是透过墨色浓度或形状变化与正文对比，这

发源自西方数百年的排版规则；加底线则是打字机盛行之后留下的遗产。

强调方式很多，但是千万不能乱用，更不能同时用在一个段落里，否

则效果会让人很尴尬。下面进行一一说明。

▍下划线

下划线是打字机时代的产物，如今已经过时。如果用下划线进行强调，

反而会喧宾夺主，对文字的阅读形成干扰。除超链接外，其他句子尽

量不要使用下划线。

▍斜体

英文从文艺复兴时期，就已经有了用斜体进行强调的排版规则。但中

文不同，中文没有斜体，只有计算机程序变形的斜体效果。

中文斜体

后失去了中文字形原来的结构和美感

，所以不要在中文中使用斜体。

▍加粗

加粗是最理想的强调方式，也是最通用的做法。强调的时候除了加粗

外，还可以改变字号或改变颜色。

▍引用

开头的摘要、别人的资料、人物对话、重点语句，都可以使用引用功

能。

▲引用功能

引用的内容要独立成段，如果来自别处，请记得加上引用说明。

用了引动功能的句子，就是多了这句话前面那道竖杠。

引用格式中的句子，推荐使用标注色，即 #a5a5a5 或者#888888

▍中西文混排

中英文之间加空格：

我用 Typora 进行写作。

中文与数字之间加空格：

现在已经到了 2 月份。

中文夹杂英文单词使用全角标点：

这是我给爸妈新买的 iPhone 7，你拿去吧。

对于完整的英语句子，则使用半角标点：

我最喜欢的英文名言是「Each man is the architect of his own fate.」

以上几点是通行的做法，不是标准规范。我查了很多资料，中西文混

排目前还没有一套标准的官方规则，其中最主要的争论之一是关于空

格的用法。

有一些同学的文章中字间距很大，这种情况就不需要再加空格。

关于这个问题，我在方宏章的文章《关于文字的可阅读性》中找到一

段话，很有参考意义：

每个字母之间必须有一定合理空间（Kerning），如果字母之间的距离过

于狭小，就像两个挨着很近的鸡蛋随时有可能相碰撞的危险，如果字母间

距过大，那字母就会失去张力和紧张感，使得文字阅读变得乏味。

所以字母之间的距离应该合适，使得在很紧凑的句子和印刷很差的情况下，

不会和其他的字母混淆在一起而影响阅读性。

留白

如果用黑白打印机，把微信文章打印出来，你会发现各种颜色间区别，

其实只是灰度不同。

纸上只有黑与白两部分。

上面说的文字和符号，就是排版设计中「黑」的部分，而设计「白」

的部分，也是非常重要的。

字间距、行间距、段间距、页边距等，这些是「白」的部分。就像阴

阳一样，黑白得当，才有了和谐的美感，给阅读留下了呼吸的空间。

007 字间距

针对一般的文本设计来说，字号越小，字母之间的间距就要越大，以

使文字易于辨认。相反，如果将字号调大的话，紧致一些的间距以至

于字符之间不会那么松垮，而更易阅读。

可以在编辑器中对字间距进行调节，0.5 —1.5 都很常见。

008 行间距

文字太过密集，容易让读者失去阅读兴趣，很多好内容因此被埋没。

而相反过于稀疏，视觉效果也并不理想。

根据行业经验，行间距一般为字号的 1.5 倍左右。14px — 16px的

字号，推荐 1.5 或者1.75 的行间距。

009 段间距

段间距一般用回车空行代替，当然也可以进行手动设置，正文中设置

15 的段间距，在微信上看起来就非常美观。

段间距也有不同层次的划分，可以参考一下知乎用户 @Hindy 的习

惯：

我将段落间距分为四档：空三回车、空两回车、空一回车与换行不空。

•

空三回车：用在小节与小节结束的时候。比如一个标题小节结束，下文

是另一个标题开始。

•

空两回车：用在二级标题下的分隔。

•

空一回车：用在段落与段落间，内容相较接近。

•

换行不空：用在两段文字是讲述的一个内容，只是在阅读时需稍作停顿

的情况。

手动设置的话，标题和小节之间的行间距也有所差别。最好的方法，

还是去参考喜欢的大号，模仿他们的习惯，然后在试图创新。

010 段落长度

正文段落的长度，是影响留白很大的元素。

段落长，留白少。

段落短，留白多。

如果都是长段落，黑压压的大段文字会让人觉得呼吸不过来；如果是

一连串的短段落，大片的留白会打断排版的连续性。

而如果都是中等长度的段落，则就像唱片机卡碟一样，絮絮叨叨，缺

乏丰富的节奏。

控制段落长度的节奏，是非常重要的排版技巧，这点很多人都不知道。

长、中、短段落结合，能让读者在大段文字中迅速找到落脚点。

如此，排版真正成为文字情绪的一部分。

最后，段落最长也千万不要超过一屏。下图这种神人行为，我们一般

人千万不要尝试，简直喘不过气。

011 页边距

页边距是阅读时，正文与左右两边的距离。微信默认比较窄，可以用

编辑器进行调整，给读者更多的阅读空间。

有一些比较文艺风的文章，会设置很大的页边距来增加留白。根据自

己情况来调整，本文的页边距为 1。

图片

012 图片的作用

图片是为内容服务，我把图片分为两种类型：有意义的、无意义的。

▍有意义的图片

有意义的图片有 4 种作用：分享、娱乐、销售、解决问题。

1.分享

分享某种情感，或者文章中提到的某个物品、人物、场景、行为等等。

2.娱乐

一些表情包、GIF 等都是此类，跟读者进行情感上的娱乐互动。

3.销售

跟文章内容结合，对读者进行销售。或者是销售某一种观点，或者是

说服读者做某件事，如一些商品使用场景的图片。

4.解决问题

有些信息只靠文字很难直观表达，或者过于复杂，需要图片来进行解

释说明，辅助理解，如一些数据图片、趋势图等等。

▍无意义的图片

无意义的图片有 3 种作用：美化排版、阅读奖励、凸显调性

1.美化排版

图像能够打破视觉的单调性，如果一篇文章全是字，会让人兴趣索然，

而通过配图来调节视线，让人不容易轻易疲劳。

2.阅读奖励

图片相比文字更容易理解，调动的读者认知成本比较少，读者在看图

片的时间，可以让大脑进行适当休息，作为阅读中的奖励。

尤其是一些有趣好笑的或者是性感美女图片，都是阅读奖励。

3.凸显调性

统一风格的图片能够塑造文章的调性，而高逼格的配图，会提升文章

的质感。

013 图片的选择标准

简单来讲，图片有两大选择标准：清晰、统一。

▍清晰

图片高清不模糊，是排版的基本要求。除了原始图片是否高清以外，

不同的格式也会影响最终效果，图片的格式部分下文会讲。

另外要注意图片上不要有水印，除非是经过特殊设计的水印，否则真

的很土。

▍统一

统一包括主题、风格、尺寸上的统一。图片要与文章主题统一，不同

图片之间的风格要统一，不要上面都是漫画表情，下面一下子都变成

了人物风景。另外不同类型的图片，最好将尺寸统一。

05 封面图

014 尺寸

封面图是一篇微信文章的第一印象。封面图总共出现在 4 个场景，尺

寸会变形，都有裁剪，而且在 Android 和 IOS 系统中，具体也会有

所区别：

•

公众号会话：矩形。

历史消息：矩形。

转发消息：正方形。

分享朋友圈：正方形。

•

•

•

这张图太复杂，不用记住。只要记住封面图的尺寸是 900 X 500，次条

封面图的尺寸是 200 X 200 就好。按照这个尺寸来配图，效果是最佳

的。

另外要把重要内容放在中间 400 X 400 的正方形内，这部分的内容

一定不会被裁掉。

015 制作

▍独家风格

可以用美图秀秀或者 PS 等一些制图软件，加上一些文字、图形、logo

等固定元素，形成自己独特的风格。当然更厉害的就是请专业的插画

师定制插画。

▍尺寸

修改尺寸，可以用美图秀秀进行修改，或者直接用 PPT 也行。

把图片放入 PPT 中，选中图片之后「点击格式 — 裁剪 — 纵横比

— 16:9」。

▍在线生成

如果担心自己审美不达标的话，创客贴这个网站可以帮你一分钟制作

出高大上的封面图。登录网站后，点击「开启设计 — 公众号文章首

图」即可。

▍获取封面图

关于如何获取别人的封面图，IT云课堂 提供了一个很实用的技巧：

在电脑打开文章，右击鼠标查看源代码。

然后按 Ctrl + F，出现一个搜索框。

输入 var msg，出现黄色背景代码。

复制 msg_cdn_url 后面的地址，在浏览器打开。

点击「另存为」即可下载。

06 配图

016 图库

▍导航

相信大家的文件夹里都收藏了一大堆图片网站，其实只要用好设计师

导航网站就好了。绝大多数常用的图库，在这些导航中都有收录，并

且已经按照免费 / 付费分好类，也有相应的介绍说明。

017 找图

▍关键词

用关键词有两个搜索方向：纵向、横向。

1.纵向

纵向就是缩小或者扩大关键词的范围。

比如说要搜索法律相关的图片，搜索「法律」没有满意的图片，则可

以缩小范围，试试「律师」或者「法官」。

同样也可以反过来扩大范围，比如需要一个小蛋糕的图片，可以试试

搜索「下午茶」。

2.横向

横向就是搜索相近的词汇，很多时候找的图片是可以用其他图片代替

的。

比如需要一张表现时间图片，可以去搜索「手表」，也可以试试「钟

表」、「watch」等等。

另外也可以用英文或者其他语言去检索，出来的图片也会不一样。

▍以图识图

有时候看到一些喜欢的图片，但是尺寸太小、不够高清，或者是有水

印，这个时候可以用百度和 Google 的「以图识图」功能，让搜索引

擎帮忙找这张图片的其他尺寸、格式。

在百度图片中选择好一张图片后，点击「按图片搜索」：

或者是在百度页面点击那个照相机，上传图片：

搜索引擎会自动帮你找到不同尺寸的相似图片。

另外也可以直接在谷歌浏览器的程序商店里下载安装 Tineye 插件。

看到一张图后右键选择「Search Image on TinEye」，大多数图片都

可以找到相似图片。

▍下载

有的时候好不容易找到了一张图片，但是下载起来可能又很麻烦。有

很多插件都支持一键下载功能，可以在任何网站一键下载图片。

依旧推荐三个插件：

gentleman

OK记

花瓣采集插件

安装插件以后，在图片上直接 alt + 鼠标左键即可一键下载。除了插

件，360浏览器、UC浏览器也有一键下载图片的功能。

不过提醒大家一定要注意版权问题，尽量不要盗用有版权的图片。

018 图片处理

▍水印

非原创图片不要打水印。对于原创图片，除非水印经过特殊设计，否

则都不会好看，另外加了水印也不方便读者保存。

有时候网上找来的一些图片需要去水印，这个时候可以用美图秀秀或

者是 PS：

美图秀秀：消除笔功能 / 祛痘功能

PS：修复画笔功能 / 修补工具

另外还有一款常用的去水印工具：Inpaint，可以傻瓜式一键去水印。

▍截图美化

讲一个用 PPT 美化截图的小技巧。有时候文章中经常需要放一些手

机截图，但是直接放在文章里并不好看，需要进行处理一下。

这个时候可以借助 PPT 图片样式中的「居中矩形阴影」，为截图加上

阴影。

▍版权声明

要小心图片侵权，使用了别人的图片，一定要注明来源。实际上绝大

多数公众号在这方面做的都不好，可以参考一下专业媒体号的做法。

确定图源的，可以在图片下方，小字标明来自某部电影、某位摄影师、

还是某个商业图库。

本文标签： 图片排版文章文字读者