📏 边距留多少才不 “挤”?手机屏幕的黄金留白公式
用户打开文章的前 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 的内边距,让文字和色块边缘有距离。金句前后再各空一行,相当于给重点内容 “画个框”,读者一眼就能抓住。
❌ 这些留白误区,90% 的小编都在犯
最常见的错误是 “为了留白而留白”。比如明明内容短,硬要在段落中间空一大段,反而打乱逻辑。留白必须跟着内容走,叙事类文章段落可以紧凑点,干货类文章就要多留空,方便读者边看边记。
还有人把 “留白” 和 “空白” 画等号,其实留白可以用浅灰色块代替。比如在两个章节之间放一个 10px 高的浅灰色条(#f5f5f5),比纯空白更有层次感,又不破坏留白的轻盈感。
别让配图 “抢” 了留白的功劳。带复杂背景的图片,周围一定要多留 20px 空白,避免图片元素和文字 “打架”。如果是纯色背景图,留白可以稍窄,但至少保证 15px,不然会显得图片和文字 “粘” 在一起。
✨ 3 个快速落地的留白模板,新手直接套用
模板一:简约干货文。左右边距 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 味】
🔗立即免费注册 开始体验工具箱 - 朱雀 AI 味降低到 0%- 降 AI 去 AI 味】