单页滚动布局Single Page
你可能会说
所有内容放在一个长页面里,往下滚就能看完。
单页滚动布局是指将相关内容按阅读顺序组织在同一长页面中的布局方式。活动页或产品介绍常在一页中依次呈现问题、价值、证据和CTA。页面很长时应提供清楚章节、页内跳转和返回路径;内容若分别服务不同任务,就应拆成多个页面,而不是强迫用户一直滚动。
也常被叫作单页布局长页面Single Page Layout
什么时候用
- 锚点导航:钉在页边的分节目录,交给 锚点 Anchor产品特性定价客户评价FAQ
- 按信息关系划分章节:每节承担清楚任务;章节高度由内容决定,不强求正好占满一屏核心价值主要优势下一步
- 按照价值、主要优势、证据和行动组织完整阅读顺序核心价值→主要优势→可信证据→下一步
- 滚动跟随高亮:读到哪一节,目录亮到哪滚到「快速上手」,目录自动高亮安装快速上手API常见问题
什么时候不用
- 长页面缺少锚点和返回顶部:提供 回到顶部 Back to Top Button 等导航路径
- 同一章节混入多个无关任务,阅读主线会变得不清楚;按信息关系拆分或重排价值优势证据定价FAQ下一步
- 多模块后台系统通常使用 左侧栏布局 Sidebar,而非单页布局🔍 搜索用户名新建用户林小hu管理员阿油成员
- 主要行动只在结尾出现一次,阅读过程中没有可用入口价值优势优势下一步
组成结构 · Anatomy
核心价值主要优势可信证据行动号召
说明产品面向谁、解决什么问题,并提供明确下一步
按用户任务组织关键能力,避免同级信息过多
使用已授权、可核验的案例、数据或评价支撑主张
在合适的阅读节点提供清楚的下一步入口
常见变体 · Variants
锚点导航Anchors
段落多,需要随时跳转
纯滚动Pure Scroll
三四屏讲完的小落地页
带回到顶部BackTop
↑
页面较长,需要提供返回顶部的快捷入口
典型使用场景
产品落地页
活动页
招聘页
个人主页
延伸阅读 · 权威出处