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

推荐订阅源

博客园_首页
Google DeepMind News
Google DeepMind News
J
Java Code Geeks
S
SegmentFault 最新的问题
Martin Fowler
Martin Fowler
罗磊的独立博客
T
The Blog of Author Tim Ferriss
N
Netflix TechBlog - Medium
大猫的无限游戏
大猫的无限游戏
Hugging Face - Blog
Hugging Face - Blog
Last Week in AI
Last Week in AI
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
H
Heimdal Security Blog
N
News and Events Feed by Topic
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
P
Privacy International News Feed
T
Tailwind CSS Blog
AWS News Blog
AWS News Blog
雷峰网
雷峰网
PCI Perspectives
PCI Perspectives
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
IT之家
IT之家
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
The Register - Security
The Register - Security
N
News | PayPal Newsroom
C
CERT Recently Published Vulnerability Notes
Microsoft Security Blog
Microsoft Security Blog
Attack and Defense Labs
Attack and Defense Labs
T
Tenable Blog
博客园 - 【当耐特】
Vercel News
Vercel News
GbyAI
GbyAI
博客园 - 司徒正美
量子位
T
Threat Research - Cisco Blogs
The Cloudflare Blog
The Last Watchdog
The Last Watchdog
MyScale Blog
MyScale Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
Hacker News - Newest:
Hacker News - Newest: "LLM"
TaoSecurity Blog
TaoSecurity Blog
T
Troy Hunt's Blog
Y
Y Combinator Blog
P
Proofpoint News Feed
L
LINUX DO - 最新话题
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Jina AI
Jina AI
Recent Commits to openclaw:main
Recent Commits to openclaw:main
月光博客
月光博客
Apple Machine Learning Research
Apple Machine Learning Research

庭说

使用 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 宝宝起名 求职:简历与面试 英语口语:黑人篇 Inkscape:位图矢量化的最佳工具 如何做出合格的 PPT 平面设计学习手记 摄影技巧 PDF:批量裁剪与拆分 独居青年的烹饪笔记 e 邮宝支持投递的国家 如何寻找共享美区苹果账号(Apple ID) 美区苹果账号(Apple ID)注册指南 《作文七巧》 Google Cloud Platform 注册和使用指南 eBay Listing(刊登)指南 互联网百宝箱 想要更高效地找到信息,你需要掌握这些搜索技巧 驾考指南 「喝茶」历险记 Windows 10 电脑:使用技巧、佳软推荐以及系统重装教程 人身保险入门指南 文案风格指南:中英混排和标点符号的用法 好好牙刷,很有必要 番茄种植指南(梯子搭建教程) 如何优化 Hexo(静态博客) 为什么要写博客? 「庭说」的品牌设计 日志 毕业赠言 庭说的微信公众号被封了 Markdown 入门教程及书写风格指南 番茄食用指南(科学上网教程) 《瑞克和莫蒂》中英字幕文本 Who Am I
微信公众号排版心得
庭勃士(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 写好之后,把文章复制到以下其中一个转换器:

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