微信排版,一定要顺应人性

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

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

排版的作用有三点:

1、减轻读者的阅读压力

2、增加读者对文章的理解力

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

正文排版,包括三部分:

1.文字:字号、颜色、标点符号、排版规范

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

3.配图:封面图、配图、GIF

 

文字

01 字号

标题:推荐16px-18px

正文:推荐14px-16px

标注:推荐12px-14px

02 颜色

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

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

(1)主题色

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

(2)正文颜色

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

(3)标注色

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

 

03 对齐

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

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

(2)两端对齐:没有了首行缩进之后,文章左侧像刀削斧砍一样工整。与之相对,右侧容易出现锯齿一样粗糙的边缘,英文排版中尤甚。针对这种情况,可以在编辑器中,使用两端对齐功能,将右侧也对齐,显得更加精致。

(3)居中:居中型排版,一句话一行,视觉在中央,所以每行不要多否则会让眼球扫一整行好费劲。

注:另外,不同的对齐方式不要混淆在一起。否则就打破了整体上的视觉统一,不够舒适。

 

04标点符号

标点的乱用,也会导致排版会乱。一些文字编辑对标点乱用是非常反感的。

中文标点符号应全部使用全角符号,下面举出几个常用的标点符号。

(1)引号:引号推荐使用直角引号「」,这个符号是「我的最爱」。引号中再用引号使用双直角引号『』。表示讽刺、反讽暗示、强调语气、人物对话时,使用弯引号“ ”。直角引号可以在中文输入法中「特殊符号 — 标点符号」中找到,或者是用直接日文输入法输入,键盘上的括号键即是。直角引号源自日文,弯引号源自英文。相比弯引号,直角引号在汉字排版中更为优雅和美观,也避免了全角半角不分的同学乱用弯引号导致的格式错乱。

(2)省略号:千万不要用六个句号「。。。。。。」作省略号,也不要用三个点「...」,三个点是英文中的省略号。中文省略号「……」在中文输入法下,用 shift + 6 打出来。

(3)破折号:破折号占两个汉字空间,不能用连字符代替,即「--」,除了书本里,我现在很少看到有人打出标准的破折号了。在中文输入法下,用 shift + - (键盘 0 右侧的键)打出来,即「——」。

留白

上面说的文字和符号,就是排版设计中「黑」的部分,而字间距、行间距、段间距、页边距等,这些就是「白」的部分。就像阴阳一样,黑白得当,才有了和谐的美感,给阅读留下了呼吸的空间。

01字间距:

针对一般的文本设计来说,字号越小,字母之间的间距就要越大,以使文字易于辨认。相反,如果将字号调大的话,紧致一些的间距以至于字符之间不会那么松垮,而更易阅读。可以在编辑器中对字间距进行调节,0.5 —1.5 都很常见。

02行间距:

行间距一般为字号的 1.5 倍左右。14px — 16px的字号,推荐 1.5 或者1.75 的行间距。但我比较习惯用1.8

03段间距:

段间距一般用回车空行代替,当然也可以进行手动设置,正文中设置 15 的段间距,在微信上看起来就非常美观。手动设置的话,标题和小节之间的行间距也有所差别。最好的方法,还是去参考喜欢的大号,模仿他们的习惯,然后在试图创新。

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

guxing 2017-06-12