什么是公众号排版?
公众号排版是将几千字的文章结构化、模块化、简单化的过程,用户在阅读一篇文章时首先识别的是文章中的版式、颜色、形状等信息,然后才能真正去理解文章内容,所以公众号排版设计的目的就在于传达和交流,告知读者其内容的可读性和易读性。
公众号排版的必要性?
首先好的排版可提升用户阅读体验,保证文章段落清晰、整洁有序,逻辑感强,使读者想读、愿意读、更容易读。读者通过段落分布可清晰找到文章主题、内容重点,有效提升了用户的阅读效率,让用户获取更好的阅读体验。
好的排版赋予用户内容精良的心里暗示,例如商品的外观及包装,虽然没有承担商品的主要功能,但可以给用户留下商品质量度高的心里暗示。所以读者更愿意相信排版有品的公众号内容都不会太差。
好的排版可以提高文章的完读率,当一篇文章被读者从头到尾读完,其价值才能被完全释放,才能有效的传达我们想表达的内容。上期文章我们有讲到,好的标题决定文章的点击率,好的内容决定文章的转发率,在此之前我们首先要保证文章的完读率,所以,我们要用尽各种排版技巧(配图、字体、字号、颜色、留白、分段、符号等)来留住我们的读者,提高他们的阅读体验。
同样,好的排版可以塑造品牌形象,账号的内容风格、账号的品牌定位、企业及产品的形象,这就决定了你在用户心中是高端,还是低端,时刻影响着用户对其品牌的认知。
公众号的排版是毋庸置疑的。为了将公众号得版面排好,小编尝试过代码编排、第三方编辑器,通过不同尺寸的手机、电脑预览,无数次的校对,历经四年时间,最终总结出这套既简单又高效美观的公众号排版方式,并称之为“四大原则,八大技巧”,今天免费分享给大家,希望大家也能做出让人赏心悦目的文章。
四大原则
1. 风格固定原则
利用固定的设计风格,持续给用户可预期的内容,在内容池里也更容易受到追捧,这是公众号设计与排版首要追寻的原则,内容排版要在版式、语言风格、配图配色等方面保持高度统一,进而形成品牌效应。
例如“插座”里面的专栏文章,以白色作为文章的底色,开篇以“职场充电第1站”大图作为视觉特征的表达,灰底黑子导语快速让读者了解文章大概内容,信息分类使用logo颜色着重标注,品牌形象塑造一目了然。
再比如丝路赞学院,文章开篇以音频作为开场,用带有温度的语言增加与用户之间的亲和度,更方便用户在不同的场景下了解文章内容。分段利用视频MG动画、案例做解读,增加文章的易读性,持续不断通过各种方式增加用户阅读心理预期,保证质量及形式的稳定性。
2. 简约美观原则
排版不可过度,不可一味追求复杂化,不要为了排版而排版。对于从事设计工作的小编来说,对美好的事物一直有着独有的理解和追求,简洁而不简单的作品一直是小编的最爱。
在这里小编建议,文章小说类的文章以纯文字为主,适当添加配图进行排版;科普类的文章,利用图文、视频、音频、动态元素增加内容可看性、易读性;活动类文章主要以海报设计为主,活动选择以红蓝为主,可以配合黑科技交互样式,例如“愿望清单、展开卷轴、公路开车、售货机、音乐播放”进行使用,达到吸引用户兴趣,增强互动的效果。
3. 结构清晰原则
保证文章的整体性,结构是需要重点掌握的,一篇好的文章一定是结构清晰、论证充分的,所以在内容排版的结构上就要保证其逻辑性。如果是新手小白大家可以从典型的“五段三分式”的结构练起,开头+三分论点+结尾,这个结构的好处是思路清晰,观点明确,对于初学者来说比较容易掌握。
这里需要注意的是,文章的开头不提出分论点,分论点的段落不出现总论点,分论点段落的论据只论此分论点,分析说理要合乎正确原则,围绕中心逐层论述,这样整体的结构不容易被论点混淆。
4. 重点突出原则
呈现内容要有优先级,重点突出我们想要表达或者更希望用户注意到的内容。首先我们需要明确公众号内容排版的目的,是帮助理解公众号的内容,增强读者阅读体验。所以重要的信息要想办法让读者一眼看到,一般最常用的方式有文字加粗换色、文字背景色、特殊符号使用、彩色下划线等等,形成对比,吸引读者眼球。
八大技巧
1. 页边距、两端缩进、基础字号、行间距
什么是页边距?通常指页面的边线到文字的举例,公众号排版中俗称栏宽,可理解为一行能容纳的字数。
两端缩进是指从页边距开始到段落左右的距离,缩进的数值越大,与页边距之间的留白越多。在同一个屏幕下,页边距大小、两端缩进大小、基础字号大小、行间距大小,三者起到了相互决定的作用。具体我们来看下面这张图:
页边距、两端缩进、基础字号
那我们如何正确的选对这四个数值呢?
别着急,我们首先把影响这些参数的因素说清楚,缩减我们的可选范围。例如基础字号和栏宽,如果段落中文字内容过多且比较重要,那么就要考虑长时间阅读会不会让读者觉得很累,很难坚持阅读下去。
那么基础字号就不能太小,建议使用14-16号字,14号字在两段缩进为0的时候对应栏宽可以容下24个字符,16号字则可以容纳20个字符。当字号缩减至12、13时,读者视线会涣散不集中,会在行与行之间来回切换,降低阅读体验。另外,两端缩进也要适当,缩进太多会当值栏宽容纳的字数减少、整个版面拉长。
想多缩进,栏宽字数又不想太少,就要减小基础字号,这样反而与前面说的基础字号过小眼睛疲劳形成矛盾,这里我们列举一个栏宽与基础字号不合适的例子,大家可以看下:
从这个例子中我们可以看到,栏宽为26个字符,字间距过窄,容纳文字内容过多,没有图片作为调节。虽内容足够专业,但是一个页面超过700字符的堆积,很容易让用户产生阅读压力,整体来看四个参数的搭配是不太合适的。修改参考建议如下:
两侧边距缩进8号,基础字号增大1号。
单段文字不超过8行,段落之间增加留白,小段文字以图片或者小标题作为缓冲,大段文字以分割线、大标题等元素作为缓冲。
行间距选择性并不多,综合来看1.5~2倍行距是用的比较多的,小编一般喜欢1.75。
2. 保证良好的缩进后对齐性
在微信公众号的排版中,编辑器对于图文两端有固定的间距,图文是不能向外拓展的,进而形成的这条对齐线也是整个图文的灵魂,这个时候无须追寻图片与文本错开的意义,只需要完美的遵循缩进后的左右对齐线即可,例如下图:
图文不破坏缩进后的两条对齐线
3. 内容对比构建层级关系
除了处理好良好的对齐方式,在公众号的内容排版中,保证文章的脉络和结构清晰,大标题及小标题的处理就显得格外的重要了。通过大小标题的区分,可以有效地建立内容视觉金字塔。
其中最简单的方法是通过设置大小标题,正文及注释的字号大小、粗细和颜色来进行区分,同样,我们来看一组案例:
内容层级关系设置(注:最新排版图片注释为14号)
在公众号的内容排版中,很多人都会有一种惯性思维,那就是短小就是精致,其实不然。排版是否精致,文字的大小并没有起到决定性的额作用,合理的利用或者调整好各要素之间的关系才是最重要的。改用大字号要用大字号,改用小字号要用小字号。
标题的撰写要注意文字精简,一般字数控制在10-15个字,尤其注意不要出现标题两行甚至是多行的情况。
4. 间距留白要保证亲密性
内容排版编辑器除了可以设置行间距,还可以设置前后段落的间距。这里要注意的是,段落的行数不宜过多,一般三四行为一段的分段格式最舒服,还可以在中间穿插一两行的段落,增加阅读体验。另外,段落之间可以通过“空行换行”的方式进行分段,无须首行缩进,主要是没有必要。除了空行,大标题、小标题之间还可以单独设置“段前距”“段后距”,我们来看下案例:
在设置段落间距的时候,我们可以参考“前紧后松”的原则。至于为什么使用这种关系,其实更多起到的是提示作用。比如我们在撰写文章的时候一般都会设置几个部分或者几个论点,论点的结束代表了段落的结束,这时候通过较多的留白来给用户暗示,部分段落结束,我们会重启一段进行另一论点的开始。同样,大小标题与正文之间的间距也要大于段落与段落之间的间距。保持间距可以让用户在阅读的过程中保持呼吸感,更加轻松,也更符合内容的逻辑性表达。
5. 用好图片,缓解阅读压力
公众号的文章配图虽然不是提升完读率的决定性因素,但用心设计的配图绝对比随意抓取一张图片要更深入人心。而一个好的配图又可以传达给用户“我在现场的”意义,用户更愿意接收这样的信息,进而增加代入感。
例如美食消费类的账号,配图恨不得让每一位读者身临其境,将食物端到你的面前。当然效果也是立竿见影的,在注重感受的文章中,图片的重要性相对来说是超过文字的,因为再丰富的文字都不如一张美味可口的图片打动人心。
不管是新闻资讯类文章,还是教育干货类文章,最好缓解阅读压力的方式就是图片的植入。针对不同的主题、段落内容所使用的图片类型都不尽相同,前者一般会使用相关的插画或者现场照片,而后者会插入数据截图、操作截图等实操讲解型的图片。内容插图基本上保证三四百字1-2张图片,图片与内容相关。
这里给大家免费推荐几个图库:
Piqsels:所有图片均为开放性素材,分辨率高,没有归属,可满足个人及商业使用。
Pickupimage:人文自然、旅游户外类、美食餐饮类可以的专属素材网站,图片素材均可免费下载。
Iconfont:国内最强大的矢量图标库之一。内容丰富,素材清晰,支持在线存储、格式转化等功能。
如果想定制图片但又苦于没有技术功底,可以参考使用新媒体图片智能生成工具:创客贴、图帮主、懒人设计、易企秀等。
6. 让图片更利于手机端的阅读
首先是图片前后间距的处理,为了保证图片与文本之间保持最合适的间距,我们一般会在图文插入完成后进行手机端的预览,针对间距不合适的图文进行单位调整。通常我们会在图片段前加10个单位,段后不做调整。预览判断的标准就是保证图片段前、段后间距大致相同,见下图:
另外图片的比例也是有讲究的,为了保证屏幕竖向浏览的阅读体验,一般会采取宽高4:3、1:1、3:4、2:3的比例,参考如下:
自手机全面屏的流行,屏幕四个圆角越来越大,为了让图片与屏幕更加匹配,让图片更佳精致,在细节上我们可以给图片加个小圆角,整个视觉感会更加舒服。
那么重点来了,这个圆角如何加呢?各位看官可以私信小编哦~
除了给图片增加圆角,为了增加图片的美观度,我们也可以给图片适当添加描边或者阴影,当然一般只有纯白色或者灰色截图为了区分背景颜色会加描边,描边大小1~2像素,颜色可以根据logo颜色或者文字颜色来定。
最后关于图片的输出,对于颜色比较钱或者大面积高饱和色彩的图片输出PNG格式,而整体比较暗的图片一般会输出高质量的JPG图片,尽量不要用“最佳”质量。
7. 制作完美的图表
高考刚过,接下来的热点将围绕着高考得分、学校选择两部分来进行了,教育行业的文章不可避免的会用到一系列的数据表格,我们首先来看几组非常好的例子:
数据来源:网络检索
数据来源:网络检索
数据来源:网络检索
通过例子我们可以看到,想要做好图文中的表格要求还是蛮高的。首先对于Excel表格、PowerPoint软件或者其他矢量软件要会用。另外,在表格的绘制过程中,不能以电脑端的尺寸为标准,要根据手机端屏幕的像素参数作为参考,图表的基础文字字号、行间距、主次坐标轴大小属性,对齐方式等都要合适,一般字号会比电脑端大一号。
最后就是图表的分项数据,要简单明了、重点突出、表达清晰,要素完整。一个完整、合格、专业的图表,标题、数据标签、主次坐标轴标签、单位、图例、数据来源等缺一不可。
对于绘表能力欠缺的同学可以参考三线表,三线标的组成包含表序、表题、项目栏、表体、表注,通过顶线、底线、栏目线构成,双侧没有竖线。其中顶线和底线为粗线,栏目线为细线,必要时可以增加辅助线,但无论辅助线增加几条,任然称作是三线表。
那对于绘表能力强一点的小伙伴,可以以三线表作为基础稍作调整,或者根据个人能力自行定制。柱状图、饼状图、折线图、雷达图等同样如此,一张好表,读者只要扫一眼,就能将作者想要传达的内容了解清楚,所以简洁明了、主题明确、重点突出这三个关键点是永远不变的。
8. 巧用公众号排版编辑器
相信微信公众号的排版小编都有这些感受:微信后台的编辑器功能太少,除了简单的调整行间距及字符无法进一步优化排版,而且素材单一,所以想要出一篇排版精美、内容样式丰富的文章真的是难上加难。
随着微信公众号的使用人群越来越多,微信编辑器的发展也变得如火如荼,微信编辑器的优势在于,不但提供海量的素材,还针对素材进行分类,针对不同的行业、节日、主题提供不同素材,让用户方便浏览,快速找到合适的素材;在功能上还提供了“一键排版”功能,只需要粘贴复制就可以模板化迅速排版,相比于自己找素材,还要设置繁琐的字体及颜色、字间距、行间距来说,一键排版会让内容排版更加高效,同时在节约时间的同时提升用户阅读体验。
接下来就给大家推荐几个比较火的常用编辑器:
135编辑器(www.135editor.com):优点在于模板素材多,图片美化功能强大,有在线的图库,支持一键排版,排版完成后可以直接导入微信公众号编辑器或者办公文档;缺点在于免费功能较少,比如多账号运营、定时群发、历史恢复、云端草稿等都需要会员才能享受,不过总体来说够用。
小蚂蚁编辑器(www.xmyeditor.com):优点在于素材样式多样化,覆盖行业更多,且素材每日更新,编辑器菜单功能丰富,且支持多篇文章同时排版。内置工具宝箱包含音视频插入、文章配图提取、临时转永久等超实用工具,图片处理工具包含我们上面讲到的圆角处理、阴影、边框、拼图、异形等操作,最重要的是提供无版权图库,方便又安心。那缺点也是同样,必然存在的人民币玩家和普通玩家的本质区别。
总而言之,公众号的内容排版直接影响到用的视觉感官,版式的规划效果是为了传递信息的重要性,吸引读者的目光,帮助读者在阅读过程中轻松、与愉快的获取信息,好的排版不但可以更快更精准的传递信息,还能促进与读者间信息的沟通,为后期的用户的阅读及转化打下坚实的基础。
丝路赞学院
新媒体运营负责人 张翼飞
阅读更多关于张翼飞的课程请点击→
高能预告
12月份直播预告新鲜出炉,敬请期待