跳到主要内容
界面图谱Interface Atlas
☰
EN
概念对比

分页 · 无限滚动 · 下拉刷新

并排对比 3 个概念,按 3 个维度逐项查看差异。点击表头进入对应概念详情。

先试,再选

同一个任务,不同的操作体验

试试:从同一批 12 份设计提案中,找到并标记 #11,然后返回 #03。比较直接定位与连续浏览。

分页

12 份记录

任务:找到并标记第 11 份记录 · 第 1/3 页

可以直接跳到第 3 页,并在切换页面后保留标记。适合定位、回查和有明确终点的任务。

查看实现与方案 →

无限滚动

12 份记录

任务:找到并标记第 11 份记录 · 已加载 4/12

向下滚动自动追加,也可用“加载更多”。连续浏览顺畅,但找回具体位置更费力;本例用 12 条记录演示有限批次。

查看实现与方案 →

这是受限容器里的交互样板,用于比较行为;抽屉也可设计为模态。实际项目仍需测试设备视口、长内容与辅助技术。

分页Pagination无限滚动Infinite Scroll下拉刷新Pull to Refresh
触发方式显式点击页码或翻页按钮滚动到底自动触发,无需操作用户主动下拉手势触发
数据控制强,用户掌握并记住页码位置系统决定加载节奏,用户被动接收用户主动请求最新数据
适用内容有序、可寻址的结果集信息流、时间线等浏览型长列表动态、消息等需要手动更新的内容