前方高能预警,长达万字的排版教程,建议先收藏,有空慢慢看!
一、关于排版的优点
1 减轻阅读压力
如果一次性接收了太多信息,人的眼球就会疲惫。尤其是一长串一长串的内容,很容易让人厌烦,这样的文章是没有人愿意看下去的。
2 提高阅读效率
好的排版一定是分清主次、逻辑清晰的,如果废话了半天也无法明白文章想要传达的观点,读者也会逐渐失去耐心。
3 提升阅读体验
为什么同样是巧克力,有人买德芙有人却愿意高价买Godiva?因为后者包装精美、口感更佳,让消费者体验到了优质的服务。
排版也是如此,给原文包裹上好的包装,优化读者的阅读体验,将作品赋以美感,读者才会更愿意读下去。
4 塑造品牌形象
排版的功能不止以上三个,更重要的是,保持同一的排版格式能塑造品牌形象,对读者潜移默化品牌影响。
是不是说到老年保健品,第一就想起了老白金?
是不是说到文具,国誉是大家心目中的No.1?
是不是说到快餐,大家首选要么就是肯德基、要么就是麦当劳,然后才会想到德克士等等。
——这就是品牌意识的优势。当读者经受过品牌观念之后,那么下次有类似的需求时,第一想起的就是该品牌。
优秀的排版,一般有三个标准:
1 忠于原文的基本意图,能够更加清晰的表达作者想要表达的信息
2 提升用户的吸收效率,让文章内容更容易理解、段落清晰、重点突出
3 提升用户的视觉体验,给读者带来美的体验,对审美能力提出了要求。
如何做到这件事情呢?下面我将用三个部分详细的想你阐述如何做好一个公众号排版。
二、关于进行排版前的准备
一、确定排版风格
在正式开始排版之前,我们要根据文章内容确定好整篇文章的排版风格。因为文章的风格不同,使用的字体、字号、图片等等都会不一样,这一切都是为了渲染出文章想要的氛围而做铺垫的。
就像导演在拍电影之前,都会确定好电影类型是惊悚、动作,还是爱情、正剧等等类型一样,先确定好大致的基调,才能顺利开始下面的工作。
如果我们能确定下来风格,就能确定整篇文章的阅读基调,是文艺清新还是高端简洁?是严谨质朴,还是设计感满满?
同样的一篇文章,排版风格不一致,可能会给人完全不同的感觉。
有的公众号甚至要求所有文章的排版都保持同一种风格,因为这样可以保持“整体感、统一感”,打造品牌效应;有的文章就比较随意,只要符合公众号的定位就行,至于用什么样的配色或者字体,其实没有硬性要求。
总而言之,文章的排版风格,首先肯定是要遵循公司对风格上的要求、是否需要与公司主题色彩保持一致,二是要符合公众号、本文文章的定位,不能相差太远,以免给人“不和谐”的感受。
二、我们是否要用公众号文章编辑器呢?
保持风格一致是否代表着我们可以利用各种微信文章编辑器呢?比如秀米、135编辑器等等,都是网络流行的编辑器。甚至在知乎等分享平台上,这几个都是被推烂了了的,现在排个版谁还不用点编辑器了?
不可否认,现在大家都喜欢用的几款编辑器里,里面的素材真的很好用,功能很强大,而且也很方便,省去了做图的麻烦。而且长此以往,我们根本就离不开编辑器,有的人甚至每天就靠着编辑器给口饭吃了。
但我认为:我们在排版过程中,应当有选择性地使用编辑器而不是滥用。
你可以回想一下你最开始做PPT的时候,是不是先从模板开始套?但是结果并不如人意,是不是因为你的模板满足不了你要做的内容、但是你自己又不会做新的?
然后你就去别的模板拿来一张可以用的ppt页放入,却发现两种ppt风格迥异、充满了浓浓的违和感,但是你又没有办法改——因为你只是套用了模板,至于模板上的组件是如何做出来的、为什么这样设计会好看,其实你根本不懂。
我们这样做,是让内容去适应模板,而不是让模板适应内容。
所以,想要完全依靠编辑器做排版,往往得不到自己想要的效果,而且你的排版水平也提升速度会比较慢,更重要的是:
如果编辑器的素材不够使用,再加上你自己的水平也很烂,该如何完成和平常一样的质量的排版工作?用模板会让我变懒,不再自己思考设计;
错误地滥用编辑器,只是你用来掩盖自己排版能力不够的伪装而已。
所以,想要真正提高自己的排版水平,保持自己与编辑器的独立性是开始的第一步,也是必须的一步。
但这不是说不能用编辑器,而是不要滥用编辑器,编辑器本身是个好物。
我们最好在知道设计原理之后,再借助编辑器的力量,才能真正地让排版达到完美的融合,而不是没有章法、胡乱使用编辑器中的素材。
自己的设计,是独一无二的。
三、时刻以读者的需求为中心
只有内容迎合读者需求的时候,阅读量才会噌噌噌往上涨。
排版也是一样,我们能按照自己的想法随意排版吗?当然不可能。只有我们的排版让读者认为舒适,他才会有可能继续往下看。
排版正是优化文章阅读体验的最佳工具,它存在的意义就在于让读者更好地阅读下去,让文章更容易理解,不仅仅只是为了美化阅读体验而已。
当读者看到很多字的时候,我们的眼睛会感觉很累,那么“如何将版面排出让读者的眼睛感到舒服”就会变成我们的任务之一;
当读者渴望优质的阅读体验的时候,“如何提高排版的品味”就会变成我们的任务之一;
当读者就是想看新奇有趣的内容时,“如何采集新颖的素材并且以有趣的方式排版以配合文章内容”就会变成我们的任务之一。
总而言之,读者需要看到什么,我们在排版的时候就必须尽量去满足读者的要求,而不是只考虑我们自己的感受。
那么读者到底想要看到什么样的排版?其实读者自己也未必清楚,这就需要我们努力挖掘、寻找读者最喜欢的风格,并且进行深入研究。
那么如何进行挖掘呢?
① 竞品分析:你可以观察公众大号,看看目前做哪一类风格比较火;
② 聘请设计师:因为设计师具有专业技能,能设计出符合大众美感的图片,这是最安全的方法,也是代价比较高的做法;
③ 实践实验:发几篇不同风格的文章,关注阅读量、打开率、点击率等等数据,看哪个比较高就选哪个风格走下去,不过这是最小白的判断方式,以后在数据分析课程会深入讲解相关内容。
三、初级排版攻略
如何快速提高排版水平?从我的个人经验来看,还是要靠多模仿优秀案例。没有人一上来就是会排版的,就像小时候学习写作一样,都是先模仿别人的作品,才会逐步提高。
但是,模仿其实也是需要大量时间精力的,如果你的任务比较紧急、来不及仔细研究,就可以继续读下去。
1、固定模块
(1) 字体
①选对字体
排版的第一步是选择字体,不同的字体有不同的性格,而且也适用于不同的风格。
选对字体,不仅可以让排版事半功倍,而且还能营造出文章内容想要表达的氛围,比如说,隶书就能营造出古朴的氛围,如果换了黑体,效果就没有隶书好。
字体也是有灵魂的,当字体和文字内容两者和谐时能把作者的心声更好地传达出来。
这里介绍一下字体的两大类:衬线字体和非衬线字体。
衬线字体
衬线字体有着合适的比例,也有着更恰当的线条,他们的线条有粗细之分,还有衬线装饰,使得线条末端形成很丰富的纹理。
非衬线字体
再比如Dotum字体
最有名的当属黑体,这种字体具有合适的比例,但是却拥有不恰当的线条,给人一种机械性的呆板,无论是线条、转角还是直线都像是同一个模做出来的,十分僵硬。
②尽量不要再去使用默认字体
宋体、黑体等这些真的都烂大街了,读者看到后会觉得很无趣、缺乏特点。如果此时运用一款设计新颖的字体,比如说锐字工坊云字库美黑等有自身特点的字体,读者的大脑就会被刺激一下
——嗯?(眼前一亮)感觉很有趣的样子。同时,因为注意力都在字体上了,对其他的排版也会放低一些要求。
③多使用一种字体
全文只使用一种字体会让文章看上去比较无趣,同时使用好几种字体又会使得视觉上太过眼花缭乱。那么折个中吧,我们使用两种字体好了!
一种用于标题,一种用于正文,会比使用一种文字来的更加通俗易懂,而且更加有吸引力。且尽量采用同一字族,每个字体的特色、刀锋等都尽量保持风格上的统一。
④注意背景颜色和字体颜色的相似度
比如使用黑色的字体,就尽量不要选择同为黑色或者灰色的字体,因为这样一来就根本看不清到底说了些什么;而且也不要用些辣眼睛的配色,比如说蓝色字体配上红色背景,简直在摧残我们的眼睛。
⑤字号的选择诀窍
一般来说,建议设置为14px或15px,过大字号没有美感,过小字号容易引起视觉上的疲劳。
<14号字的文章,可以选择黑或者灰,想要小清新的风格可以用用深灰色。
14px适合文艺类、情感类等号型,用于深阅读型文章,比如时事评论/人物采访/学术内容。
15px是最中规中矩的、绝对不会出错的字号。
16px是微信默认大小,一般还没有进行排版的文章使用的是16px,另外使用16px的字体会在视觉上看上去比较大,更适合用于偏向老年人的文章。
那么我们可以给文章各部分的字号做一个范围上的划定:
标题:推荐16px-18px
正文:推荐14px-16px
标注:推荐12px-14px
⑥文字色彩的选用
• 标题颜色尽量用主题色或#000000,也可以用 #f79646、#3daad6、#2e6e9e。
• 备注性的文字字体颜色建议使用:#a5a5a5
下面是一些不容易出错的颜色推荐:
• 排版主色:通常和品牌色一致
比如说24HOURS,24HOURS以黑白色为主,我们可以看到他的公众号内文也是以黑白为主。
• 一级二级标题、二维码、配图、重点内容、头像、顶部和底部引导等都使用排版主色即可。
• 正文颜色
常用的有:
#2f2f2f(推荐使用)、#595959、#3f3f3f、#333333
正文全部颜色最好不要超过三种,不建议使用纯黑(#000000)作为正文颜色,手机端会比较刺眼,灰色会温和一点。
• 标注色
标注颜色,用作引用内容、注释、声明等。
常用的颜色有:#888888、#a5a5a5
除了不要和背景颜色太接近还有不要太辣眼睛以外,我们还有一些需要注意的事项。
字体颜色可以采用配色卡,参考一些配色方案,不过最好全文颜色不要超过三种,否则就会太过花哨,降低整篇文章的质感。
如果在其他公众号上看到了自己喜欢的颜色,可以用微信自带的截图功能识别字体颜色RGB,然后用ATOOL在线工具查询颜色色号。或者是直接沿用配色网站的色号,推荐 Color Scheme Designer。
这家网站的最大好处就是给出了颜色查询对照表,有助于我们查询颜色代码
Color Scheme Designer的特点就是会给出对应的配色方案,所以作为配色苦手的小白非常推荐使用此网站!绝对不会出现配色错误。
另外,这里有一些配色卡网站可供大家使用哦:
Peise:http://www.peise.net Peise偏向于小清新、扁平化风格。
Coolors:https://coolors.co Coolors也是一个国外网站,你可以根据需要随意调整配色方案,而且在底部也会给出相应的颜色代码,方便用户查找。
Colorhunt:http://colorhunt.co Colorhunt也是一个配色网站,在这里,你可以及时看到别人分享上来的配色方案,同时,你也可以把自己的优秀作品上传上去。
Materialui:https://www.materialui.co 在Materialui里,你可以找到流行设计配色方案、HTML配色方案、平面UI配色方案,而不单纯是把配色方案呈现在我们眼前,这样就更有针对性,更容易让用户找到需要的配色方案
UISDC Color:https://color.uisdc.com/
中国色彩,中国传统色彩,网页配色,设计配色,配色图表,配色卡,SDC优设网配色工具
该网站采集了中国最为典型的传统色彩,当我们在做一些传统文化相关的传统配色方案时,可以在此网站上寻找灵感。
在选用颜色时,切忌使用对比度高的颜色,那样会很刺眼,比如最Low的营销号就喜欢醒目的加粗黄底大红字,尽量避免使用那些存在感太强的颜色。
如果文章类型是深度抨击时事的,那么可以用冷淡醒目的深红或者是深蓝;
如果是小清新的文章,可以加上浅绿、浅粉、或者是鹅黄,让文章少女心满满。
同时,给文字加上阴影的时候,也需要注意一下是否加上阴影后文字效果反而会很脏(比如黑色字体加上阴影就很难看)。
最保险的方式就是选取比原文字浅两号的颜色,达成发光的效果,就很自然又带了点朦胧美。
所以,了解你的目标人群,针对性地选择一些合适的字体,可以帮助读者更好地理解文章内容。
⑦字数的要求
微信图文的字数根据公众号属性调整,没有具体规则,一般情况下1000-3000字为佳,长篇文章不宜超过8000字。
在字体部分的最后,给大家推荐三款常用的字体:
细体:PingFangSC-Light。
日本字体:HiraKakuProN-W3。
英文字体:Zapfino、Cochin-BoldItalic、MarkerFelt-Thin、Futura-Medium、CourierNewPS-ItalicMT、Futura-CondensedExtraBold。
还有一些免费的字体(以下来自于网络):
思源宋体/黑体、方正字库(方正黑体、方正书宋、方正仿宋、方正楷体、站酷字体(站酷酷黑体、站酷意大利体、站酷快乐体、站酷高端黑体)、庞门正道标题体、851手写杂字体、文泉驿字体(文泉驿等宽微米黑、文泉驿等宽正黑、 文泉驿微米黑、文泉驿正黑)。
当然了,为了安全起见,大家在使用字体之前,最好去字体公司的官网上查询一下,了解字体是否还在免费使用时间之内,因为字体公司的条款随时都有可能有变化。
在这里给大家介绍一个网站,名字叫字体家,网址:www.zitijia.com 有免费的商用字体使用,许多字体都可以下载,关键是免费的!大家可以去下载试试!
(2) 留白
留白一直是保持美感的大杀器之一。密密麻麻、毫无留白、挤在一起的文字,肯定谁都不想再看第二眼,而太过松垮的留白又会让人失去想看的动力。
所以,如何保持适中的留白就成了排版的难题之一。留白可以分为字间距、行间距、段间距、页边距,我们逐一给大家介绍下。
① 字间距
字间距就是字左右的距离,字号越小,字母之间的间距就要越大,以使文字易于辨认。相反,如果将字号调大的话,紧致一些的间距以至于字符之间不会那么松垮,而更易阅读。
建议:设置为1px或1.5px,最大不宜超过2px,可以在编辑器中对字间距进行调节,0.5 —1.5都很常见。注:px是像素的意思。
1px会适当地扩大字间距,而使用1.5px就会使得排版有了呼吸感。假如每个字都紧紧地挨着,就像上班高峰坐地铁一样,气都喘不过来了。
适当扩大字间距,会使得阅读变得更加轻松。
②行间距
行间距,顾名思义,就是行与行之间的距离。
它同字间距一样,需要保持一个合适的距离,因为我们的视线移动是“Z”字形的,适当地保持行宽可以有效地避免大脑处理冗杂信息。
建议设置为1.5px或1.75px或2px(字上下的距离),1太拥挤,如果文字较少就可以设置为2倍。
但是对于诗歌型文字,行间距要适当拉大,因为字号越小,字间距、行间距应当越大,反之亦然。
③段间距
通常情况下,段间距指的就是段与段之间的距离。我们会在每段上下都空一行(让用户有呼吸感),只有在两段文字都在论述同一件事情时才不会空行。
在一个小节结束时,可以多空两行,尽量让读者接收到“这一小节内容结束了”的信号。同时呢,想要把控好段间距,也对我们的分段能力提出了要求。
长段落会让人觉得阅读压力太大,短段落则又容易打断排版的连续性,长、中、短段落结合,能让读者在大段文字中迅速找到落脚点。
调出段间距,这样就可以分出逻辑上的段落层级,让读者认为这是一篇结构分明、层次清晰的文章。所以,利用段间距控制好留白,是排版中非常重要的部分。
注意了,一个整段千万不要超过一屏,会让人非常暴躁!
页边距是指各种对齐方式,主要有左对齐、右对齐、两端对齐、菱形对齐、居中。建议两端缩进尺寸为1.0px。
左对齐左边会比较整齐,但是右边就非常难看、像锯齿一般粗糙。
适用风格:
干货类文章,符合阅读习惯、亲切自然、使得阅读更加轻松;
短诗歌,方便断句、突出某些信息,文艺气息满满。
同时,左对齐型排版,首行不需要缩进。用首行缩进来区分段落,适合传统印刷读物。在网页端和手机端上,书本式的排版会让读者感到压力,改用空格分行会让读者的阅读体验更好。
右对齐,新颖、有格调、时尚有现代感,高端、贵气的一种排版方式,一般很少用。
适用风格:适合于追求时尚感的文章或者珠宝、地产、奢侈品的广告软文。
两端对齐
两端对齐会使得文章两边看起来更加整齐统一,满足强迫症患者的需要。但是在对邮箱地址使用两端对齐可能会使字间距比较奇怪,这个时候可以适当改用居中格式或左端对齐,并善用换行改善排版效果。
适用风格:追求统一感的文章。
菱形对齐:菱形对齐,新颖、趣味、别具一格。
适用风格:适合追求新奇有趣风格的文章。
居中对齐
居中型排版,以短句居多,视线集中、整体感强,所以,如果一行文字太长的话,就会使得眼球很累、阅读体验非常差,而且字数太多的话也会出现一行放不下的情况。
适用风格:娱乐型文章/产品功能介绍文,可俏皮可正式的排版方式,视觉上没有任何阅读压力。
以上,就是各种对齐方式的简介,无论是字间距、行间距,还是段间距、页边距,最终目的都是为了控制好留白、优化阅读体验。这些方式需要合理地运用,才能达到最理想的效果。
注意,不同的对齐方式不能放在一起用,否则就会破坏整体的统一感,非常难受。
(3)图片的运用
善用图片可以给文字增姿不少,适当增加图片可以增加许多趣味性。
照片一般用于展现活动现场气氛,或者对文字内容进行补充说明。照片一般不用特意处理,直接放进正文即可。如果照片质量较差,也可以简单处理图片亮度、对比度,使得照片更加美观。
②表情包
在推送中插入表情包是一种很好的放松气氛的方法。一般使用当下比较流行的表情包,可以使文本不那么单调。(也可以使用微信自带的表情包)
表情包一般需要在编辑界面调整大小,对于正方形的表情包,宽度大概占整个屏幕的二分之一到三分之一左右为佳。
③ 图片的选用
除了使用照片和表情包之外,我们还要从网上找一些图片。配图对内容的打开率有很大的影响,图片的选用必须注意是否与内容定位相匹配。除此之外,还要注意一下几点:
建议在每一张封面图上都加上品牌logo,可以宣传一波品牌文化。
平时多注意积累封面/正文图片素材库,尽量选择有“爆点”的图片,让人有点击的欲望。
一篇文章内,推荐使用同色系插图,如果有条件可以请画师画图,符合文章主体风格即可。
在第四部分我将给大家分享一些免费图片的网站,大家可以从中选择素材,有需要的可以直接拉到底部。
在这里我们讲下有关于图片尺寸的问题,之前的微信封面图一直都是 900*500 px,2018年6月份公众号改版后,调节成了 2.35:1 比例,即 900*383 px。
在不同使用情景时,封面图会自动被裁剪成不同的尺寸。因此,重要信息应放在中部视觉区域内,防止文章被分享后信息不全引发歧义。
正文图片最好选择500*300大小的,这是最合适的。
另外,图片的大小也要注意:
静态图:保证在100k以内,尺寸建议选择16:9 和4:3,不建议使用竖构图图片;图片像素的宽度控制在 1000 像素左右。
动态图:500k以内,图片像素的宽度为 1080 像素,长度根据实际需求调整。
最好能够用软件(比如美图秀秀)改为jpg格式,不要使用png,因为png图片比较大,而大图片在网络不好的时候就很难加载出来。
有条件的话,也可以是用GIF格式的图片。
④ 图片的排版
选好图片以后,就要设计到如何排版图片了。
图片的排版方式主要有以下几种:上图下文、下图上文、左图右文、右图左文、图文环绕。
⑤ 图片的制作
推荐一个简单有效的在线图片制作工具“创客贴”
1. 进入页面
创客贴:https://www.chuangkit.com
2. 选择模板
3. 背景制作
4. 加入配图
只有背景是不够完整的,这个时候我们需要加入配图。
创客贴在这方面有一个很好的功能就是检索,不需要你漫无目的搜图了,只需要在创客贴里直接选择就可以。
有的时候,在素材库里无法找到需要的图片,这时候封面图、正文图片就需要我们自己制作。
如果只是简单的图片制作,那么我们可以上一些专门制作此类图片的网站,比如创客贴,可以帮助我们迅速完成我们想要的图。
那如果是难度级别比较大的图片,恰好你不会PS或者电脑不在身边,那你怎么办?这里提供解决办法。你看这篇文章https://mp.weixin.qq.com/s/P904NM5l9BXEfvX0_iGx9g
这篇文章介绍的就是手机端PS软件如何使用,只要关注公众号“校园资源软件分享”,回复关键词就可以了。
⑥ 图片处理
图片画质一定要保证,高糊的图片可以轻松毁掉本来优秀的文章。同时大小不能过大,否则可能很容易加载漫长甚至失败。
图片大小可以根据情况适当调整,比如二维码可以适当缩小,全屏的大二维码看起来容易显得粗糙。
那如何改变图片的清晰度?使用上面文章链接里的软件就可以了!链接我再发一下:https://mp.weixin.qq.com/s/P904NM5l9BXEfvX0_iGx9g
4、 标点符号的使用
标点乱用,也会给人造成不适感。比如有的小朋友,打字从来不加标点,全用空格替代。
拜托,没有标点真的是一件很令人抓狂的事情。然后是乱用标点,明明是应该用逗号的地方他用感叹号,这就很容易造成文义上的分歧。请那些不好好使用标点符号的小朋友们,正确地使用标点好吗?
1)引号
引号推荐使用直角引号「」,这个符号是「我的最爱」。引号中再用引号使用双直角引号『』。
表示讽刺、反讽暗示、强调语气、人物对话时,使用弯引号“ ”。
直角引号可以在中文输入法中「特殊符号 — 标点符号」中找到,或者是用直接日文输入法输入,键盘上的括号键即是。
直角引号源自日文,弯引号源自英文。
相比弯引号,直角引号在汉字排版中更为优雅和美观,也避免了全角半角不分的同学乱用弯引号导致的格式错乱。
2)省略号
中文省略号的正确的打开方式应当是「……」,占两个汉字的空间。
三个点「...」是英文的省略号。
千万不要用六个句号「。。。。。。」作省略号,这样看上去很不专业。
3)破折号
破折号占两个汉字空间,不能用连字符代替,即「--」,引出后面想要解释说明的内容。
针对一般的文本设计来说,字号越小,字母之间的间距就要越大,以使文字易于辨认。相反,如果将字号调大的话,紧致一些的间距以至于字符之间不会那么松垮,而更易阅读。
可以在编辑器中对字间距进行调节,0.5 —1.5都很常见。
4)列表符号
有时候文章中会有一些并列关系的句子,这时候就可以使用项目符号区分出有序列表和无序列表。
有序列表:
数字序列是最常见的有序列表,除了数字列表还有英文、罗马文序列等。
同时要注意的是,数字后面加的是圆点而不是顿号。
5)三角符
微信文章中经常可以看到各类三角符号,有各式各样的用处:
▲正三角经常居中放在照片下方,对照片起注释作用。
▼倒三角经常单独居中成行,用于分隔两部分内容,引出下文。
6)分隔符
除倒三角外,还有很多符号,都可以用作分隔符。
7)分隔线
分割线也是最常用的一种,各种编辑器中都有不同样式的分割线,是排版中很重要的元素。除了用在文中,也可以用在文末,用以区分开来上下两部分内容。
8)进度符
这是 i排版在一篇文章中提出的方法,我看到有好几个人都在推荐,觉得有点意思,先分享给大家:
选择同一个小符号,用类似进度条的方式来标注,更换其中某一个或几个小符号的颜色,让读者知道文章读到哪一部分,起到提示进度的作用。
也可以在段前加入✓、▶,在图片下方说明加入↑↑等
小符号还可以表示进度,代替传统的大标题小标题。如:
❶ ❷ ❸ ❹
还有:
1 ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩
Ⅰ·Ⅱ·Ⅲ·Ⅳ·Ⅴ·Ⅵ·Ⅶ·Ⅷ·Ⅸ·Ⅹ·Ⅺ·Ⅻ
使用罗马数字会有一种复古的感觉。
此外,善用一些小符号,也能让我们的排版更加生动起来,不同的符号代表不同的意思:
➥ 和 → 还有 ↴ 以及 ➨ :可以引导视线
☛ :点击
☑ 和 ✔ :已经选择
✘ :错误,删除,NO
✄ :剪切
❐ :复制粘贴
✚ :添加
☷ :列表
9)空格的使用
除了日常使用以外,还有哪些地方需要我们加入空格的呢?
① 中文与英文之间需要加空格
栗子:我想要一只 MAC 口红
② 中文与数字之间需要加空格
栗子:我最终获得了 834 票
③ 专有名词需要注意大小写
栗子:Ipad 刚出了新的版本
④ 中文夹杂英文时要使用全角标点
这款新出的红米 NOTE 7 用了骁龙 660 处理器,性价比特别高。
⑤ 对于完整的英文句子,使用半角标点
The wheel turns, nothing is ever new.
每个字之间都应该留有合理的空间,太紧太松都是不合适的选择。
5、强调
所谓的「强调」就是指突出重点,我们也可以理解为「对比」,而和谁做对比,怎么对比,都是难题。
常用来对比的方法有三种:增大字号,改变颜色,改变粗细。另外下划线、斜体、引用、间距也可以用来强调。
①改变字体
当一句话中有非常重要词语或者标题上有关键字时,可以通过改变字体进行强调。调整不同的字体类型,可以让关键信息一下子从众多文字中脱颖而出。
但前提是:不要选择两种相近的字体。
②增大字号
从最直观的外形上来说,没有比增大字号更直接有效的方法了。
主标题:大、粗、醒目,字体推荐用微软雅黑或者黑体
副标题:比主标题略小、略细,也是推荐微软雅黑或者黑体
正文:推荐12px-14px,比前面两种字体都要小、细一些
同时,主、副标题尽量地区分开,不要给人模棱两可或者含糊不清的的感觉。
另外还有一个问题,有的时候我们的标题中需要用到英文,此时最好使用大写英文字母而不是小写,因为小写字母有高有低,一行下去凹凸不平、很不整齐,容易干扰到视觉,而大写字母的高度相同,会减少这种视觉上的冲突。
③改变颜色
配色最重要的是保持平衡感,色彩饱和度、明度都要协调。虽然我们想要通过改变颜色来突出重点,但是仍然不能背离原本的风格太远,否则就会明显地“画风不对”。
那怎样通过改变色彩起到强调的作用呢?我认为,可以通过挑选冷暖色调不同的颜色来强调,或者通过明亮强度来强调。
比如前者,如果我们的文章风格是小清新的,正文部分用深灰色,那么强调部分我们可以选用浅绿、浅粉等冷暖色调,也没有脱离小清新的风格太久。
但是注意黑色文字不要加光,因为加上就很脏。其实,阴影选取比原文字浅两号的颜色就能达到很好的效果,既突出了文章内容,又能增加一丝朦胧美。
④改变粗细
通过改变粗细来强调应该是最明显的手段了,这里就不细说了。
⑤下划线
对于文章中的人名、地名、书名,可以加下划线,一目了然。
⑥斜体
西方字体的手写体就是倾斜的,使用斜体,能让内容看上去和手写体差不多,让读者感到亲切;
中文是方块字,手写体应该是毛笔书法,使用倾斜反而很怪异,不讨巧,一般用于(正文中括号内的注释。)
⑦引用
比如说某篇文章是转载的,那么我们的格式就可以为
(1)字体
1)字号:14;
2)颜色:#888888;
(2)位置
1)正文后,空一行;
左对齐
⑧间距
如果控制得好间距,整个文案都会很和谐,我们一定要注意间距的把控。比如最原始的行距,就是比较保守的同距型,这种方式比随意摆放要合理一些,但是整个文案部分看起来比较死板呆滞。
我们可以适当地拉开文案的行间距,宽度可以帮你去支撑画面,上窄下宽是比较合理的承重行距,但是也不能拉的太宽,拉的太宽就会导致文案非常散乱,视觉也不宜集中。
注意,强调文本不要超过整个文本的10%,如果所有都被强调,那就是正文而不是强调了。一次最好只使用两种或是三种强调技巧。也就是不要同时使用,颜色,字体改变,大小,下划线,斜体,加粗,间距。想要0基础掌握公众号裂变涨粉的小白
6.分段大解析
有的时候,原文作者并不能把控好整篇文章的节奏,那么此时,排版小编就必须帮助作者进行调整,以适应读者的阅读节奏,优化其阅读体验。
如何调整呢?最主要的调整方法就是分段。段落的衔接体现了作者的思路,有序地安排段落就可以把作者的思路有步骤地表达出来,从而帮助读者更好地掌握各层意思和文章脉络。但是我们也不能盲目分段,必须注意以下几点:
1) 保持段落主旨的单一性,一段只能有一个主旨。
同一段落内安排关系最为紧密的句子,不想干的句子安排到其他段落里。
2) 段落长短要适当。
长段落会让人觉得阅读压力太大,不容易抓住要领;短段落则又容易打断排版的连续性,让人觉得结构松散。所以必须注意段落长短。尤其是千万不能出现一段一屏的现象,这会给读者的阅读带来很大的压力!
长段落尽量能分开就分开,尤其是开篇文字,不宜段落过长。短段落能给读者更多停顿和思考的空间,有利于加深读者印象。
尤其是我们做新媒体的,一般的段落有几个句子(一二百或三四百字)就够了,必须有意缩短段落以适应快读的需要。
经验表明,段落以这样的长度表述的思想单位,读一次能较清楚地记住。
3)段落悬挂缩进
段落悬挂缩进是从第二行缩进,常用于词典条目、书籍索引等等。
除了以上两种分段方法,我们最常用的其实是第三种方法——在段落开头加标点符号。
常用的标点符号有·和——,
比如:
·经济基础决定上层建筑。……
·供给侧结构改革。……
·那么,究竟如何才能实现GDP的快速增长呢……
还有
——实施科教兴国战略,促进科技、教育与经济的紧密结合。……
——把加强农业放在发展国民经济的首位。……
——坚定不移地实行对外开放。……
通过这些小符号,能有效地将各段分隔开来。
如果有需要,也可以运用其他的小符号。其实在这里有点像我在前面提起过的进度符的概念,有兴趣的可以回头看一看。
2.正文模块
上面介绍完了固定模块,这里开始按照正文的顺序介绍每一个组件的排版规范。
正文,主要分为几个模块:顶部引导、内文、底部引导
作为点进文章阅读的第一眼,顶部引导起到非常重要的作用,毕竟,如果读者看一眼就觉得兴致缺缺,就很难继续阅读下去。
你可以专门用PS做顶部引导关注的图片,也可以不在顶部引导上做文章,用图片替代,开门见山,给读者更为直截了当的阅读体验。
顶部引导关注的几种作用,有以下几点:
1、注意版面长宽比,避免占用大块空间,
2、植入logo或者品牌文化,
3、引导置顶、关注、点赞、回复,
4、当花瓶,让人欣赏其艺术价值。
第二步,到了内文排版,内文排版的每一个细节,如字体、字号、颜色、间距等等我都在上面给大家一一拆解过了,有兴趣的可以往上翻一翻。切记:一定要保持风格的统一!!
内文排版,需要关注三个点:
1、字体,包括字号和颜色
2、间距,包括字间距、行间距,段间距和页边距
3、配图
最后,到了底部引导,此时可以不用太过考虑篇幅大小,可以尝试用制作新奇有趣的图片引起用户的关注,并且让新用户看到的时候,能够迅速明白该公众号的定位。
底部元素主要有:底图、投票、作者信息、版权声明、合作说明、引导(话题互动)、关注语、往期推荐、二维码、赞赏、阅读原文。
底部引导关注则需要承载较多功能:
1、往期文章回顾
2、二维码名片或者引导置顶
3、求点赞、求回复、还有打广告
二维码可以借助短网址和二维码生成器制作,能提高不少转化率。
除此之外,我们还有可能面临转载文章的情况,那么此时就必须在文章开头或者文末添加一个文章出处、导语或者版权声明,那么此时我们可以参考以下格式:
1) 文章头部以「导语」开头
字号:32号;
颜色:#888888,金句加粗;
导语结束后空一行用分隔线进行分隔,分隔线下标注文章出处;
2)文章出处格式
字号:14号;
色号:#888888;
3)版权声明
(1)字体
①字号:14;
②颜色:#888888;
(2)位置:正文后面空一行,左对齐
以上就是公众号排版的基础攻略,看到这里一般的排版技巧你应该都可以掌握了,接下来,是本排版教程的进阶攻略,想要有更高提升的同学可以继续看下去!
四、排版的进阶技巧
(一) PS排版设计教程
你想做一些非常美腻的公众号排版吗?
是不是非常有趣?是不是也想做出来好看的排版?
可是上面的图用编辑器是做不出来的,只能用PS做。
讲真,用编辑器排版固然好使,但如果我们想要更美观的排版,还是只能用PS,我们只要先把内容排到图片中在,再把图片插入公众号中就可以了。
所以,我们准备了一个PS专项,帮助小白快速突破PS排版。
惊不惊喜、意不意外?
1、 版式设计原理
在上面的初级教程中,我告诉大家图片的主要排版方式有上图下文、下图上文、左图右文、右图左文、图文环绕,这是最基础的部分,但是想要我们的版式设计显得高大上,那么我们就必须再探究排版背后的原理。
01 版心
为什么国外的书籍和网站看起来显得特别高大上?因为设计师针对设计项目预先设计了一套“网络系统”,将页面切割成了一个个网格,然后通过确定版心,使得内容看上去处于安全范围内、符合人的视觉范围。
啥是版心?版心就是指内容创作区域。
呆板的版心设计,上、左、右边距都是相同的,除非为了刻意体现严谨的感觉,一般情况下不建议使用;
灵活的版心设计,左、右、上、下的边距都不同,且成一定的比例关系,接近黄金分割比,在现代版式设计中,多采用这种更灵活、自由的版心设计。
插播一段黄金分割比的介绍~
什么是黄金分割比?指将整体一分为二,较大部分与整体部分的比值等于较小部分与较大部分的比值,其比值约为0.618。这个比例被公认为是最能引起美感的比例,因此被称为黄金分割。
所以,大家在设计过程中,尽量寻找黄金分割,这样成功率更高哦~
在确定下来版心之后,我们把版心用水平线或者垂直线切割成一个个网格状,然后在不同的网格中安排不同的内容,这也就是我们通过PS进行排版的精髓所在。
因为PS排版,主要就是安排不同网络之间的留白比例、图文分配,但千万不要被网格所限制,网格是帮助你完成一件合理规划、定位精准的艺术品的辅助,而不是限制灵感的工具。
我们可以使用单个格子,也可以将多个网格连起来,作为某一个内容的安排空间或者留白,至于怎样安排,就涉及到我们的构图思维方面了。
02 版面率
版面率就是指除去页面上天地左右四周的余白,版面所占的面积比率。
在页面内容较多的时候,容易给人压迫感,所以通过适当地留白,提高图片的色调,可以令人放松下来。
扩大留白,版面率降低,内容信息减少,就能给人一种高级感。
缩小留白,版面率提高,内容信息增加,更加热情活力,适用于需要传递大量信息且留下深刻印象的排版。
2、PS排版构图方式
①对称型构图
对称型构图是最具代表性的方式之一,上下左右、重复交替,都可以让页面灵活起来。
最重要的是,对称型构图方式给人以视觉平衡的感觉,能让读者看的舒心。
②对角线构图
让元素结构呈对角线分布,以获得更有动态的照片,能让画面充满动感。
③三分法
就像相机将场景划分成九宫格一样,我们在PS排版时也可以通过用四条线和四个交点,把整个页面切割成9大块,每一块设置不同的内容或者留白。
同时,在分配九个方块时,不一定要一个格子对应一个内容,完全可以一对二、一对多,打破平均分割的框框,调整页面节奏。
我们应当在有规律的设计方法中找到突破。
④S字形构图
利用SF字形构图,可以引导读者视线,对增强用户体验有重要的作用。
我们视线流动的轨迹多是从上至下、从左到右移动,如果我们的排版设计打破了这一规则,用户在阅读时就会变得很吃力,找不到重点,使用户产生反感。
尤其是现在采用上下滑动的方式,做好视线引导,可以大大减小用户的负担和阅读疲劳。
S型视线会引导视线向下,在视线转角处视觉轨迹最为密集,浏览更为集中在切换的地方,视线转折的地方停留时间过长,所以我们应该把重要的内容放在视线转角处,这样更容易让用户记住我们需要的内容。
其实还有更多的构图方式没有介绍,但究其本质,还是在关注“构图中各个元素的位置关系”,但其实位置关系并不是决定一张排版的决定性因素,还有和谐的色彩、动静结合等等,如果用位置关系限制住了我们的构图思维,就会陷入僵局。
借用一句摄影家普遍认可的规则,“一切法则都注定要被突破!”我们可以利用位置关系,但是不能被位置关系所局限住灵感。
3、排版工具
我们可以用PS排版,也可以使用别的工具在手机上排版(不过最好还是利用PS进行排版)。
用什么工具是其次的,最重要的是排版设计思路。
在这里给大家推荐几款排图工具:
①创客贴
②简·拼
③美图秀秀
都是大家熟悉的产品了哈,在这里就不多说了,很容易上手的。
4、排版的色彩搭配
因为之前的排版主要局限于编辑器内,对色彩没有办法做太多要求。
现在我们用PS做公众号文章排版,那么就必须要了解一下色彩上的基础知识。
第一步:整体定调
给整篇图文确定一个大概的色彩基调,是冷色调还是暖色调?做这一步可以有效防止在接下来的配色步骤中出现色彩混乱的情况。
第二步:确定主色
主色决定着整体色彩趋向,是一个整体的色彩基调。在所有出现的色彩中占比往往不低于75%。
主色建议选一个明亮、柔和的基色或者间色作为开始(基色就是红黄蓝,间色就是三原色组合成的颜色),这样的选择往往是相对安全的。
第三步:确定辅助色
辅助色主要起到辅助主色的作用。辅助色可以使色彩更加丰富完美。辅助色的占比往往在20%左右。
①单色。我们可以使用单色,单色就是通过对同一颜色加上10-90%白色或黑色的透明度层后获得的一组颜色。这样的色相相同,而又能产生和谐的对比效果,因此单色的应用在设计中非常重要。
②邻近色。采用在色相环中相邻的色彩,虽然不会产生高对比度,但是如果觉得自己的设计在色彩上太过单一的话,可以使用临近色来增加色彩上的变化。
比如橙色是黄色的邻近色。将色相值增减30-50,就能得到一个新的邻近色。
③互补色。互补色就是指在色相环中,互为180°的两个颜色。互补色能产生强烈的对比效果,用在需要强调的地方效果会非常好。
比如红和绿,黄和紫。
将色相值增加整个色相条宽度的一半,就可以得到当前颜色对应的互补色。
第四步:确定点缀色
点缀色,有时候也称作点睛色,取画龙点睛之意。往往具有引导阅读,装饰画面,营造具有特色的画面风格的作用。整体占比常常在5%左右。
比如,如果我们全文都是以深灰为主,可以选择黑色作为点缀色,也可以使用墨绿、墨蓝等作为点缀色。
(二)排版的具体实操
1、 利用微信自带编辑功能进行图文排版
其实咱们不用PS也可以做到和PS图片排版一样的效果,那怎样才能做到呢?
主要是利用后台的表格功能,直接在文档空白处右键,点击表格,然后会出现一个表格,根据需要删去行列,然后给每个表格添加背景颜色,插入图片和文字,就可以完成制作了。
2、 封面的制作
01
如果你不会PS,那么我推荐你使用“创客贴”这个网站进行图片制作,简单易学,容易上手,更高级的功能就需要用到PS了。
创客贴网址:https://www.chuangkit.com/
如果你没有PS软件又担心学不会,那解决方法来了,关注公众号:“校园资源软件分享”,回复关键词“PS”即可获得!
什么元素啊字体啊,其实都是旁枝末节,最重要的,其实是设计思路,一个好的排版设计必然带来赏心悦目的视觉体验,我们要做的,就是借鉴好的排版设计,做出自己的成果,所以我们必须在日常生活中多观察别人的排版设计,并且用心积累,才能在做图时不至于毫无思路。
任何人开始做排版都避免不了模仿的过程,尤其是做图这块,但是我们模仿归模仿,千万不能涉嫌抄袭,否则害人终害己,不仅自己的水平毫无提升,还侵犯了别人的知识产权,对人对己都无丝毫好处。
4、 文末二维码名片的制作
文末名片的作用有两个:
1、 引流到其他地方
2、 展示本公众号的定位
所以,我们的文末名片必须附上二维码和公众号slogan。
大家可以在创可贴网站上设计文末名片,也可以用PS设计。
5、 GIF制作
有趣的GIF一直在网上大受欢迎,很多萌萌哒表情包都是GIF的格式,在公众号文末放个动图啥的简直吸粉利器。那么,我们要怎样制作一个GIF呢?
1) APP制作
想要快速上手GIF,那必须要提制作GIF的各大APP了,小编在这里给大家推荐几款,希望对大家有所帮助。
·美图GIF
美图出的产品,秉承了美图秀秀的一贯作风,有特效有美颜,绝对满足你的需要。
·ImgPlay
功能齐全,界面有文字添加和剪裁功能最大的特点是输出的画质高,但是需要一些时间精力制作。
·闪萌、gif喵、多玩动图等等国产APP,都可以去尝试下
2) PS制作
使用PS制作GIF并没有想象中的那么难,现在我来告诉大家怎么做。
首先,把要转化成GIF的视频片段剪下来保存成文件;
然后,把刚才保存好的文件拖进PS里,然后选择文件-导出-储存为Web所用格式,然后注意下图片的大小尺寸,保存就可以啦。
另外,在微信上,GIF的大小只能是2MB左右,大了则会显示文件过大无法发送预览,所以很多GIF都是必须压缩以后才能发送到互联网上,也就是说,我们要时刻注意素材还有最终完成品的大小问题。
恭喜你!看到这里,你已经是个读完两万字的人了,而这两万字都是多年排版工作浓缩下来的精华,是最经典的东西。
时间在不断地流逝,现在觉得新鲜的h5,可能过两年就被淘汰了,新旧事物更替太快,但是经典永远不变。
希望你们,能带着这份宝典
一路前行,不忘初心。
最后的最后,如果你想看到更多的排版教程,比如图片排版,更多的教程欢迎关注公众号:“校园资源软件分享”,回复"公众号排版",即可获得更多详细教程!
网友评论