微信公众号图文排版实操教程:做出好看又易读的文章
运营公众号三年了,我发现很多号主内容写得不错,但排版一塌糊涂,字挤成一团,颜色花里胡哨,读者打开看两眼就关了。其实排版不需要多花哨,干净、易读、有呼吸感就够了。今天把我这几年总结的排版经验分享出来,从字号到配色到配图,全是实操干货。
一、排版的基本规范
先说好基础参数,这些是经过无数号主验证过的最佳实践,照着设基本不会错。
字号方面,正文用15px或者16px,别用14px以下,手机上看着累。标题可以用17到20px,小标题16px加粗。注释和引用用14px,颜色调浅一点。
行间距设成1.75或者2倍,这个是关键。行距小了文字挤在一起,阅读体验很差。段间距也要设,段前或者段后留10到15px的空白,段落之间有明显分隔。
字间距设成1或者1.5px,让文字之间有点呼吸感。页边距两边各留15px,不要让文字顶到屏幕边缘。
以上这些参数在公众号后台的编辑器里都能调,或者用第三方编辑器(秀米、135、壹伴)设置好再复制过来。
二、配色方案:一套颜色走天下
配色是重灾区,很多人一篇文章用五六个颜色,跟调色盘一样。公众号排版的配色原则是:一个主色加一个强调色,再加上黑色和灰色,最多四种颜色。
正文颜色用深灰(#3f3f3f或者#595959),别用纯黑,纯黑在手机上太刺眼。标题可以用黑色或者主色。强调色用来标重点,比如关键词、引用块的边框,选一个跟公众号风格匹配的颜色,比如科技类用蓝色,美食类用橙色,情感类用粉色。
我自己的号用的是深蓝色(#2c5f8d)做强调色,正文深灰,标题黑色,引用块用浅灰背景加深蓝左边框。整套配色统一,读者看着舒服,也形成了自己的风格。
配色定下来之后就别乱换了,每篇文章都用同一套,形成视觉识别。读者一打开就知道是你写的。
三、标题和小标题的设计
标题不用太复杂,加粗加黑就行,字号比正文大两号。可以在标题前后加个小符号或者色块装饰,但别太多。我习惯在标题前面加一个竖线色块,比如"▎",简单又好看。
小标题要醒目,跟正文区分开。可以用加粗+主色,或者加一个浅底色块。比如小标题文字放一个浅灰背景的框里,左右留点 padding,效果就很不错。
每篇文章的小标题层级不要超过两级,一级标题和二级标题,多了读者会晕。一级标题用大一点的字号加粗,二级标题用正文加粗就行。
四、正文排版的细节
正文排版最忌讳大段大段的文字,手机上一屏全是字,谁看都累。所以要多分段,每段2到4行就换段,别一段写十几行。
重点内容要突出,比如加粗、换颜色、加底色。但别满篇都是重点,那样等于没有重点。一篇文章重点不超过五处,读者才能抓住核心。
列表内容用项目符号或者数字序号,比堆在段落里清晰多了。比如写步骤,就用1、2、3列出来,别写"第一步...第二步...第三步..."在一段话里。
引用内容可以用引用样式,左边加个竖线,背景浅灰,字体调小一点颜色调浅,跟正文区分开。这样读者一眼就知道是引用的内容。
五、配图的原则
配图不是越多越好,要跟内容相关。每篇文章配3到5张图就够了,首图一定要有,用来吸引点击。中间配图用来分隔段落、辅助说明,别放无关的装饰图。
图片宽度要统一,建议宽度设成100%或者90%,跟正文对齐。图片之间留一点间距,别贴在一起。图片下方可以加一行小字说明,用14px灰色字。
图片风格要统一,比如都用插画风格,或者都用实拍风格,别一会插画一会卡通一会实拍,看着乱。还有图片要压缩,太大的图片加载慢,影响体验。我一般用TinyPNG压缩一下再上传。
封面图也很重要,尺寸是900x383或者2.35:1的比例,画面要简洁,文字要大,不然手机缩略图看不清。
六、编辑器的选择和使用
公众号自带的编辑器功能比较基础,我一般用第三方编辑器排好版再复制过来。常用的有秀米、135编辑器、壹伴助手。
秀米的模板多,设计感强,适合做风格化的排版。135编辑器功能全,操作简单,适合新手。壹伴有浏览器插件,能直接在公众号后台用,比较方便。
用第三方编辑器排好版之后,全选复制,粘贴到公众号后台。注意有些样式粘贴过来会变形,需要检查调整。复制的时候建议用"复制带样式"或者"复制到公众号"的按钮,别直接Ctrl+C,那样样式容易丢。
粘贴到公众号后台之后,一定要在手机上预览一遍。电脑上看着没问题,手机上可能会变形,特别是间距和图片大小。预览没问题了再群发。
七、几个实用的排版小技巧
第一个是分隔线。段落之间或者章节之间可以加分隔线,不用太复杂,一条细线或者几个点就行,起到分隔作用。我常用的是三个居中的小圆点"···",简单好看。
第二个是引导关注。文章末尾可以加一个引导关注的模块,放二维码或者关注提示,但别太硬广,读者会反感。可以说"觉得有用的话点个关注,下期更精彩"之类的。
第三个是首尾呼应。开头有个引言,结尾有个总结,结构完整。开头引言可以用引用样式,结尾总结可以用加粗的一两句话。
第四个是善用空格。中英文之间、数字和文字之间加个空格,排版会更美观。比如"iPhone 15"比"iPhone15"好看,"3个技巧"比"3个技巧"(加空格)更舒服。这个小细节很多人忽略,但加上之后整体质感提升不少。
八、排版的误区
最后说几个常见的排版误区。第一个是花里胡哨,各种颜色各种样式堆砌,看着特别乱。记住Less is more,简洁永远不会错。
第二个是字太小,为了塞更多内容把字号调到12px,手机上根本看不清。读者看不清就走了,内容再好也白搭。
第三个是行距太小,文字挤成一团,阅读压力大。1.75倍行距是底线,2倍更舒服。
第四个是配图太多太杂,一页文章塞十几张图,读者都不知道看文字还是看图。配图要精不要多。
第五个是不统一,每篇文章排版风格都不一样,读者记不住你。定好一套排版规范,每篇都照着用,形成自己的视觉标识。
排版这事说难不难,说简单也不简单。核心就是多为读者着想,让他们看得舒服、看得轻松。把上面这些规范执行到位,你的公众号排版水平就能超过80%的号主。多练多看优秀公众号的排版,审美会慢慢提升的。
