惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

WordPress大学
WordPress大学
G
Google Developers Blog
M
MIT News - Artificial intelligence
Vercel News
Vercel News
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
GbyAI
GbyAI
B
Blog RSS Feed
Blog — PlanetScale
Blog — PlanetScale
Microsoft Security Blog
Microsoft Security Blog
V
Visual Studio Blog
Stack Overflow Blog
Stack Overflow Blog
雷峰网
雷峰网
The Cloudflare Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
F
Fortinet All Blogs
L
LangChain Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
A
About on SuperTechFans
T
The Blog of Author Tim Ferriss
B
Blog
J
Java Code Geeks
Hugging Face - Blog
Hugging Face - Blog
I
InfoQ
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com

庭说

使用 SSH(Secure Shell)客户端(PuTTY)远程连接 VPS 如何注册 Google(谷歌)账号 如何在小米 6 上安装 Google Camera(谷歌相机) 宠物成长日志 Telegram 动态大表情合集 已弃的番茄 拨开迷雾看世界 装上油猴脚本,你的浏览器才有了灵魂 沙拉查词:浏览器上最强大的划词翻译插件 COVID-19 防疫手记 GTD 时间管理法则 Google Ads 教程 WhatsApp:解封 & 最小化 如何在 LinkedIn(领英)开发客户 Cold Email(开发信)撰写指南 Telegram(电报):新手指南、使用教程及频道推荐 英语口语:发音篇 如何提升外贸业务技能? 如何组织一场全员参与的培训活动 英语语法 Google Chrome(谷歌浏览器):扩展程序(插件)推荐及使用技巧 除了健康,都是小事 SwitchyOmega:在浏览器上轻松管理代理规则 阿里巴巴国际站:新手不完全入门指南 如何学英语 英语口语:外贸篇 英语杂货店 游泳入门与蛙泳教学 大客户下单后,如何用邮件有效跟进? Illustrator, Photoshop and InDesign Tips
微信公众号排版心得
庭勃士(Dr_Ting) · 2016-11-21 · via 庭说

wechat

清爽的排版,能让阅读成为一种享受。

为何排版

古人对于写文章有两个基本要求:

  • 有物:就是要有内容。
  • 有序:就是要有条理。

像我这种无名作者,写的内容没有资历和名气的加持,再不好好雕琢一下,使之干净清爽、条理清晰、便于阅读,不然,读者的阅读兴趣很快就消散了。而且漂亮舒适的排版,不仅能让读者眼睛爽,还能加深对文章的理解。

如何排版

之所以「庭说」的排版被多人问津,是因为我站在巨人的肩膀上,这位巨人就是「可能吧」。当见识了这位巨人的排版之后,我多方模仿实践,终于有一天被我倒腾出来了,之后便开始了我的公众号写作之路。

阿禅在 可能吧的文章是如何排版的?(VPN required)提到:

  1. 排版不仅是锦上添花。
  2. 什么是写作规律?
  3. 为什么我不用任何微信排版器?
  4. 可能吧的文章是如何排版的?
  5. 别依赖模板式教程。

「可能吧」采用的是代码级排版,需要花几天时间学习 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 写好之后,把文章复制到以下其中一个转换器:

一篇结构清晰,页面美观的佳作就诞生了。