公众号写作排版指南v2.0（适配Dark Mode）
上一篇文章：公众号写作排版指南v1.0
微信的 iOS 版已经适配了 Dark Mode，Android 的深色模式也正在内测中，夜间使用微信的体验将大大提升。
公众号文章是由用户自定义图片，文字颜色，排版等等，很难做到完全适配。这使得当浏览公众号文章时，效果大打折扣。
这时候可以按照一些规范，调整排版，使得文章在 Dark Mode 下依然赏心悦目。????????
文字颜色
首先说说微信公众号文章深色模式的整体适配方案，页面通过对颜色值进行一定的反转计算，得到了 Dark Mode 下匹配的颜色值。例如正常模式下色号为「#232323」的黑，在深色模式下显示的为 「#c3c3c3」的白；「#333333」的黑，会转换为「#b3b3b3」的白；彩色颜色值则不进行转换。
参考 @阿里巴巴国际UED 以及 @ebooksplan 对于深色模式适配的文章，总结了如下的文字配色方案：
这是微信在「白色模式」和 「深色模式」不同颜色文字渲染效果，可作为参考，主题色可自由选择。
图片
微信公众号支持插入 JPEG、JPG、PNG、GIF 等格式的图片，考虑到视觉上的统一，尽可能的选择没有底色的图片。
目前 PNG 格式的图片是最佳的选择，底色透明，而且占用空间小，加载速度会更快一些。
例如下面的微信图标，在「深色模式」和「白色模式」下都能够优雅的展示。
排版
排版的工具在上一篇文章有提到，这里再说说细节。
本文排本所使用的一些参数如下：
- 字间距：1px
- 行间距：1.8em
- 端间距：3em
- 文字大小：16px
- 字体：Optima-Regular
- 两端留白：10px
最后，有了以上的规范，你看到的「深色模式」和「浅色模式」下的就变成了下面的这个样子????
OK，以上就是本次文章的内容，希望你阅读愉快，Good Night！
完
文章首发于公众号「嗜码」，未经许可，禁止转载