id怎么页码设置快捷键-网页翻页的快捷键。 网页上几种常见的翻页方式。

作者是PM新手。 刚开始接触原型设计时，不可避免地遇到了翻页设计的问题。 网页翻页功能的原型是借用书本的。 之所以需要翻页，是因为内容超出了承载框架。 对于书籍来说，承载框架是一页纸，通常是A8大小，正好适合放在手掌上阅读，内容是全文。 对于网页和应用程序来说，托管框架是一个模块，通常会根据浏览器大小和手机屏幕进行自适应。 这里我总结一下网页上常见的翻页方式。

1.翻页

与书中页码相同的翻页是最经典的翻页方式。 在瀑布流等交互形式流行之前id怎么页码设置快捷键，网站基本上都是采用翻页的方式。

页面设计三要素

1.页码显示。 页码显示的作用是方便快速定位。 通常，会列出主页和当前页码附近的页码。

2. 一页一页地翻页。 翻页就行，必备功能。 用户可以在同一位置连续点击鼠标，而不必每次翻页时都看页码。

3. 跳转到翻页。 跳转可以是跳转到最后一页、首页、下十页、任意页面等。现在很少有网站被设计成跳转到任意页面。 毕竟，很少有人记得他们想要查找的内容位于哪个页面。 。

下面是豆瓣的翻页设计，我觉得做得非常好。 特别是页码显示部分显示了前2页、后2页以及当前页码附近的9页。

豆瓣的翻页设计

适合的使用场景

1. 检索需求强烈的功能，如“我的收藏”、“音乐库”等，方便快速定位和搜索。

2、内容固定的功能，如资讯网站编辑撰写的多页长文和图片，或者网络文学网站的电子书。

不恰当的场景

翻页最大的缺陷就是每次翻页都需要点击id怎么页码设置快捷键，而且精度要求很高。 例如，您必须单击“下一页”或某个数字才能转到您想要转到的页面。 对于检索要求较弱、内容不断更新的功能，如微博，不建议使用页码翻页。

2.自动瀑布流

自动瀑布流是指分段加载。 当用户浏览到已加载内容的底部时，网页会自动加载后续内容。

瀑布流是移动互联网爆发后出现的一种交互方式。 彼时，社交网络、碎片化时间的概念如火如荼。 许多网站以时间线+订阅的形式呈现主页。 Facebook和Twitter都使用了这种方法。 用户上网的目的不再是寻找有用的信息，而是浏览、消磨无聊的时间。 上网习惯的改变，自然带来了瀑布加载的流行。

适合的使用场景

用户的主要需求是浏览最新内容，例如信息订阅、社交网站等。

不恰当的场景

由于瀑布流缺乏搜索功能，如果用户需要频繁查找旧内容，瀑布流加载会造成严重障碍。

3.手动瀑布流

手动瀑布流需要用户手动点击加载按钮来获取更多内容。 手动瀑布流分为向前翻页和向后翻页两种情况。 页面转发通常是时间线有新消息时弹出提醒。 向后翻页与自动瀑布流效果相同，只是会出现一个按钮，需要点击才能加载后续内容。

适合的使用场景

1、正向翻页的瀑布流适合被动更新的页面。 被动更新意味着当我停留在页面上时，我会收到其他人的更新。 例如，知乎、微博会提醒你有xx条新内容。

2、向后翻页的瀑布流适合功能适合瀑布流，但底部有内容的网站。 例如下图。

人人都是产品经理的翻页设计

不过我个人并不看好向后翻页的瀑布流。 虽然不像页码那样需要精确定位，但还是多了一份点击。 如果没有必须放在底部的内容，可以考虑低调地将原来的底部内容放在侧边栏中。 比如像知乎——

底部常用内容由知乎放置在侧边栏

4. 箭头翻页

箭头翻页是页码翻页的简化形式。 页码被删除，“”简化为箭头，如下所示。

豆瓣阅读箭头翻页

豆瓣音乐的箭头翻页

适合的使用场景

模块大小固定，内容较小。 通常是一个展示模块，比如编辑推荐、今日特价等。 使用箭头翻页有三个原因。 首先，模块尺寸是固定的，不适合瀑布流，会扩大模块的长度。 其次，内容很小，页数也很少，所以显示数字页码显得很麻烦。 第三个原因是显示模块需要稍微华丽的交互效果，而箭头翻页很容易创造出更炫丽的动画效果。

5. 点页码

点式页码是数字页码的简化，即将页码变成点，并用特殊颜色突出显示当前页码。

适合的使用场景

演示模块，例如轮播横幅。 大多数自动旋转横幅之所以使用点页码而不是箭头来翻页，是为了让用户知道总共有多少张图片以及当前是哪张图片。 事实上，点式页码的提示功能多于操作功能。 还有一些网页同时使用了点和箭头，如下图——

虾米业绩的旗帜

不恰当的场景

用户主动翻页需求强烈的模块。 点式页码的诞生就是为了简单和美观。 它们通常比数字页码的点击范围更小，不适合频繁操作。

6. 锚轮翻页

锚轮翻页是指滚动鼠标滚轮后将页面定位到下一个锚点。 有关示例吉祥物，请参阅 Tumblr 的产品介绍页面。 这种翻页方法有两个优点。 首先是交互动画效果炫酷； 第二点是不需要点击，轻轻滚动滚轮就可以直接导航到下一页，非常方便。 缺点是开发过程繁琐吉祥物设计，不适合在网站中大规模使用。

适合的使用场景

具有显示功能的单页。 许多个人主页和公司主页使用锚点来滚动页面。