互联网运营- 微信公众号干货篇

排版作用：

· 减轻读者的阅读压力

· 增加读者对文章逻辑链条的把握和理解

· 给读者提供适当休息

排版要求：整齐、整洁、有设计感，确定排版形式后就不要大改，因为有助于在读者心里建立一个深刻固定的印象

第一步：简易排版方式推荐

1.工具

新媒体管家、壹伴、微信公众号后台

2.方式

将排版好看的公众号文章采集到公众号后台，将他们的元素复制、黏贴、组合，形成自己的排版

3.步骤

（1）加载壹伴或新媒体管家插件(注意啊，一定要先注册啊，否则无法用噢)

（2）用“微信.搜狗”抓取排版较好的文章，所有的文章都可以采集

（3）搜索公众号文章

（4）点开一篇文章，就会看到壹伴的采集按钮

（5）点击转载右边的符号，再点击自己的公众号名称，把文章转到自己公众号的图文素材里面

现在已经转过来了

（6）点击编辑，采集的文章在我的编辑后台

特点：比其他编辑器的元素选择更多，操作上更简便

注意：可以同时打开几篇文章，把要的元素复制、粘贴、拼凑形成自己文章的排版形式

但要注意的问题，不可以去复制别人的图片，以防出现版权问题，也不要只用一篇文章，不然就是自己的排版跟别人的一样了。

第二步：配色要求和步骤

1.要求：

文章中除了图片，正文全部颜色不要超过3种（一般为一种彩色，一种黑灰色和一种灰色，或者彩色和黑灰色），颜色太多显得杂乱。不要选择鲜艳的颜色，选择比较柔和的颜色。

2.主题色：

可以用在标题、重点内容、二维码、头像、顶部和底部的引导，主题色代表着文章的整体风格，不能选用鲜艳刺眼的颜色，要使用柔和的颜色

3.正文颜色

不建议用纯黑，手机端会比较刺眼，灰色会温和一点。常用的有#595959、#3f3f3f。如果这两种推荐色对你的文章来说还是比较黑，就再选择更淡的灰色。

4.标注色

一般用在引用其他内容的文字链接上、注释、声明等。常用的颜色有：#888888、#a5a5a5.

5.添加颜色方法：

配色选择适合自己风格的柔和的颜色

介绍一个网页：http://tool.c7sky.com/webcolor/

· 在这里面可以找适合自己公众号风格的配色，色块下面有颜色编号，选择好颜色后，自己记录下这三种色号

· 在这个网页上选择的颜色可能还是会有偏艳的时候，可以去公众号的编辑后台选一种自己觉得不错的颜色，记下色号，以后常用

另外，如果在别的公众号上看见自己喜欢的颜色，可以用新媒体管家将文章采集到公众号后台，在编辑自己的文章时，将其他文章的字复制过来，就会将颜色也复制过来了，其他地方需要这种字体颜色时，就用格式刷就行。

· 还有另一种表示方式是叫：RGB色号，一般是这样的

看到这样的色号，以后想要长期用它，就得将它转换为常见的六位数色号，以便于以后在微信后台直接使用

直接在网页上输入rgb值，就可以显示出六位数色号，记下就可以。

https://www.colorhexa.com/f43742（这是色号转换网页，是英文网站，能用好红框部分就可以了，看不懂的同学请使用翻译工具）

第三步：文字

1.对齐：要求整体上的视觉统一，娱乐型文章建议使用居中对齐，其他文章两边对齐，提升整齐度和精致感。

段前不要空两格，这是传统纸媒为了节省版面的做法，现在并不需要这样做，空两格反而让排版不好看

注意，使用两边对齐时，所有正文内容都要两边对齐，不要出现参差不齐的情况，在发出去前多预览几次，修改无误后再群发。

2.字号

· 标题：推荐16px-18px

· 正文：推荐14px-16px，14px是最能体现精致感的文字大小

· 标注：推荐12px-14px，最好选择跟正文同大小或者比正文小的文字

3.字间距：

针对一般的文本设计来说，字号越小，字母之间的间距就要越大，以使文字易于辨认。相反，如果将字号调大的话，紧致一些的间距以至于字符之间不会那么松垮，而更易阅读。

可以在编辑器中对字间距进行调节，0.5 —1.5 都很常见，根据自己的排版风格，看哪个字间距更适合就用哪个。

4.行间距：

文字太过密集，容易让读者失去阅读兴趣，很多好内容因此被埋没。而相反过于稀疏，视觉效果也并不理想。

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

5.段间距：

注意，要以3-5排为一段，不然排数过多，容易感觉到文字密集，失去阅读兴趣

段间距一般用回车空行代替，当然也可以进行手动设置，正文中设置 15 的段间距，在微信上看起来就非常美观。

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

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

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

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

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

标题上下的空白间距一定要一样，上面空一排，那么下面也要空一排

6.两边缩进

这个是阅读时正文与左右两边的距离，微信后台有“8、16.......”等页边距，一般选用8比较好，注意整齐度，所有的正文均要设置为一种两边缩进

并且图片的边缘不要不要超过文字的边缘

手动设置的话，标题和小节之间的行间距也有所差别。最好的方法，还是去参考喜欢的大号，模仿他们的习惯，然后在试图创新。

7.字体

设置为微软雅黑就好

第四步：强调

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

1.加粗

加粗是最理想的强调方式，也是最通用的做法。强调的时候除了加粗外，还可以改变字号或改变颜色。当然改变后的颜色就是文章的主题色

2.下划线

除超链接外，其他句子尽量不要使用下划线，并且用了下划线就不要再把字体放大。

3.引用

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

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

4.中西文混排

每个字母之间必须有一定合理空间（Kerning），如果字母之间的距离过于狭小，就像两个挨着很近的鸡蛋随时有可能相碰撞的危险，如果字母间距过大，那字母就会失去张力和紧张感，使得文字阅读变得乏味。

所以字母之间的距离应该合适，使得在很紧凑的句子和印刷很差的情况下，不会和其他的字母混淆在一起而影响阅读性。

第五步：留白

字间距、行间距、段间距、页边距等，这些是「白」的部分。就像阴阳一样，黑白得当，才有了和谐的美感，给阅读留下了呼吸的空间，不过刚刚前面已经讲过设置标准。

第六步：标点符号

要求：标点乱用会导致排版会非常乱，中文标点符号应全部使用全角符号

1.引号

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

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

直角引号可以在中文输入法中「特殊符号 — 标点符号」中找到，或者是用直接日文输入法输入，键盘上的括号键即是。

相比弯引号，直角引号在汉字排版中更为优雅和美观，也避免了全角半角不分的同学乱用弯引号导致的格式错乱。

2.省略号

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

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

3.破折号

破折号占两个汉字空间，不能用连字符代替，即「--」，除了书本里，我现在很少看到有人打出标准的破折号了。

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

4.项目符号

有时候文章中会有一些并列关系的条目和句子，可以用项目符号区分开。各种编辑器中都有列表功能，分为有序列表和无序列表两种。

有序列表：

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

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

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

无序列表：

● 小黑点是最常用的。

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

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

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

5.三角符

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

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

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

6.分隔符

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

▲小符号

分割线也是最常用的一种，各种编辑器中都有不同样式的分割线，是排版中很重要的元素。除了用在文中，也可以用在文末。

第七步：图片

1.图片的作用

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

（1）有意义的图片

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

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

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

· 销售：跟文章内容结合，对读者进行销售。或者是销售某一种观点，或者是说服读者做某件事，如一些商品使用场景的图片。

· 解决问题：有些信息只靠文字很难直观表达，或者过于复杂，需要图片来进行解释说明，辅助理解，如一些数据图片、趋势图等等。

（2）无意义的图片

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

· 美化排版：图像能够打破视觉的单调性，如果一篇文章全是字，会让人兴趣索然，而通过配图来调节视线，让人不容易轻易疲劳。

· 阅读奖励：图片相比文字更容易理解，调动的读者认知成本比较少，读者在看图片的时间，可以让大脑进行适当休息，作为阅读中的奖励。

· 凸显调性：统一风格的图片能够塑造文章的调性，而高逼格的配图，会提升文章的质感。

2.图片的选择标准

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

(1)清晰

图片高清不模糊，是排版的基本要求。除了原始图片是否高清以外，不同的格式也会影响最终效果，图片的格式部分下文会讲。

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

(2)统一

统一包括主题、风格、尺寸上的统一。图片要与文章主题统一，不同图片之间的风格要统一，不要上面都是漫画表情，下面一下子都变成了人物风景。另外不同类型的图片，最好将尺寸统一。

注意图片的尺寸可以通过美图秀秀等工具裁剪成同一个尺寸，放到后台编辑器时，还要通过“尺寸”两边的加减号来调整大小，千万不要让图片边缘超过文字边缘，一定要居中，确保文章中的所有图片是统一的

3. 封面图

（1）尺寸

封面图是一篇微信文章的第一印象。封面图总共出现在 4 个场景，尺寸会变形，都有裁剪，而且在 Android 和 IOS 系统中，具体也会有所区别：

· 公众号会话：矩形。

· 历史消息：矩形。

· 转发消息：正方形。

· 分享朋友圈：正方形。

记住封面图的尺寸是 900 X 500，要把重要内容放在中间 400 X 400 的正方形内，这部分的内容一定不会被裁掉。

（2） 制作

· 独家风格：可以用美图秀秀或者 PS 等一些制图软件，加上一些文字、图形、logo 等固定元素，形成自己独特的风格。当然更厉害的就是请专业的插画师定制插画。

· 尺寸：修改尺寸，可以用美图秀秀进行修改，或者直接用 PPT 也行。把图片放入 PPT 中，选中图片之后「点击格式 — 裁剪 — 纵横比 — 16:9」。

· 在线生成：如果担心自己审美不达标的话，创客贴这个网站可以帮你一分钟制作出高大上的封面图。登录网站后，点击「开启设计 — 公众号文章首图」即可。

4.配图

（1） 图库

· 导航

相信大家的文件夹里都收藏了一大堆图片网站，其实只要用好设计师导航网站就好了。绝大多数常用的图库，在这些导航中都有收录，并且已经按照免费 / 付费分好类，也有相应的介绍说明。

这里推荐三个：

设计导航：hao.shejidaren.com

HiPPTer：hippter.com

优庆设计：ubuuk.com

导航网站中除了图片以外，还包含各种素材和神器，可以去探索一下。

· 常用图片网站

下面这些是大家常用的图库网站，在上面三个导航中都有收录。

PicJumbo

PicJumbo提供的图像照片质量很不错，除了免费项目，也可以节约你的时间购买该网站的图片包可以直接给你。

Gratisography

gratisography里面的图片每周都会更新，高分辨率，您可以使用您的个人和商业项目。所有的图片是由Ryan McGuire拍摄，且无版权限制。

Life Of Pix

提供免费高清图像素材，并且无版权限制，图片多为欧洲景观，所有图像都免费使用。

IM Free

该站提供搜索和分类目录，同时，它不仅是个图片网站，在这里你还可以搜到按钮、模板、图标等，分类清晰。比如可以搜体育与健康、黑白照，光是人物都分老人，女人，家庭，情侣来说，值得去看一看。

Publicdomainarchive

免费图库，如果需要批量下载需要付费。

Pixabay

共有约760000张免费的照片／矢量文件和艺术插图，可在任何地方使用的免费图片和视频。非常好用，图片接近原图，适合二次加工。

Magdeleine

每天的免费高分辨率照片，它家的特色功能是可以通过颜色、情绪寻找图片，图片质量非常高。比如下图系列：红色。

Foodie’s Feed

网站主打饮食、蔬果等，吃货找图的最佳站点。

New Old Stock

这个网站有趣的地方在于它从世界各地收集旧相片，都是版权过期或者可商用的。

你可以在这里看到很多高清的老式广告，如果不是为了工作，这个网站也值得一逛呢。

Unsplash

网站每日更新。主打风景，大多数都有加上Instagram的特效滤镜，如果你有心学习，可以戳图到作者地址。大部分图片的格调和构图也十分有味道，平时没事时可以当做欣赏一样去浏览和下载。

Behance：behance.net

Dribbble：dribbble.com

Pinterest：pinterest.com

500px：500px.com

花瓣网：huaban.com

站酷网：zcool.com.cn

· 特殊网站介绍

文字云

这个网站可以在线生成文字云效果的图片。网站是英文的，可以借助谷歌浏览器自带的翻译功能。具体步骤是「上传字体 — 添加文字 — 上传图片」。

表情

很多文章配图里有大量的表情，可以在百度搜索「斗图」，有很多丰富的资源。也可以在「暴走漫画」网站，或者下载「花熊」App 进行制作。

Mockup

Mockup是指图片展示素材模型，什么意思呢，就像这张图。

你可以找一张手机截图，替换图中的手机图片，手机截图就可以瞬间变得高大上了。就像这样：

推荐三个Mockup网站：

smartmockups.com

mockplus.cn

freedesignresources.net

第一个网站只有台式机、笔记本、平板、手机、手表五种模板，但是好处是只要选好模板，可以上传图片进行自动替换。其他两个网站有各式各样的其他素材，不过需要下载 PSD 图层进行手动替换。

5.找图

（1）关键词

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

· 纵向

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

比如说要搜索法律相关的图片，搜索「法律」没有满意的图片，则可以缩小范围，试试「律师」或者「法官」。

同样也可以反过来扩大范围，比如需要一个小蛋糕的图片，可以试试搜索「下午茶」。

· 横向

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

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

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

（2）以图识图

有时候看到一些喜欢的图片，但是尺寸太小、不够高清，或者是有水印，这个时候可以用百度和 Google 的「以图识图」功能，让搜索引擎帮忙找这张图片的其他尺寸、格式。

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

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

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

另外也可以直接在谷歌浏览器的程序商店里下载安装 Tineye 插件。看到一张图后右键选择「Search Image on TinEye」，大多数图片都可以找到相似图片。

（3）下载

有的时候好不容易找到了一张图片，但是下载起来可能又很麻烦。有很多插件都支持一键下载功能，可以在任何网站一键下载图片。

依旧推荐三个插件：

gentleman

OK记

花瓣采集插件

安装插件以后，在图片上直接 alt + 鼠标左键即可一键下载。除了插件，360浏览器、UC浏览器也有一键下载图片的功能。

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

6.图片处理

（1）水印

非原创图片不要打水印。对于原创图片，除非水印经过特殊设计，否则都不会好看，另外加了水印也不方便读者保存。

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

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

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

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

（2）截图美化

讲一个用 PPT 美化截图的小技巧。有时候文章中经常需要放一些手机截图，但是直接放在文章里并不好看，需要进行处理一下。

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

7.版权声明

要小心图片侵权，使用了别人的图片，一定要注明来源。实际上绝大多数公众号在这方面做的都不好，可以参考一下专业媒体号的做法。

确定图源的，可以在图片下方，小字标明来自某部电影、某位摄影师、还是某个商业图库。

如果不确定图片源，一定要注明「图片来自互联网」，通常写在文末左下方。如果是转载的文章，不确定图源，写上「图源：原作者配图」。

在免费图库里面找到的都属于确定图片源，不需要注明

第八步：GIF

1.图库

Giphy

最大的 Gif 搜索引擎，找 Gif 用好 Giphy 基本就够了。

Giphy：giphy.com

Tumblr

俗称「汤不热」，国外非常好玩的社交平台，有大量精美的 Gif，可以关注那些网上推荐的 tumblr 账号。例如专门恶搞名画的 Scorpiondagger

Tumblr：tumblr.com

SOOGIF

国内的动图网站，专门给公众号提供素材的。除此以外，还集合了GIF压缩、剪裁、制作的功能。

SOOGIF：soogif.com

Gif 喵

也是斗图常用的国内网站，每天都会更新专辑，内容全面且动图质量比堆糖、花瓣上的普遍要高。此外也自带 Gif 制作和压缩功能。

Gif 喵：gifmiao.com

9gag

暴走漫画最初就是模仿9gag，这个网站的 GIF 质量非常高，注册后右键另存为可以下载。但是需要视频格式将转换 GIF 格式。

9gag：9gag.com

小猪动图

国内很专业的动图网站，素材更新快，并且把GIF动图划分了上百个子类。同时在网站上还可以对 GIF 压缩、制作、加水印、裁剪，以及将视频转换成 GIF 格式。

小猪动图：piggif.com

搜索引擎

也可以在百度、必应、Google 等搜索引擎上直接搜索 GIF 图片，关键词 + gif，比如「小猫 gif」。

其他

叶子猪：xx.yzz.cn/

NBAGIF：nba-80s-90sgifs.lofter.com

Rafael-varona：rafael-varona.com

GIFBIN：gifbin.com

GIFSON：gifson.net

Golden Wolf：goldenwolf.tv

Julian Glander：glander.co

2.GIF 处理

（1）压缩

在微信上传 GIF 的大小不能超过 2M，因此经常需要进行压缩。可以直接在上面提到的 SOOGIF、Gif 喵、小猪动图 这几个网站上面进行压缩，这里再推荐一个压缩常用的网站。

ezgif.com/optimize

（2）录制

有时候需要自己录制一些 GIF，例如一些软件的教程。这里推荐几款口碑比较好、易上手的 GIF 录制软件。

GIFCam（Win 系统）

LICEcap（Mac 系统）

Screen To Gif

（3）转换

有时候需要把一些视频转化为 GIF，上面提到小猪动图的网站就具备这个功能。另外可以用迅雷播放器直接从视频中截取 GIF 图。用迅雷播放器打开视频，点击右键「GIF 图截取」即可。

第九步：引导

1. 顶部内容

顶部是阅读文章时的第一眼，决定了读者对文章的初始印象。顶部的内容，一定要经过设计，否则就干脆保持空白。

良好的设计会增加内容的可信任感，而那些烂大街的模板，不仅难看没有效果，反而会降低读者对公众号的评价。

顶部通常放置的元素有：

标题、slogan、头图、引导语、作者信息、声明信息、转载信息、音频等

顶部内容大概有三个方面的用途：

· 引导读者关注、置顶，通常是 logo + slogan。

· 对文章信息进行补充说明，例如阅读时间、作者信息、声明信息、转载信息等。

· 引出下文，通过一张图片，或者是一段引导语。

顶部的内容不要占用太大版面，要让读者快速切入文章。读者被标题吸引进来是为了看内容的，这个时候心情是急切的。如果顶部内容太多，半天看不到正文，反而起了反作用。

2.底部

（1） 底部的作用

底部的元素有：

底图、投票、作者信息、版权声明、合作说明、引导（话题互动）、关注语、往期推荐、二维码、赞赏、阅读原文。

底部与顶部不同，读者已经看完了正文，整个人的状态比较放松，所以底部内容多一些也没有关系。这个时候应该尽量对上面缺失的要素进行补充，顶部没有放的信息，可以放在这里，一些重要信息可以选择重复。

如领英的底部，包括了：话题互动、广告、互推、作者信息、合作说明、二维码：

（2）二维码

二维码底部放置二维码是为了方便读者直接关注，不用再翻页到文章开头。

一个经过用心设计的二维码，能够提高不少转化率。在各大编辑器中，都有各种二维码的样式，可以挑选合适的。

二维码生成器基本上都带有美化功能，生成后可以进行美化。这里推荐两个二维码生成器：

草料二维码：cli.im

第九工厂：9thws.com

总结：使用微信后台编辑器时，改动字体大小、行间距等，在电脑上看不出来很明显的效果，所以在群发之前要发到手机上多预览几次，检查有没有什么细节上的错误。

第十步：公众号名称

https://mp.weixin.qq.com/s/ePMMm67HuvspK9fCZTxXRA

第十一步：公众号头像

请观察这几个公众号的头像：刀叨岛主、佳爷扯谈、暮言姑娘、咪蒙、好姑娘光芒万丈、爱思考的小金牛、阿司匹林博物馆、丹尼尔先生......

有一些特征：公众号名字和头像要相符，配色要简单、不要浮夸，配不好色的就用黑白灰，配色和图案过于复杂会看起来比较low。

第十一步：设置永久链接

准备工具：Chrome浏览器、壹伴或新媒体管家插件

操作：装上上述三样玩意儿后，当你编辑好文章，正要发送时，你会在页面下方看到一个【永久链接】的按钮，点了按钮就会有链接出来啦。