干货 | 2023公众号推文快速排版，看这1篇就够了！

大家好，欢迎来到IT知识分享网。

欢迎点击上方“有喜成长日记”关注

不错过每一篇有价值的推送！

这个世界上肯定有另一个我

做着我不敢做的事

过着我想过的生活

.

.

.

今天给大家带来一些和公众号推文排版相关的干货~

不知道大家有没有这样的感受，看到别人发布的推文总是觉得赏心悦目，一到自己就大脑一片空白。

不是眼睛会了，手还不太会，就是想法都有，可是就是不知道怎么找素材或者怎么拼接。

今天这篇文章会比较详细的介绍0基础小白在排版网站的选择和排版上的重点。

学会长图排版技能不只是新媒体从业者专利，我个人认为只要是与营销、宣传相关的领域都可以去学习排版。

对于学生来说，多一项求职的技能，对于职场人来说，多一种宣传的途径。

目录

一.公众号长图的形式

• 企业宣传型排版
• 传统常用型排版
• SVG黑科技型排版

二.秀米常见编辑功能

• 界面的初步认识
• 文字与段落格式
• 图片格式
• 鼠标、键盘快捷键
• 背景颜色/图案

三.图文发布方式

• 复制到公众号
• 同步到公众号
• 另存给他人

四.注意事项

一、公众号长图的形式

✅企业宣传型排版

下面是我自己做的一些模板，主题包括露营、党建、春日、传统节日、企业喜报。

这一类的排版风格适合企业里面的宣传中心以及学校发布一些通知新闻会更适合，也比较常见：

上下滑动可查看图片

里面的一些简单的背景图和插画元素大部分是我自己用procreate软件画的，整体比较简洁，把重点落在排版上。

做这一类排版需要锻炼自己的审美，其次是元素排布能力，可以去看看其他运营人员是如何安排文字和图片的，B站有各种版式设计的教程，对审美会有帮助。

✅传统常用型排版

如果是想要做个人成长类、故事类、干货科普的账号，那么以上的排版风格或许不是你的最佳选择，因为稍显花哨了。

简单的把图片排布美观整洁，文字表述清楚即可，文字大小、行间距、字间距都有讲究。

例如：丁香医生、新世相、粥佐罗、一条、二更、十点读书、桌子的生活观等大v，他们的排版几乎都比较简洁、留白。

上下滑动可查看图片

✅SVG黑科技型排版

除此之外，还有一种SVG交互排版，是公众号推文里难度较高的。

因为排一篇这样的文章至少需要设计＋运营＋编程3个人配合，奶茶品牌、美妆品牌等快消品行业近几年很流行做这一类推文。

能和读者互动、突出产品，同时显得极具高级感。

可以实现点击放大、点击弹出、长按显示等等效果，强调画面的整体效果。如图：

上下滑动可查看图片

二、秀米常见编辑功能

✅界面的初步认识

市面上排版网站很多，135编辑器、秀米、新媒体管家等等。

新手小白第一次排版我个人推荐秀米编辑器，比起其他的会更加简洁好上手，首先进入秀米页面后会看到最左边的菜单栏。

大家可以看到第一个部分是图文模板，里面有很多已经做好的标题、文字卡片、图片、SVG、组件等来承接我们的内容.

新手初次打开可以点击模板修改里面的字体、字号、尝试一下整体感觉。

第二个部分是图片素材，里面有各种类型的图标、图片、以及可商用的艺术字、摄影图。

排版时，当我们在制作一个标题时，想要添加一个图标进行装饰，我们可以在这个部分选择合适的类型。

红框中的放大镜可以搜索你想要的风格，比如：党建、春日、传统、中国风、水墨等。

我这里搜索的是【党建】所以有鸽子的元素。

这里有一点需要注意：如果我们想在文字标题旁边单独的加个小图标，需要同时按住ctrl和alt键，然后再单击图片，直接就是小图标啦~

第三个部分是图文收藏板块，这个部分相当于我们的收藏夹。

如果我们有看到合适的标题、图文、布局都可以收藏在这里，再次排版时都可以在这里使用，不会因为关了页面之后下次打开就消失了。

第四个部分是剪贴板，相当于是复制粘贴的一个存放处。

选中图片后点击上方的复制，就到剪贴板里面了，不过剪贴板只适用于临时使用，因为关闭后打开就没有了。

第五部分是图库，在排版文章的时候会插入一些图片，在这里点击上传需要的就可以啦~

​

✅文字与段落格式

以秀米编辑器为例，下面红色字标出来的部分是编辑时经常会用到的一些功能，和word差不多，大家可以在使用时自行研究。

我们在排版时，字号等格式十重要，毕竟人都喜欢舒服的事物。

下面是我为大家列出的合适的格式，各位排版时可以结合自己情况进行参考。

字号

11~13：适合注释、照片说明等

14~15：字体偏小，适合青年/中年读者

16~17：字体偏大，适合中年/老年读者或者标题

格式

行间距：1.4~2倍

字间距：最好大于1像素，字之间切忌太拥挤，但也不可太稀疏。

段落间距：我用的是10像素左右，各位排版时调成肉眼看着舒服的状态即可。

左右边距：左右边距最好在10像素以上，我自己一般用的是15~20。

对齐方式：普通科普类、故事类文章，建议选择两端对齐或者向左对齐，让读者阅读时有连续性，获得信息更快捷，比如【人物】公众号推文，简洁清晰。

如果每一排的字数较少且有着对仗式的需要，可以选择居中对齐，比如【人民日报】的推文排版方式。这种方式会让读者在阅读时有停顿感、节奏感。

文字形式：遇到重点内容时，我们应该用不同颜色重点区分。

大家可以看到以下左右两份排版，左边是我2019年第一次排版的文章，右边是最近的文章。

左边的文章很明显没有重点且段落间看着很难受，没有标题和序号，文字颜色也只有单调的黑色。

对比而言右边的文章主次分明，不同内容的文字都做好了区分，会让读着在阅读时更加节省精力，也知道着重读哪一部分。

这里需要注意的一点是，大家在编辑一篇文章时不要用多于3种的强调形式。

比如同一段文字一会儿加粗一会儿斜体一会儿下划线，一会儿又是文字底色。强调方式1-2种就好，不应影响读者阅读。

这一段话左边是排版好的文字，右边是未排版的，可以清楚的看到右边没有内容重点，且排版过于紧凑，十分不美观，左边是排版好的文字，区别相当明显。

✅图片格式

图片取色

取色功能可以在排版时让整体色调相似，不花哨，风格一致。

把获取到的颜色，先选择颜色分组，再点击加入对应的调色板；添加完成后，可以在对应颜色分组里看到刚添加的颜色。

​

图片增强

点击增强，可以看到处理图片的四种增强特性，分为图片模糊、亮度、对比度以及锐化设置，可以用它们对图片进行一些简单的图片增强行为操作。

这四种图片增强效果设置，我们在实际应用时，可以在同一张图片上作用多种增强效果，不必拘泥于只设一种，多尝试就能得出最适合的图片增强效果设置。

图片阴影

图片阴影，能设置水平偏移、垂直偏移、阴影模糊度、阴影范围、阴影颜色；也能添加多层阴影、删减阴影层。

各位可以观察到右边的图片设置了阴影之后在视觉上会更加立体，我这里弄的是灰色，如果大家想用其他颜色也可以换成其他颜色。

除了以上功能，还有图片裁剪、图片替换等功能，比较基础，排版时点击图片就能看到。

✅键盘快捷键

以下是给大家举例的常见的一些快捷功能，类似复制、粘贴、剪切、撤回之类的和word的快捷键是一样的，所以就没单独写出来。

Ctrl+S：保存

Ctrl+Alt+P：预览当前图文

Ctrl+A：选中全部内容

Ctrl+鼠标：选中编辑区中的多个内容组件

Ctrl+B：文字加粗

Ctrl+I：文字斜体

Ctrl+U：文字下划线

Ctrl+K：文字删除线

Ctrl+O：编辑界面打开一个图文

Ctrl+Alt+P：预览当前图文

MAC电脑中除最后一个预览当前图文是command+option+p，其他的所有快捷键都是用command键替代ctrl。

✅背景

如果我们不想要纯白色的背景，可以在秀米编辑界面，设置背景颜色。

单击编辑界面右边小花按钮，在弹出的属性条中，在主题色调色板旁边还有一个调色板，点它旁边的倒三角按钮，可以选择设置背景色或者是背景图。

选择背景图时，可以自己在秀米自带的图片素材里搜索。也可以上传你喜欢的图片到图库里，找到合适的图片后点击就可以了。记得选择【重复】操作使得背景图能重复使用。

三、图文发布方式

✅复制到公众号

将图文排版上传到微信主要有三个方法，其一是复制，其二是同步，其三是微信扫码转发到朋友圈或微信对话。

编辑完毕后，点击编辑界面顶部的对勾按钮全选内容，然后会出现以下操作提示：

键盘上摁ctrl+c（Mac：command＋c）复制后，打开微信公众平台编辑器，将内容复制到正文区域，以下是复制到公众号的样子，和在编辑器中几乎一样：

✅同步到公众号

同步到公众号的功能对于一些有SVG交互效果的图文十分友好，不会错位。

对于普通的纯文字+图片的推文，用复制粘贴效果是一样的。

点击同步到公众号之后，打开公众号就会直接出现在公众号的草稿箱里面，此时再在公众号编辑发布即可。

✅另存给他人

排版好一篇图文或者做好了固定的模板，可以另存给他人发布、使用。需要填写他人注册秀米账号的邮箱或者手机号码。如图：

另存给他人后，就可以直接在秀米【我的图文】中看到啦~

四、注意事项

最后，有一些注意事项需要强调一下：

⭐整体画面应该简洁大气，有留白。

⭐颜色不可过于花哨，每一篇推文尽量不要超过4种颜色。

⭐正文字体颜色不要选纯黑，黑色偏灰就可以了。我用的是rgb(60, 60, 60)

⭐ 发布推文时记得设计公众号封面，封面尺寸是2.35：1，小图是1：1

⭐尽量不要使用IE浏览器，换成谷歌chrome或者微软Edge浏览器

⭐ 排版好的推文还可生成PDF、长图

⭐每一段文字的首行无需缩进，顶格写就可以了

⭐遇到认真总结的干货文章不容易，如果对你有一点点帮助，请动动小手指点一个小小的关注给予鼓励♥不定期分享新媒体知识。