APP下拉刷新样式总结

版权申明：本文出自“wild_Wilie”原创，感谢“wild_Wilie”的原创文章分享！

下拉刷新

使用下拉手势完成刷新操作，这是最常见的一种刷新样式，常出现在页面的顶部，绝大多数页面都有它的存在。它试用于列表、卡片集合等界面内容按照时间降序排列的场景。每一次刷新后，系统都会把新的内容放到页面显眼的位置。它已经成为了 APP 中必备的刷新方法，是非常重要的一种样式。如下图：  

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

 以知乎、哔哩哔哩、虾米音乐为例，这三个APP 分别以文字、视频、音乐为主要内容，分别按照列表、栅格列表、卡片集合三种方式排布，它们都使用了下拉刷新。 优点：使用非常广泛，已经成为 APP 的标配，几乎没有学习成本，而且下拉屏幕就可以刷新，操作非常简单。 PS：很多公司把品牌形象和 logo 植入到下拉刷新的操作中，替换了常规的刷新按钮，这样可以把自己的品牌形象从细节上传达给用户。如下图：

提示刷新

这种样式会在用户浏览完页面中最新内容的时候，提示用户进行刷新，常出现在"刚看完的内容"与"上一次看完的内容"之间。在内容刷新有数量限制要求的时候，我们就可以使用这种样式。每次刷新，系统都会推送一定数量的最新内容供用户浏览。它常以一段文字的形式来显示，如"刚刚看到这里了，点击刷新"。如下图： 以百度贴吧和哔哩哔哩为例，我数了一下，百度贴吧的首页每次会刷新12条新内容，哔哩哔哩的首页推荐每次会刷新10个新视频，它们都会在用户浏览完最新的推送内容后发出提示。 优点：这种方式可以避免用户看到重复的内容，而且用户不用返回顶部就可以刷新，节省了用户的操作成本。

模块刷新按钮

顾名思义，这种样式通常出现在一个内容模块的底部，使用一个单独的按钮来显示。它试用于同一个页面有较多模块、每个模块内容都不相同的场景中。每次刷新完后，对应的那个模块会全部更换新的内容。通常会用"换一换"、"换一批"等类似的字眼。如下图： 以腾讯动漫和腾讯视频为例，它们分别是漫画、视频类 APP，它们的界面都是由各种类型的内容组成，所以分为了很多个模块（多模块的好处是可以节省用户筛选的时间，因为系统已经归好类了，用户直接浏览自己感兴趣的即可），它们给每个模块都设置了刷新按钮。 优点：用户如果对某个模块中显示的内容不够感兴趣却又不想点击进去看全部内容，那么就可以方便地单独对这个模块进行刷新，也省去了返回顶部刷新的步骤，缩短了操作路径，节省了用户的操作成本。