微信公众号排版心得
清爽的排版,能让阅读成为一种享受。
为何排版
古人对于写文章有两个基本要求:
- 有物:就是要有内容。
- 有序:就是要有条理。
像我这种无名作者,写的内容没有资历和名气的加持,再不好好雕琢一下,使之干净清爽、条理清晰、便于阅读,不然,读者的阅读兴趣很快就消散了。而且漂亮舒适的排版,不仅能让读者眼睛爽,还能加深对文章的理解。
如何排版
之所以「庭说」的排版被多人问津,是因为我站在巨人的肩膀上,这位巨人就是「可能吧」。当见识了这位巨人的排版之后,我多方模仿实践,终于有一天被我倒腾出来了,之后便开始了我的公众号写作之路。
阿禅在 可能吧的文章是如何排版的?(VPN required)提到:
- 排版不仅是锦上添花。
- 什么是写作规律?
- 为什么我不用任何微信排版器?
- 可能吧的文章是如何排版的?
- 别依赖模板式教程。
「可能吧」采用的是代码级排版,需要花几天时间学习 HTML、CSS、Python 等的基础语法。而我懒,就取巧借助了第三方排版编辑器:秀米。浏览器是 Chrome,兼容性好,复制、粘贴和同步都不容易出错。
留白的艺术
请在页面周围大方地留点空间,减少文字太满产生的压迫感,既可以让读者的视线在字里行间游刃有余,又可以让眼球有地方休息。
- 如果一行文字过长,视线移动距离太长,很难让人注意到段落起点和终点,阅读比较困难
- 如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。
因此我们可以让内容区的每一行承载合适的字数,来提高易读性和舒适性。秀米相关设置如下:
- 基础字号(正文字体):14。显得比较秀气。
- 行间距:1.7 倍。行与行之间,就像恋人一样需要适宜的空间,不然会喘不过气来。
- 字间距:2 像素。增大字距,可以让文本更加整洁、易读。
- 页边距:30 像素。在「i 排版」中,这个功能叫缩进。
对了,千万不要首行缩进,那是纸媒留下来的排版习惯了。参差不齐的字块,宛如缺牙狗啃出来的一样。
调教的学问
常言道:「少则得,多则惑,色不过三」,切记全文不要超过三种颜色。如果你难以驾驭配色这门学问,黑白灰的性冷淡风格是比较保险的百搭。但是,纯黑的字体有些刺眼,可以换成温和的灰色,也不容易引起阅读疲劳。
- 标题:先来一段 50 度灰
RGB(50,50,50)
。 - 正文:再配上一瓶 82 年的拉灰
RGB (82,82,82)
。 - 点缀:不免单调,可以从头像或 Logo 中提取一个主题色,作为装饰。
配色确定了,再调教一下字号:
- 标题字体:18 号。为了醒目,加粗更佳。
- 正文字体:14 号。文艺青年都喜欢这么干。
至此,排版已经搞定 7788 了。
空格的妙用
有一个设计圈的笑话:打字的时候不喜欢在中文和英文之间加空格的人,感情路都走得很辛苦。 有七成的比例会在 34 岁的时候跟自己不爱的人结婚,而其余三成的人最后只能把遗产留给自己的猫。毕竟爱情跟书写都需要适时地留白。
中文和英文之间需要增加空格
✔:by 一朵遗世独立的小奇葩
❌:by一朵遗世独立的小奇葩
中文和数字之间需要增加空格
✔:懂一点污 78 嘿的小知识
❌:懂一点污78嘿的小知识
更多关于空格的艺术,请参阅 文案风格及排版指南。
回归写作
「庭说」的公众号就是花了太多时间在排版上了。为了实现层级缩进的效果,不惜在秀米排版器中里三层,外三层地套用了六个布局模板,这种排版终究还是太费神费时了。
更高效的排版方法,非 Markdown 所属。这是一种轻量级的「标记语言」,几分钟就可以学会,省出来的时间,就可以专注于打磨文字。教程请参阅 Markdown 入门教程及书写风格指南。
用 Markdown 写好之后,把文章复制到以下其中一个转换器:
- Markdown Nice:让微信排版变 Nice,支持自定义主题 CSS 和在文末列出微信外链。
- 微信 Markdown 编辑器:高度简洁。
- 可能吧公众号 Style 一键转换器:老司机禅叔出品。
一篇结构清晰,页面美观的佳作就诞生了。