乐于分享
好东西不私藏

公众号排版也要有设计系统——信使引擎新视觉上线

公众号排版也要有设计系统——信使引擎新视觉上线

信使引擎 · Messenger Engine2026.05 · 运营手记
运营手记

新排版是怎么做出来的

一次从零开始的公众号视觉设计过程,以及为什么我选择自己来做这件事。

最近几天尝试着给自己的公众号设计了新排版,答案是:没有用第三方平台的模板,是我自己一点点设计出来的。

这篇短文记录一下这个过程。

§ 1先定调性,再谈颜色

信使引擎的读者是 mRNA/LNP/CAR-T 领域的从业者,内容偏工艺和机制,不是快消科普。我希望排版传递的气质是:整洁、美感、读起来减少视觉疲劳。

市面上常见的公众号排版软件要么过于杂乱,要么设计风格千篇一律。我想找一个中间地带——有温度,但不失专业感。最终设计了两种主题风格,参考的是技术白皮书的视觉逻辑。

§ 2微信排版的技术约束

公众号编辑器有个反直觉的限制:它会完整剥除 HTML 文件里的样式表,所有 CSS 类选择器都会失效。

唯一可靠的方式是把每个元素的样式直接写进行内属性里——每一行都要独立承重。这让手写变得几乎不可能,但同时也让系统化设计变得有意义:只要把规范定清楚,就能稳定复现。

设计思路
这套排版的核心是一份组件规范文档,覆盖页眉、标题层级、正文段落、标注框、数据卡片、图片块等全部元素的精确样式定义。每次写文章时调用这份规范生成 HTML,粘贴进公众号编辑器后样式完整保留,不需要再手动调整。

§ 3迭代了多少轮

从第一稿到现在用的版本,大概经历了五六轮调整。主要集中在几个地方:标题与正文的字号比例、段落行高、标注框的视觉权重、章节分隔线的粗细。
每一轮都是在浏览器里渲染出来看,再回头修参数。有些地方改了三四次才稳定下来。设计没有捷径,只有反复看、反复改。

§ 4目前开放的两套主题

系统现在内置两套视觉主题,分别面向不同的内容类型,可按文章调性选用。

主题 A · 橙皮书技术白皮书风
§ 1 节号mRNA-LNP 递送系统工艺优化策略

脂质纳米颗粒的粒径分布与包封率直接影响体内递送效率。通过优化 N/P 比和乙醇注射速率,可将 PDI 控制在 0.1 以下。

编者按
配色:底色#fffbf0,强调色#e85d04,衬线感 · 技术深度感强
LNP工艺开发CMCIND申报
适合:技术解读 · 工艺分析 · 深度科普 · CMC报告
主题 B · 学术深蓝期刊综述风
§ 1肿瘤新抗原 mRNA 疫苗的免疫激活机制

树突状细胞摄取 LNP 后,内体逃逸效率决定 mRNA 翻译的起始时间窗口,进而影响 MHC-I 途径的抗原呈递效率。

NOTE
配色:底色#f8fafd,强调色#1e3a5f,衬线字体 · 学术气质强
新抗原疫苗免疫机制树突状细胞
适合:综述解读 · 机制讲解 · 基础科学 · 方法论

这套排版还会持续更新。如果你看文章时觉得哪里读起来别扭,欢迎留言告诉我——真实的阅读反馈比自己盯着看有用得多。

欢迎大家评论区和后台加微私信交流!
mRNA · CMC信使引擎 主理人

扫码添加作者微信 · 交流探讨

欢迎行业同仁加微信交流mRNA · LNP · CAR-T · CMC · IND