公众号排版技巧格式主要包含哪些(编辑排版技巧解读)

精致的排版有什么用?

既然出来卖,就要有好的卖相。

公众号排版技巧格式主要包含哪些(编辑排版技巧解读)

正文排版,包括三部分:

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

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

3.配图:图片的选择

1,文字

1.1 字号

?? 标题:推荐16px-18px

?? 正文:推荐14px-16px

?? 标注:推荐12px-14px

1.2 颜色

文章中除了图片,正文全部颜色不要超过三种,颜色太多显得杂乱。另外,不要选择饱和度太高的颜色,就是日常所说鲜艳的颜色。这些颜色看起来比较廉价,因为会对我们的情绪造成影响。

▍主题色

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

▍正文颜色

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

▍标注色

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

1.3 对齐

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

▍左对齐

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

▍两端对齐

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

▍居中

居中型排版

一句话一行

视觉在中央

所以呢

每行不要多

否则就像这句话突然让眼球扫一整行好费劲

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

1.4 标点符号

我之前在朋友圈看到简书主编一鸣发文章说这个事,整篇文章用的都是咆哮体!一天审稿那么多,可以体会一下他的心情。

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

▍引号

引号推荐使用直角引号「」,这个符号是「我的最爱」。引号中再用引号使用双直角引号『』。表示讽刺、反讽暗示、强调语气、人物对话时,使用弯引号“ ”。

直角引号可以在中文输入法中「特殊符号 — 标点符号」中找到,或者是用直接日文输入法输入,键盘上的括号键即是。

直角引号源自日文,弯引号源自英文。

相比弯引号,直角引号在汉字排版中更为优雅和美观,也避免了全角半角不分的同学乱用弯引号导致的格式错乱。

▍省略号

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

▍破折号

破折号占两个汉字空间,不能用连字符代替,即「–」,除了书本里,我现在很少看到有人打出标准的破折号了。

在中文输入法下,用 shift – (键盘 0 右侧的键)打出来,即「——」。

▍项目符号

有序列表:

1. 数字序列是最常见的有序列表。

2. 数字之外还有英文、罗马文序列等。

3. 数字后面加的是圆点而不是顿号。

无序列表:

● 小黑点是最常用的。

■ 小方块跟中文搭配也很优美。

○ 小圆圈多用于注释内容。

▍三角符

▲正三角经常居中放在照片下方,注释内容前面,起指示作用。

▼倒三角经常单独居中成行,用于分隔两部分内容,引出下文。

▍分隔符

除倒三角外,还有很多符号,都可以用作分隔符。

▍进度符

这是 i排版在一篇文章中提出的方法,我觉得也很有意思:

选择同一个小符号,用类似进度条的方式来标注,更换其中某一个或几个小符号的颜色,让读者知道文章读到哪一部分,起到提示进度的作用。下面我用一个小符号来示范下:

第一部分

?? ?? ??

第二部分

?? ?? ??

第三部分

?? ?? ??

PS:改不了颜色,我就先用斜体代替了。

1.5 排版规范

▍强调

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

引用 justfont 中的一段话:

借由底色、边框与不同字体的变化,告诉读者这一段很重要,也帮助快速浏览掌握重点。除了要特别讨论的上色之外,最常用的强调法不外乎「加粗」、「变斜」或是「加底线」。

加粗、变斜是透过墨色浓度或形状变化与正文对比,这发源自西方数百年的排版规则;加底线则是打字机盛行之后留下的遗产。强调方式很多,但是千万不能乱用,更不能同时用在一个段落里,否则效果会让人很尴尬。下面进行一一说明。

▍下划线

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

▍斜体

英文从文艺复兴时期,就已经有了用斜体进行强调的排版规则。但中文不同,中文没有斜体,只有计算机程序变形的斜体效果。中文斜体后失去了中文字形原来的结构和美感,所以不要在中文中使用斜体。

▍加粗

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

▍引用

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

▲引用功能

引用的内容要独立成段,如果来自别处,请记得加上引用说明。用了引动功能的句子,就是多了这句话前面那道竖杠。

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

2,留白

纸上只有黑与白两部分。

上面说的文字和符号,就是排版设计中「黑」的部分,而设计「白」的部分,也是非常重要的。

字间距、行间距、段间距、页边距等,这些是「白」的部分。就像阴阳一样,黑白得当,才有了和谐的美感,给阅读留下了呼吸的空间。

2.1 字间距

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

2.2 行间距

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

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

2.3 段间距

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

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

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

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

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

?? 换行不空:用在两段文字是讲述的一个内容,只是在阅读时需稍作停顿的情况。手动设置的话,标题和小节之间的行间距也有所差别。最好的方法,还是去参考喜欢的大号,模仿他们的习惯,然后在试图创新。

2.4 段落长度

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

段落长,留白少。

段落短,留白多。

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

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

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

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

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

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

3,图片

3.1 图片的选择标准

简单来讲,图片有两大选择标准:清晰、统一。

▍清晰

图片高清不模糊,是排版的基本要求。除了原始图片是否高清以外,不同的格式也会影响最终效果,图片的格式部分下文会讲。

另外要注意图片上不要有水印,除非是经过特殊设计的水印,否则真的很土。

▍统一

统一包括主题、风格、尺寸上的统一。图片要与文章主题统一,不同图片之间的风格要统一,不要上面都是漫画表情,下面一下子都变成了人物风景。另外不同类型的图片,最好将尺寸统一。

只要学习好以上这几个点,相信你的版面会焕然一新。下面给大家分享几个图库网站。

Behance:http://behance.netDribbble:http://dribbble.comPinterest:http://pinterest.comPixabay:http://pixabay.comUnsplash:http://unsplash.com500px:http://500px.com花瓣网:http://huaban.com站酷网:http://zcool.com.cn

甲方乙方/“共享市场部”社群招募

晓涵plus:一个有价值的新媒体学习交流社群

发表评论

登录后才能评论