查看: 988|回复: 1

微信公众号文章排版干货全部拿出来分享给大家

[复制链接]
发表于 2018-2-9 12:15 | 显示全部楼层 |阅读模式
后台陆续有朋友问“用了什么排版工具”,也收到过大家对排版效果的认可,索性借此机会分享一下我的排版小技巧。

作为一个以“价值输出” “崇尚内容”“读者至上”的公众号,望月最开始是忙到顾不上排版,但并不代表他不在乎,不然就不会有桑夏君我的出现。

今天,我尽量把干货全拿出来。排的好看,大多是同行衬托;排的不好,应该就是我水平有限。

1

排版有那么重要吗

不管媒介发展到什么阶段,对于版式审美的追求一直都存在。广告牌、纸质刊物、门户网站、UI设计以及公众号,其实随处可见版式设计。

u=346658349,1482205508&fm=173&s=A6E9DB10578366EE8A7C24C4030030B2&w=353&h.jpeg






u=2588419940,3992820744&fm=173&s=4E00218C1E570FEB8F0830DB03009083&w=462&.jpeg


同样是家居杂志,我想拿第二本洗洗眼

好的排版,让人有继续读下去的欲望;不在意排版,那么,无论是自己还是读者,对于内容的期待都会提高。除了几位头部大佬,我相信,大多数的帐号目前应该还难以保证绝对的优质优产。

实际上,好看的皮囊与有趣的灵魂兼得,才是大多数读者的追求。内容质量固然至关重要,可排版也不只是简单地锦上添花。

很多时候,排版能帮助重新提炼结构(类似思维导图)、突出要点、强调内容,至少在望月这里,我会注意这些。而在有的帐号上,排版本身就是独特的内容。

在排版时,我总结了这样的一些原则:

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

微信公众号后台好像没考虑过这个问题,但各方大神们对于美的追求是无止境的——于是,第三方编辑器就有了可修改“页边距”这个模块。

u=2965549847,2037523790&fm=173&s=0DB8C4121C04D4099EC510CA0300A0B0&w=639&.jpeg


135编辑器中修改“页边距”:工具栏-背景-左右边距

为什么要修改页边距?看下面这张图

页边距10px vs 页边距15px

u=4061392692,3406055644&fm=173&s=4010E0338BE048011EF4D1D2010080B2&w=640&.jpeg


适当“留白”,视觉上看着舒服很多。

5. 对齐:两端对齐

不对齐的后果就是会出现“锯齿状”的段尾,效果参考俗话说的“被狗啃的刘海”。

如果在出现中英文夹杂的情况,一定预览效果,重新调整,不然会出现奇怪的断行。

最后,做运营排版时一定!一定!一定!考虑适配不同手机(貌似是最基本的原则)。

6. 图片:清晰、居中

图片较多时,统一一下排版样式,一般都会选择居中。如果不注意,容易歪七扭八的后果,逼死强迫症。至于加边框、阴影等效果就看需求、喜好,第三方编辑器、PS可以解决。

一定选择像素高的图片,不然推出来后渣画质会显得很low。但微信上传图片限制大小,所以学习一下ps技术很有必要。

3

排版用到的那些工具

微信公众号后台编辑器,我基本放弃了,常用第三方工具是这些:

1. i排版

http://ipaiban.com/

最早使用,但是样式感觉少、不够好看,现在常使用的是其中的“小符号”,比如

2. 135编辑器

http://www.135editor.com/

现在常用,主要是习惯了它的编辑框。样式元素也很多。

3. 秀米编辑器

https://xiumi.us/#/

个人觉得秀米是样式最多的,不过编辑器太高级,用不太习惯。

以上编辑器,如果你懂代码,还会玩出很多花样,也可以关注它们的公众号号。

另外,学会科学上网,好的图片网站也有很多,不过版权是个过不去的坎,企业帐号、营销号谨慎使用。

- 动图 -

tumblr

i09

Imgur

SOOGIF

GIPHY

- 图片 -

Pinterest

Instagram

Gratisopraphy(基于CC协议)

PEXEL(基于CC协议)

freepik(基于CC协议)

500px(付费)

Shutterstock(付费)

gettyimage(付费)
温馨提示:
1、本内容转载于网络,版权归原作者所有!
2、本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
3、本内容若侵犯到你的版权利益,请联系我们,会尽快给予删除处理!

3

主题

5971

帖子

6008

积分

论坛元老

Rank: 8Rank: 8

积分
6008
发表于 2018-2-9 14:01 | 显示全部楼层
此帖仅作者可见

使用道具 举报

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

本版积分规则

客服QQ/微信
1973443284 周一至周日:09:00 - 22:00
十五年老品牌,学习网上创业赚钱,首先科创网,值得信赖!
科创网 版权所有!

本站内容均转载于互联网,并不代表科创网立场!
拒绝任何人以任何形式在本站发表与中华人民共和国法律相抵触的言论!

QQ|小黑屋|广告服务|加入vip|APP下载|手机版| 科创网

GMT+8, 2024-12-25 01:48 , Processed in 0.091140 second(s), 34 queries .

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