山径 · 清晨 · 徒步笔记穿过雾岭,
穿过雾岭,
把脚步还给自己
从最后一班巴士下车,松针的气味替代了城市的提示音。
海拔 1,420m · 阴转晴
清晨的路从一片松林开始。雾气把远处收起来,只留下鞋底踩过碎石的声响。转过第三道弯,光从树冠之间落下,路标终于显出颜色。
“留一段空白,读者才知道上一段已经结束,下一段值得开始。”
先读这篇真实文章,再把拥挤版放开;标题、图片、正文和收藏入口会在同一对象上建立清楚停顿。
真实物件:一篇户外杂志的手机与网页长文。默认标题、导语、图片、正文和收藏入口全挤在一起,阅读没有停顿。
! 内容粘成一团从最后一班巴士下车,松针的气味替代了城市的提示音。
清晨的路从一片松林开始。雾气把远处收起来,只留下鞋底踩过碎石的声响。转过第三道弯,光从树冠之间落下,路标终于显出颜色。
“留一段空白,读者才知道上一段已经结束,下一段值得开始。”
失败状态:内容本身完整,但标题、图片、段落和行动挤成连续信息墙;用户会跳读或直接离开。
留白是有任务的空白:它分组、引导视线,也衬托焦点。
当页面像一堵信息墙、主操作被邻居淹没或段落边界难分时使用;高密度数据工作台需先保证一屏可比较的信息量。
阅读文章、邀请函、产品说明、首屏、卡片和结账页等需要停顿与焦点的界面。
表格、监控面板和紧凑列表不能一味放大空白,否则可比较信息被迫滚出屏幕。
先分组,再设置节奏,最后在真实视口里看焦点。
目标相同,只改变空白是否服务分组与焦点。
段内保持紧凑,标题、图片、正文和收藏入口之间留出更大的停顿。
结果:内容仍完整,但分组、节奏与焦点都更清楚。段落内部也被拉散,图片与正文隔得像两篇文章,手机上一屏几乎没有内容。
后果:留白切断关系,阅读变成空站。结账页的金额总计和“确认支付”按钮该怎样安排留白?
术语的技术定义和行为以这些一手或权威资料为准。
和本知识点经常一起出现的概念。