金色旋风

登录 | 注册

积分: 0 |用户组: 金旋门外汉

搜索
查看: 19988|回复: 24

公众号文章排版压箱底干货,先到先学!

[复制链接]
发表于 2018-2-9 10:08 | 显示全部楼层 |阅读模式
后台陆续有朋友问“用了什么排版工具”,也收到过大家对排版效果的认可,索性借此机会分享一下我的排版小技巧。
作为一个以“价值输出” “崇尚内容”“读者至上”的公众号,望月最开始是忙到顾不上排版,但并不代表他不在乎,不然就不会有我的出现。
今天,我尽量把干货全拿出来。排的好看,大多是同行衬托;排的不好,应该就是我水平有限。
1 排版有那么重要吗
不管媒介发展到什么阶段,对于版式审美的追求一直都存在。广告牌、纸质刊物、门户网站、UI设计以及公众号,其实随处可见版式设计。
201802081518095158185448.png
好的排版,让人有继续读下去的欲望;不在意排版,那么,无论是自己还是读者,对于内容的期待都会提高。除了几位头部大佬,我相信,大多数的帐号目前应该还难以保证绝对的优质优产。
实际上,好看的皮囊与有趣的灵魂兼得,才是大多数读者的追求。内容质量固然至关重要,可排版也不只是简单地锦上添花。
很多时候,排版能帮助重新提炼结构(类似思维导图)、突出要点、强调内容,至少在望月这里,我会注意这些。而在有的帐号上,排版本身就是独特的内容。
在排版时,我总结了这样的一些原则:
1. 确定公众号调性,找到恰当的风格。
大多数知识技能学习、互联网科技、评论类自媒体都是内容大于形式,简洁、整齐就好,没必要堆砌太多图片、图标、线框,不然会显得凌乱。
最好是形成自己的风格,因为它就像你的品牌logo一样。像禅叔的“可能吧”,配色、排版就自成一派,很多人都注意到了,也模仿过。
科技类、母婴类、时尚类等等,垂直细分不同,使用的编辑元素风格自然也不一样。卡哇伊、彩虹色这些元素,基本不太会出现在如望月这种科技类帐号上
2. 排版是给人看的,注意阅读体验。
配色不宜过多(通常别超过3种),且尽量避免使用高饱和、荧光色,虽然有时候它们能起到突出的效果,但是其实看着挺刺眼的。用来刷背景色还可以,但千万别用在文字上。
字体、字号、间距、对齐等,都能影响文章的可读性,而且很容易逼死处女座读者。所以,多尝试几次,排好后再检查一下。
3. 有主次、有节奏,结构层次清晰。
写过论文、或者看杂志报纸的朋友,都应该注意到,这些文本的层次十分清晰:大标题、副标题、正文,主次分明、逻辑清楚,看上去就很清爽。
没有逻辑分层,大段大段的文字堆在那里,容易给人种压迫感,让人挑不出重点,读起来很头大。
2 排版到底排的是什么
排版时要注意的零碎细节其实挺多的,但其实也都很简单。下面,我会主要以望月这里的内容来列参数。
1. 字体:不明
微信编辑器自带的字体并不是很好看,现在的字体是我复制的,大家可以直接格式刷,它看着更具文艺、时尚感。喜欢其他公众号的字体,也可以“复制”&“格式刷”。
2. 字号:15px
绝大部分帐号用微信原来设定的“16px”,这个手机上看好像显得有点大。微信后来增加了“15px”(望月注:15px这个意见是我给微信提的,吼吼),也就是目前本公众号所使用的字号,基本能照顾所有可能的年龄群。
但其实,很多帐号都会用“14px”,更小更秀气些。我在Kindle订阅号及服务号编辑时,正文一般都用“14px”。
3. 间距:首行、行间距、段间距
a) 首行:无需空格
放弃开头空两格吧!这个种原始文本排版方式,对于微信公众号这种短文本为主的平台早已落伍。本来篇幅长度就有限,何必再占用空间。
当然,像“丁香园”那样开头第一段设计专用小图标更好,或者可以像很多杂志所采用的首字放大,起到提示、强调的作用。
b) 行间距:1.5/1.75
正常文本,行距太紧凑或太稀疏都影响可读性,所以通常行距都用1.5/1.75。
►1.5倍、1.75倍行距
像很多段子号、图片多的号,语句一般很短又自成一行,就无需考虑行距,反而是空一行或几行更有效果,这个看具体内容操作。
像很多段子号、图片多的号,语句一般很短又自成一行,就无需考虑行距,反而是空一行或几行更有效果,这个看具体内容操作。
►1倍行距,略显拥挤
像很多段子号、图片多的号,语句一般很短又自成一行,就无需考虑行距,反而是空一行或几行更有效果,这个看具体内容。
像很多段子号、图片多的号,语句一般很短又自成一行,就无需考虑行距,反而是空一行或几行更有效果,这个看具体内容操作。
c) 段间距:空一行
通常段与段之间空一行,大家都这么做。不过,偶尔标题层次比较多,也会出现段间距单独设置,一般是“5”或“10”,这样看起来清晰些。比如这里的a)b)c)三级标题与下方各段,我就用了段间距“10”。
4. 页边距:15px
微信公众号后台好像没考虑过这个问题,但各方大神们对于美的追求是无止境的——于是,第三方编辑器就有了可修改“页边距”这个模块。
201802081518095122420586.png
► 135编辑器中修改“页边距”:工具栏-背景-左右边距
为什么要修改页边距?看下面这张图
☟☟☟
页边距10px vs 页边距15px
201802081518095063997471.png
适当“留白”,视觉上看着舒服很多。
5. 对齐:两端对齐
不对齐的后果就是会出现“锯齿状”的段尾,效果参考俗话说的“被狗啃的刘海”。
如果在出现中英文夹杂的情况,一定预览效果,重新调整,不然会出现奇怪的断行。
最后,做运营排版时一定!一定!一定!考虑适配不同手机(貌似是最基本的原则)。
6. 图片:清晰、居中
图片较多时,统一一下排版样式,一般都会选择居中。如果不注意,容易歪七扭八的后果,逼死强迫症。至于加边框、阴影等效果就看需求、喜好,第三方编辑器、PS可以解决。
一定选择像素高的图片,不然推出来后渣画质会显得很low。但微信上传图片限制大小,所以学习一下ps技术很有必要。
3 排版用到的那些工具
微信公众号后台编辑器,我基本放弃了,常用第三方工具是这些:
1. i排版
最早使用,但是样式感觉少、不够好看,现在常使用的是其中的“小符号”,比如
☝☟☜☞
2. 135编辑器
现在常用,主要是习惯了它的编辑框。样式元素也很多。
3. 秀米编辑器
个人觉得秀米是样式最多的,不过编辑器太高级,用不太习惯。
以上编辑器,如果你懂代码,还会玩出很多花样,也可以关注它们的公众号号。
另外,学会科学上网,好的图片网站也有很多,不过版权是个过不去的坎,企业帐号、营销号谨慎使用。

- 动图 -
tumblr
i09
Imgur
SOOGIF
GIPHY

- 图片 -
Pinterest
Instagram
Gratisopraphy(基于CC协议)
PEXEL(基于CC协议)
freepik(基于CC协议)
500px(付费)
Shutterstock(付费)
gettyimage(付费)
啰啰嗦嗦,说了很多,可能还有一时没想到的,后面此文可能继续补充。

回复

使用道具 举报

发表于 2018-2-9 10:15 | 显示全部楼层
高手云集 果断围观
回复 支持 反对

使用道具 举报

发表于 2018-2-9 10:32 | 显示全部楼层
好滴好滴,厉害了我的哥
回复 支持 反对

使用道具 举报

发表于 2018-2-9 10:49 | 显示全部楼层
有空一起交流一下
回复 支持 反对

使用道具 举报

发表于 2018-2-9 11:06 | 显示全部楼层
严重支持!
回复 支持 反对

使用道具 举报

发表于 2018-2-9 11:40 | 显示全部楼层
我也来顶一下..
回复 支持 反对

使用道具 举报

发表于 2018-2-9 11:56 | 显示全部楼层
呵呵,低调,低调!
回复 支持 反对

使用道具 举报

发表于 2018-2-9 12:47 | 显示全部楼层
打酱油的人拉,回复下赚取积分
回复 支持 反对

使用道具 举报

发表于 2018-2-9 13:04 | 显示全部楼层
楼上的稍等啦
回复 支持 反对

使用道具 举报

发表于 2018-2-9 13:20 | 显示全部楼层
为保住菊花,这个一定得回复!
回复 支持 反对

使用道具 举报

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

本版积分规则

QQ|Archiver|手机版|金色旋风创业网 ( 浙ICP备19037471号-2  

GMT+8, 2024-4-28 01:56 , Processed in 0.206493 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2024, Tencent Cloud.

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