当前位置:首页 > SEO网站 > 正文内容

(超详细干货)微信公众号图文排版公式,快收下!

admin3年前 (2023-03-08)SEO网站449

干货分享之前,我们必须要明白一个道理,排版的作用是什么?

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

人天生缺乏耐心,如果没有经过排版处理,冗长的文章会给读者带来很大的信息获取压力。

排版的作用有下面几点:

减轻读者的压力;

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

给读者提供适当休息,阅读成就的满足感。

正文排版,包括二部分:

1)文字:字号、颜色、对齐、、排版规范

2)留白:字间距、行间距、段间距、页边距

一,文字

1、字号

标题:推荐16px-18px

正文:推荐14px-16px

标注:推荐12px-14px

2、颜色

文章中除了图片,正文全部颜色不要超过三种,颜色太多显得杂乱。另外,不要选择饱和度太高的颜色,就是日常所说鲜艳的颜色。

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

(1)主题色

一种颜色作为主题色,可以用在标题、重点内容、二维码、头像、顶部和底部的引导等。

(2)正文颜色

一种作为正文颜色,不建议用纯黑(#000000),手机端会比较刺眼,灰色会温和一点。常用的有:#595959、#3f3f3f。

(3)标注色

一种作为标注颜色,用作引用内容、注释、声明等。常用的颜色有:#888888、#a5a5a5

3、对齐

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

左对齐适用于干货类文章,即深阅读型;

居中对齐适用于娱乐型文章,即浅阅读型。

(1)左对齐

左对齐型排版,首行不需要缩进。

在中文书籍中,因为段落间没有间隙,所以需要用两个字符的缩进加以辨识。但在网页端和手机端,书本式的排版会让读者感到压力,大家改用空行作了段落区分。

(2)两端对齐

没有了首行缩进之后,文章左侧像刀削斧砍一样工整。与之相对,右侧容易出现锯齿一样粗糙的边缘,英文排版中尤甚。

(3)右侧边缘粗糙

针对这种情况,可以在编辑器中,使用两端对齐功能,将右侧也对齐,显得更加精致。

4、排版规范

(1)强调

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

引用 justfont 中的一段话:

借由底色、边框与不同字体的变化,告诉读者这一段很重要,也帮助快速浏览掌握重点。

除了要特别讨论的上色之外,最常用的强调法不外乎「加粗」、「变斜」或是「加底线」。

加粗、变斜是透过墨色浓度或形状变化与正文对比,这发源自西方数百年的排版规则;加底线则是打字机盛行之后留下的遗产。

强调方式很多,但是千万不能乱用,更不能同时用在一个段落里,否则效果会让人很尴尬。下面进行一一说明。

(2)下划线

下划线是打字机时代的产物,如今已经过时。如果用下划线进行强调,反而会喧宾夺主,对文字的阅读形成干扰。除超链接外,其他句子尽量不要使用下划线。

(3)斜体

英文从文艺复兴时期,就已经有了用斜体进行强调的排版规则。但中文不同,中文没有斜体,只有计算机程序变形的斜体效果。

中文斜体后失去了中文字形原来的结构和美感,所以不要在中文中使用斜体。

(4)加粗

加粗是最理想的强调方式,也是最通用的做法。强调的时候除了加粗外,还可以改变字号或改变颜色。

(5)引用

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

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

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

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

二,留白

(1)字间距

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

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

字越小,字间距应该越大,行间距也应该相对越大,反之亦然。

(2)行间距

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

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

(3)段间距

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

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

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

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

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

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

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

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

(4)段落长度

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

段落长,留白少。

段落短,留白多。

如果都是长段落,黑压压的大段文字会让人觉得呼吸不过来;如果是一连串的短段落,大片的留白会打断排版的连续性。

而如果都是中等长度的段落,则就像唱片机卡碟一样,絮絮叨叨,缺乏丰富的节奏。

控制段落长度的节奏,是非常重要的排版技巧,这点很多人都不知道。长、中、短段落结合,能让读者在大段文字中迅速找到落脚点。

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

最后,段落最长也千万不要超过一屏。下图这种神人行为,我们一般人千万不要尝试,简直喘不过气。

(5)页边距

页边距是阅读时,正文与左右两边的距离。微信默认比较窄,可以用编辑器进行调整,给读者更多的阅读空间。

有一些比较文艺风的文章,会设置很大的页边距来增加留白。根据自己情况来调整,本文的页边距为

365编辑器是微梦传媒旗下的一款微信编辑器,拥有海量正版素材、模板,动图图库,提供文章一键排版,微信图文美化和公众号内容编辑功能,支持实时预览,一键秒刷,多平台一键同步,实现新媒体编辑的多样化内容运营

扫描二维码推送至手机访问。

版权声明:本文由老苏SEO转载并发布,如侵权可联系删除。

本文链接:https://laosuseo.com/?id=20865

分享给朋友:

“(超详细干货)微信公众号图文排版公式,快收下!” 的相关文章

标签优化对网站的意义和作用

标签优化对网站的意义和作用

如果你是一名SEO人员,那么你在做网站优化的时候,一定会接触到如下几种标签,很多优化人员刚开始做百度搜索引擎优化,关键词排名的时候,经常会忽略以下几个小细节:1、与标签这2个标签在前台页面展示的时候,其实效果都一样,但对于搜索引擎而言,它更喜欢前者:利用这个标签包含目标关键词的效果,要强于标签,所以...

如何打造一个高质量的网站外链和软文

如何打造一个高质量的网站外链和软文

       自从百度站长平台Lee谈外链的文章发布后,关于外链建设的话题就源源不断,而近期全国最大站长网-A5站长网突然取消了论坛签名的显示让外链的话题更是“火上加油”,其影响力完全不亚于百度绿萝算法甚至是百度6.28K站事件。  但事实上我们都大题小做了,...

八个基础的SEO代码优化方法

八个基础的SEO代码优化方法

很多人把SEO当成了工程师,其实SEO是一门技术型营销,准确的来说应该称呼技术营销师才对。之所以被误以为是工程师是因为SEO需要跟代码打交道,那么哪些代码是SEO基础代码呢?一、A标签A标签也叫链接标签,A标签中经常用到的是title属性,白帽SEO的操作手法一般是将A标签开始标签和结束标签之间的内...

SEO专栏网站建设中如何设置Meta信息,提高SEO?

SEO专栏网站建设中如何设置Meta信息,提高SEO?

最近Blue Box International Brand Consultancy(蓝盒子国际品牌咨询)为一家VC阶段已经完成B轮融资(两轮融资额超过1亿元人民币)的科技公司搭建企业官方网站。网站建设过程中,一定要充分考虑SEO因素。好的SEO布局和设定,网站更容易被搜索引擎成功抓取,在后续的企业...

SEO一般有哪些内容优化呢?

SEO一般有哪些内容优化呢?

SEO是指通过对网站进行站内优化和修复(网站Web结构调整、网站内容建设、网站代码优化和编码等)和站外优化,从而提高网站的网站关键词排名以及公司产品的曝光度。通过搜索引擎查找信息是当今网民们寻找网上信息和资源的主要手段。那么SEO一般有哪些内容优化呢?SEO内容优化网站内部优化(1)META标签优化...

优化网页代码的一些基本方法和技巧

优化网页代码的一些基本方法和技巧

现在随着百度等搜索引擎对网站用户体验度的要求越来越高,优化网页代码成了每个站长朋友必须要面对的事情。一般在搜索引擎里面表现比较好的网站,其网站页面都是比较简单,都不会附带臃肿的代码。并且好的网页优化效果将大大减小网页的体积,增加用户体验效。今天笔者就跟大家分享一下优化网页代码的一些基本方法和技巧。优...