公众号图文排版怎么好看？掌握留白技巧，页面瞬间变高级

用户打开文章的前 3 秒，留白决定了第一印象。很多小编总觉得 “页面要填满才不浪费”，结果文字顶到屏幕边缘，读者一眼扫过去全是字，眼睛都累。其实手机屏幕就那么大，左右边距至少要留 20-30px，iOS 和安卓的显示差异不大，这个数值能保证文字不贴边。

试试这个方法：新建图文时先把左右边距调到 25px，预览时用不同品牌手机看效果。安卓机型多，有些窄边框手机会显得边距宽，但宁可宽一点也别挤 —— 用户滑动屏幕时，边缘文字容易被手指挡住，留白够了才不会漏看内容。

顶部和底部的留白也有讲究。标题上面留 30-40px，比边距稍宽，像给标题戴了顶 “帽子”，视觉上会更突出。底部签名或版权信息上方，至少空出 20px，别让文字贴着底部走，显得仓促。

段落间距是最容易被忽略的留白细节。不少人觉得 “空一行太多，半行刚好”，但手机上的文字密度高，半行间距会让段落黏在一起，读者读着读着就串行了。正确的做法是段落间距 = 行高 ×1.5 倍，比如行高设为 1.75 倍，段落间距就留 2.6-2.7 倍，这样每段结束后有个明显的 “停顿”。

小标题和正文之间的留白要单独算。小标题下面空 1.2 倍行高，比段落间距稍窄，既能区分层级，又不会让上下内容脱节。比如小标题用 16 号字，行高 1.8 倍，下面就留 28-30px 的空白，亲测这个距离眼睛最舒服。

还有一种隐形留白：首行不要缩进。很多人习惯首行空两格，在手机上反而会让每行开头显得挤，不如顶格写，靠段落间距区分段落，版面会更清爽。

图片是公众号的 “视觉锚点”，但很多人放图时直接顶到边距，或者文字紧挨着图片边缘，看着特别压抑。图片左右必须和文字边距对齐，比如文字左右留 25px，图片就缩进 25px，别让图片 “撑满” 整个屏幕，除非是全屏海报。

图片上下的留白要比段落间距宽。单张图片下面留 30-40px，上面留 20-25px，形成 “上紧下松” 的节奏。如果是组图，两张图之间空 20px 就够，别堆成 “图片墙”—— 读者滑动时，密集的图片会让人视觉疲劳，留白能帮眼睛 “缓冲”。

带文字说明的图片更要注意。图片和说明文字之间空 10px，说明文字本身行高设 1.5 倍，左右缩进比图片再宽 5px，形成 “图片 - 小留白 - 说明文字” 的嵌套结构，既整齐又不拥挤。

别只盯着大段空白，文字本身的 “呼吸感” 藏在细节里。标题字间距可以调大 0.5-1px，比如 18 号标题字，字间距设为 1px，看起来更舒展。正文文字别用默认字间距，调小 0.1-0.2px（比如从 0 调到 - 0.1），文字会更紧凑但不拥挤，尤其适合宋体这类有衬线的字体。

行高是文字留白的核心。14-15 号正文，行高 1.75-1.8 倍最合适，16 号字可以降到 1.6-1.7 倍。很多人觉得行高越大越舒服，其实超过 2 倍会让文字 “飘” 起来，上下行衔接不上，反而影响阅读速度。

重点内容的留白要 “特殊对待”。比如用色块突出的金句，色块内部要留 15-20px 的内边距，让文字和色块边缘有距离。金句前后再各空一行，相当于给重点内容 “画个框”，读者一眼就能抓住。

最常见的错误是 “为了留白而留白”。比如明明内容短，硬要在段落中间空一大段，反而打乱逻辑。留白必须跟着内容走，叙事类文章段落可以紧凑点，干货类文章就要多留空，方便读者边看边记。

还有人把 “留白” 和 “空白” 画等号，其实留白可以用浅灰色块代替。比如在两个章节之间放一个 10px 高的浅灰色条（#f5f5f5），比纯空白更有层次感，又不破坏留白的轻盈感。

别让配图 “抢” 了留白的功劳。带复杂背景的图片，周围一定要多留 20px 空白，避免图片元素和文字 “打架”。如果是纯色背景图，留白可以稍窄，但至少保证 15px，不然会显得图片和文字 “粘” 在一起。

模板一：简约干货文。左右边距 25px，行高 1.8 倍，段落间距 35px，图片左右缩进 25px，上下各留 30px。适合教程、清单类内容，重点突出文字信息。

模板二：图文穿插文。左右边距 20px，行高 1.7 倍，段落间距 30px，图片上下留白 40px，组图之间空 15px。适合游记、测评类带大量图片的内容，图文交替不拥挤。

模板三：标题党吸睛文。大标题上下各留 40px，副标题距大标题 20px，正文边距 25px，重点金句用浅灰底（#f7f7f7），内边距 20px，前后各空 25px。适合观点类、热点类文章，用留白强化标题和金句的冲击力。

其实留白的核心不是 “留多少”，而是 “让读者舒服”。每次排版完，隔 10 分钟再打开看，或者发给同事盲测 —— 如果一眼扫过去能快速找到重点，滑动时眼睛不酸，那这版留白就合格了。记住，高级感从来不是堆出来的，而是 “少即是多” 的克制。

【该文章由diwuai.com第五 ai 创作，第五 AI - 高质量公众号、头条号等自媒体文章创作平台 | 降 AI 味 + AI 检测 + 全网热搜爆文库
🔗立即免费注册开始体验工具箱 - 朱雀 AI 味降低到 0%- 降 AI 去 AI 味】