Flickr 照片列表的翻页

• “上一页”“下一页”永远显示，但不同情况显示不同样式；
• 按了“上一页”或“下一页”之后则边框加粗（成为重点），引导你继续往下点；
• 告知用户列表的总数量；
• 数量少得情况下，提供了“最后一页”的链接（图上没有）；
• 可以访问到所有的页，可惜如上图所示超过一定的页码，显示上有问题（IE 和 FF 都这样）。

新浪文章留言部分的翻页

• 新浪评论部分的翻页，Ajax 可以拖动翻页（显摆用的）；
• 永远提供“第一页”“最后一页”“上一页”“下一页”的链接，但是样式基本一致没有差别；
• 告知用户列表的总数量；
• 提供批量翻页（“上 10 页”）。

但是在新浪博客（新浪比较有代表性的新产品）中，我们也可以看到以下相对比较粗糙的翻页：

新浪博客的翻页

• 给出了“最后一页”的链接，直接显示为“第 n 页”，如上图中的“第 7 页”；
• 在单个博客页面上的翻页，以“>>”作为下一页，而不是常见的“>”；
• 提供了批量翻页（“上 5 页”）。

出处：JunChen
责任编辑：blue

上一页 带页码的翻页体验与设计比较 [1] 下一页 带页码的翻页体验与设计比较 [3]