微信文章排版规范

作者: shisaq 日期: June 28, 2019

文章来源:公众号排版规范手册(2019版)。本文原创是i排版编辑器,本人不时会使用,这里放一下链接:ipaiban编辑器

TL; DR

1.webp.jpg

2.webp.jpg

封面

从2018年6月起,微信订阅号的内容改成了信息流了,所有的信息一滑就过去,而且微信还进一步压缩了封面的展示空间,只有自己经常阅读的账号和置顶或者叫星标的账号才有大图封面显示,否则一律用小图展示。这就让标题显得更重要了,而封面需要在小图模式有限的空间里展示信息,更考验运营人员的水平。

(1)大图模式(常读、星标、置顶的订阅号头条封面,或者服务号的头条封面),小图模式(没有常读、星标、置顶的订阅号头条封面,以及二条和以后文章的封面,包括朋友圈转发、好友转发的封面)

3.webp.jpg

(2)大图模式封面尺寸是900x383,小图模式封面尺寸是383x383,或者1:1的正方形图都可以。

(3)大图模式封面图需要预留出标题遮挡的位置 ,一行标题占的高度大概是900x70两行标题占的大约是900x120,可以看下面图片的红色和黄色区域。

(4)由于大小图模式共用一张封面,所以封面上的核心图形、人物、文字信息最好放在383x383的范围内,而且要避开标题,也就是中部偏上的位置。未必要在正中心,只要在正方形范围内就可以。

4.webp.jpg

(5)由于标题是白色文字,所以封面图最好是纯色且颜色较深的背景,不要在标题出现的区域放置重要信息或文字。

(6)封面图上最好有且只有一个核心元素,不要在封面上出现过多的文字或元素,要能让标题内容反映在封面上,让用户预期和打开后的感受保持一致。

一级标题、二级标题

一级标题建议字号16-18px,加粗,用品牌色,居中显示

二级标题建议字号14-15px,加粗,用品牌色

5.webp.jpg

有条件的团队或品牌可以设置自己专属的小标题,比如下面这样的

6.webp.jpg

正文与段落

正文

(1)正文字号建议14-15px,黑色或深灰色

(2)引用字号建议13-14px,灰色,斜体

(3)注释字号建议12-13px,灰色,居中或居右显示

我们把上面一二级标题的字号颜色也放在下面这张图了,你可以一起看一下,比较比较。

7.webp.jpg

段落

(1)段落与段落之间要空一行,且首行不缩进。

(2)一个段落长度不超过手机一屏,保持在1/2屏以内最好。

8.webp.jpg

(3)重点内容使用加粗+品牌色的方式,比较醒目。但一篇文章强调3-5处即可,不可过多。

9.webp.jpg

字间距

字间距可以让文字不至于太拥挤,推荐设置

(1)正式内容或文字较多,设置0.5-1个即可

(2)文艺范、诗歌、段子可设置成 2

i排版编辑器字间距位置

i排版编辑器字间距位置2

行间距

字间距可以让行与行之间不至于太拥挤

(1)建议设置为1.5倍、1.75倍

(2)内容较少或文艺类、诗歌、段子类可设置2倍

12.webp.jpg

主色、辅助色

(1)文章主色建议为品牌、LOGO、产品主色,辅助色为主色的搭配色;

(2)一篇文章使用颜色不超过3种

(3)推荐配色网站:

① https://flatuicolors.com

② http://nipponcolors.com

③ https://color.adobe.com/zh/create

④ http://color.uisdc.com

配图

(1)静态图5M以内,动态图2M以内;

(2)支持JPG,PNG,GIF三种格式,在同样的尺寸下,PNG图片的清晰度最佳;

(3)图片尺寸、风格调性要保持统一;

(4)图片与文字之间隔一空行,图片注释文字居中或居右均可;

(5)有条件的可以在图片上加上品牌水印或修饰文字;

(6)可对图片做阴影、边框、形状处理,或使用编辑器内图片样式或多图组合;

(7)图片要注意版权,不清楚版权的一定要不要用;

(8)请关闭微信后台默认水印;

(9)无版权网站推荐:

https://unsplash.com/

② http://pixabay.com/

③ https://www.pexels.com/

④ http://www.polayoutu.com/

https://kaboompics.com/

(10)图片上的字体也需要注意版权问题,你可以到本公众号后台当中回复【字体】下载我们为你整理的免版权字体。

13.webp.jpg

尾部签名

(1)尾部签名主要是放账号的简介、Slogan和二维码;

(2)鼓励读者星标、置顶自己的账号;

(3)有条件的品牌或团队可定制个性化动态二维码。

14.webp.jpg