找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[微课干货] 微课干货 | 135编辑器COO教你,微信排版的六大终极秘籍

[复制链接]
兔展君    管理员 
2017-3-29 18:30:48 显示全部楼层
昨晚,135编辑器COO 孙晓芳,为我们带来了《微信排版的6大可读性原则》兔展微课第13期线上分享。


针对微信排版,晓芳同学用最直白的语言和最贴近工作场景的案例,为我们讲解了微信排版的6大原则,以及实际应用中需注意的排版潜规则。下面让我们一起回顾昨晚的精彩内容。  


以下为分享回顾完整版:


各位晚上好,很高兴有这么个机会与大家分享关于排版的话题。


既然大家今晚来到这里交流,相信大家都是有负责过微信公众号的运营。那为什么会讲到可读性原则和微信排版呢?很多时候与大家交流的时候会有人问到:有些大号也不排版,但是阅读还是十万加、传播量非常广,排版有那么重要吗?


其实排版真的很重要,我们有句话说“女为悦己者容”,大多数人谈恋爱都看对方是不是给人一种干净的感觉,如果太邋遢,我相信给你感觉是不好的。同样公众号也是,第一位肯定是内容的质量,但在内容保证质量的前提下,能给别人眼前一亮,我相信你肯定更能留住你的粉丝,就像我们有句话说的“内容不够、排版来凑”。

我们做排版第一个是一个品牌的需要,比如LV的包,在大家上看到那种颜色和图案,不管真假你就能识别出来,还有很多品牌都是,比如说“坐宝马开奔驰”,比如说沃尔沃的安全性,这都是品牌的一个印象。同样的道理,我们很多用户都会说我们要开一个公众号,公众号需要定一个调,需要公众号能够很好反应平台的形象,当然很重要的一点就是视觉,其中就包括品牌logo、色调和排版。

我们做新媒体这块总是能听到近两年微信红利已经过去了、没有前两年好做等等,其实我在实际与编辑打交道的过程中,会发现真的是很多企业从现在才开始重视公众号,很多企业找到我们让我们做一些定制的服务,其实足够看出现在很多企业对排版的重视程度。今晚我就会从以下几个方面与大家交流:1、版式设计目的,2、版式设计的六大可读性原则;3、一些案例的交流。



一、版式设计目的


首先我们看看版式设计的目的。其实目的不是为了设计而设计,而是说你做排版是为了让你的内容更好的传达。排版是为了辅助你的阅读,同样的文字,一个是密密麻麻,一个是字与字之间有留白,那你肯定是跟愿意去读有更好排版效果的那个,所以说排版是辅助阅读的,让你的读者能在视觉上得到愉悦的感受。


11.png

那么既然是辅助阅读的话,我们就切记不要喧宾夺主。今天就不举反面的例子了,其实大家看爸妈或者长辈的朋友圈就会有这种感受,很多老年号的图文排版就做的比较花哨一些,当然,可能每个群体都有不同的偏好,我这边强调的是一种大众的情况。
22.png

那么一篇文章排版都包括哪些内容呢?我给大家列了一下,当然我罗列的就是使用第三方编辑器上会用到的内容。其实我们在于一些就算是大企业的接触过程中发现,他们可能都不太清楚一篇文章中的这些要素都叫什么,也不太清楚一些需求要怎么提出,所以这里罗列了一下,大家可以去了解一下。

头部会有引导关注,文章头部可能会有banner图,有些banner图是动态的形式,然后标题、正文样式,包括分割线,还有一些音频视频的应用,包括最后的二维码等等。

但我们要注意哪些细节呢?

首先是,全文的布局。我们现在见到的大多都是很正统的布局方式,但是也有一些设计类、杂志类、电商类的号,他们的布局可能会用到左右布局、分栏布局等。所以我们首先可以把布局风格定下来,因为微信完全是可以排成杂志那样的。


如果文章图片比较多,那可能要去处理图片,因为手机屏幕宽度有限,横排可能最多放三张,所以可能就需要用到一些处理拼图的手段。如果你的文字比较多的话,就需要通过标题让每个段落的意图更清楚,包括分割线和符号,能够引导读者去关注你想让他关注的地方。当然文字也可以用大小、颜色、整篇文章的配色去体现。
这些都是细节,我下面会从几大原则去给大家讲。


1、标题

当然,标题取得好是最最重要的,我们经常可以看到有些标题意味深长。比如我看到过一个标题大概意思是说一个女人在最繁华的地方搬了三处房,到底什么原因?其实内容可能是孟母三迁,这些标题都很吸睛,当然这可能也是标题党的行为。我所知道标题取得特别好的人,那咪蒙肯定算一个好榜样,很多时候取标题都是需要建一个专门的讨论组,当然也可能有一些核心用户的群,在内部讨论完以后会把临时链接放到用户群里测试。

QQ截图20170329191056.png

当然我们这里要说的是,标题我们建议需要简洁,尽量不要超过一行。保持在13个字以内的话,那就是一行之内了,如果确实内容比较多需要两行的话,那也建议是控制在64个字节以内。
QQ截图20170329191119.png


如果是多图文的话,就需要知道如果第一条标题太长,就会把封面图遮挡住,而且分享到朋友圈后,长标题的后半部分同样会被遮住,这样对于你的打开率的影响是很大的


然后就尽量少用生僻字,我们需要第一时间吸引读者,也不宜过多的去使用标点符号,并不是说用标点就会让标题更醒目一些,其实这是要忌讳的。

我再简单说一下摘要,摘要也需要尽量简洁,有些摘要就是文章的中心思想,有些是标题的补充,有些是能够与标题形成一个对比。比如说标题是“微信排版你就看这一篇”,摘要就是“不看你就完蛋了”之类的。


上面说的是封面的标题,下面我们说下文章里面的标题。

文章里面的标题分为很多,有些文章可能只会用到一级标题,有些可能有二级标题、三级标题等。

一般情况下,一级标题是居中的;但有一个特殊情况可以不居中就是,这个标题特别长,除非你能很好处理第一行多少字、第二行多少字,否则这个长的一级标题建议还是左对齐,然后再空两行处理二级标题。

二级标题一般是左对齐,当然也有居中的时候。具体的我们可以从很多例子中看出来,包括人民日报、虎嗅、36氪等一些公众号内排版。

如果不使用样式的话,也可以通过颜色的突出、加粗来表现,这时候你可以单独列一行放在中间,上面和下面有空行来突出。另外,你也可以用类似135编辑器这样的工具来套用标题样式来做区分。


当然,整个排版不止是标题,都需要贴合正文的内容风格来匹配。比如我们做政府类的,就需要选择简洁的标题和排版,如果是幼教类的,可能就需要选择颜色鲜明一些、可爱一些、甚至一些数字符号来做,这样整个搭配下来就不会突兀。

一般来说,标题的字号最大可以选用到18号字,16号字也会比较多,正文14、15、16号字体都可以,我们的原则肯定是标题比正文的字号要大。

标题对政府类、大篇幅文章来说非常重要,文字很多的就靠标题来让你的文章更加分明;如果是吃喝类、图片类的就还好,可能全篇不用太多标题去展现。



2、正文

现在微信后台默认的是微软雅黑,但是很多懂设计的会自己设计然后转化成图片格式放在微信上面去,或者是通过第三方工具去改变字体。这里我稍微提一下,不管用哪一家的工具,很多时候都会出现一些字体问题,在编辑器中看到的是这种字体,为什么到微信后台就变了字体,就是因为微信有默认的字体,如果用其他字体可能需要转为图片格式才能显示。
QQ截图20170329191131.png

文章选用什么样的字体,我举个例子。像这种诗词,可能更适合用手写体、毛笔字会显得更软一些。

正文字号上面也讲过,14、15、16号都可以,你习惯用哪一种就用哪一种。除了字体可以选择,字间距也是可以选择,这个就要借助第三方工具了。我们看下面的例子,文章的字与字之间、行与行之间都有间距。在文章内容不是很多的情况下,你的字间距行间距可以调的更多一些,让文章有更多的呼吸空间。一般来说我们用的行间距是1.5倍或者1.75倍的行间距;当然如果你是诗歌散文类的文字较少,一般来说我们就会居中大幅留白,并把行间距调整到2倍。

33.png

其实不管是字间距、行间距、页边距,这些讲白了就是要留下足够的空间给读者,读者在看电子阅读物的时候能给到一定的视觉空间,让他阅读起来不会太困难,而且人的眼睛是呈Z字型看的,有一个视域范围,留白就可以让文章控制在视域范围之内,减少人的大脑的操作次数,看起来就会更轻松,起到辅助阅读的作用。
44.png
那么来说对齐方式,有左对齐、右对齐、居中对齐或者一些其他特殊的对齐方式。我就有看到一些文章会特别奇怪,有时候看到的那段文字有几个字掉在正中间,这种看起来就特别别扭。如果我们在选居中的时候不是一句完整的,而是需要跳行到下一行,我不太建议用居中对齐的方式。
55.png
如果全是短句子,你就可以用居中对齐,行距也可以选择两倍行距,但是绝大多数情况下都是左对齐或者是两端对齐;两端对齐需要注意一个细节就是英文单词,很多时候会处理成一个单词的上面一截在上面的行,下面一截在下一行行首,所以用两端对齐的时候需要再次检查。右对齐可能大家比较少见,比较多的就是电影的字幕会有右对齐。


3、图片

封面的头图一般就是900*500,二条一般就是200*200的大小。图片要注意的就是插图在文中的风格和配色,如果是静态图建议在1000像素左右,如果是动态图建议在1080的像素;图片格式建议是用gif格式,会比JPG更清晰一些,但gif也有缺点,如果图片颜色太多了,gif格式图片可能就会失真,而且gif图片在后面有些动图是需要点一下才能动。
77.png

我们选配图首先是需要清晰,然后就是要和内容相结合。我们很多时候习惯性的放在内容的上面或者下面,但是我们留意一下,如果你需要介绍某个人,那个人的图片其实是可以放在段落中间的。

有些文章里的配图是拥有统一风格色调的,这个我们称之为套图,不会让文章配图随心所欲杂乱无章,会让整篇文章看起来更搭配和谐。

当然我们还有很多其他的处理方式,比如说缩放、裁剪、旋转、翻转、锐化等等。如果我们不太想做太多装饰,我们就可以简单加一些阴影,看上去更立体;比如我们看图片太尖锐,我们就可以做一个圆角的处理。还有就是你可以直接添加图片的样式,比如说加一些别针、阴影等一些简单装饰。


4、图文

很多时候我们不希望图片文字就那样放着,我们希望它们能结合的更紧密一些,所以可以用到一些图文的排版,上图下文、下图上文、左图右文或者是图文叠加的方式都可以。你可以通过PS或者编辑器的图文样式都行。
88.png

如果你选用了一种样式,比如左右布局,那么建议通篇文章都使用这种样式来排版;编辑器中图文样式很多,但建议还是需要固定下几个样式来让文章有自己的风格,但是还是要根据你自己文章的内容去选择,不用选择太多,只需要固化几类即可。



5、标点

标点这块其实很多人会经常犯错误,我这里在ppt上简单列举了一下,但是没有办法全部罗列下来。
99.png
中英文之间、中文与数字之间、数字与单位之间都是需要加一个空格,还有切记行首和行尾不要单独出现标点。如果要让公众号排版显得高端一点,我们用引号的时候可以使用直角引号代替,还有很多比如说符号后面需要加空格的,比如我们经常使用的“@”,@后面加一个空格才是正确的,当然,邮件除外;破折号都是占两格汉字空间,省略号是六个点。这些我们在平常沟通中可能都没有考虑这些细节,其实都是有规范的


6、配色

配色是整个分享的重中之重,首先配色有几个原则,第一是需要整体定一个调。很多企业是有自己的VI视觉系统的,确定品牌色也就是主色之后,再来确定辅助色。其实文章颜色一般情况下不用纯黑,因为纯黑的颜色饱和度比较高,一般我们可以使用75%的灰。标题我们可以用一些点缀色来进行点缀,点缀色不宜超过全文比重的5%。

91.png

颜色这一块还要注意一点——忌纯,我们经常说这个颜色明晃晃的太黄太绿了,这就是颜色的饱和度太高。一篇文章我建议颜色不要超过三种,忌用互补的配色,我们可以看到色环,色环相对的颜色就是互补色,使用互补色会让人感觉对比太强烈。最后还是要注意色彩的含义,这点也很重要,比如说穆斯林教徒都比较喜欢绿色,做证券类的公众号就不适合使用绿色。
92.png

另外有个注意事项就是,我们常常在网页上复制文本总是不容易成功是什么原因?其实是因为原来的网页或者文件中的文本是带有代码的,直接复制会把格式一并复制过来,所以我们需要在记事本中把这些文本的格式全部清除,之后再进行编辑和排版。


三、案例交流


最后讲一下我们在排版过程中遇到的案例。
93.png

看这个“美到心碎的散文”这个图,它的一级标题二级标题其实都没有做什么处理,但是也可以用文字的加粗和大小来进行划分;第二个是我们服务的一个代沟的号,我们在标题的设计上就用到了一个澳大利亚袋鼠的形象,包括它的标题我们就用了一个地图,这就是通过排版来凸显文章的内容及品牌的性质;最右边是一个旅游号的简洁风的一个排版,看图片和正文都是通过他的视觉颜色在做设计,就是通过一些细小的地方去体现你要表达的东西,而不要想着一股脑去表现所有东西,排版永远是服务文字内容的。


最后,品牌的视觉和连续是需要坚持的,常年累月去坚持一种风格,固化下来,就能形成品牌的特有风格。


嘉宾PPT原件下载地址:https://pan.baidu.com/s/1i5KDArN 密码: aajn
回复

使用道具 举报

跳转到指定楼层

[微课干货] 微课干货 | 135编辑器COO教你,微信排版的六大终极秘籍

[复制链接]
帅气流氓    兔帅 
2017-12-11 16:33:24 显示全部楼层
学到了
回复

使用道具 举报

[微课干货] 微课干货 | 135编辑器COO教你,微信排版的六大终极秘籍

[复制链接]
Red笑笑    兔相 
2017-12-15 15:55:30 显示全部楼层
谢谢分享
回复

使用道具 举报

[微课干货] 微课干货 | 135编辑器COO教你,微信排版的六大终极秘籍

[复制链接]
暮流水    兔帅 
2017-12-20 14:00:44 显示全部楼层
学习如何排版
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|兔展论坛 ( 粤ICP备14051807号-6 )

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc. GMT+8, 2019-11-16 03:04 , Processed in 0.064658 second(s), 43 queries .

快速回复 返回顶部 返回列表
快速回复 返回顶部 返回列表