小杰

北京pk10最稳定玩法:你应该知道的几种刷新样式

小杰 APP设计 2302浏览

pk10技巧 冠亚和稳赚 www.581n8.cn 刷新是最常用的操作之一,主要作用是刷新页面中的缓存,从服务器获取新的内容。最近在浏览 APP 的过程中注意到,不同场景中使用的刷新样式完全不同,再此之前虽然每天都在进行刷新操作,却从来没有留心过这些细节,这篇文章就和大家分享5种刷新样式。

 

目录

1.下拉刷新
2.提示刷新
3.??樗⑿掳磁?/section>
4.弹出刷新按钮
5.tab 刷新
6.总结
?

下拉刷新

使用下拉手势完成刷新操作,这是最常见的一种刷新样式,常出现在页面的顶部,绝大多数页面都有它的存在。它试用于列表、卡片集合等界面内容按照时间降序排列的场景。每一次刷新后,系统都会把新的内容放到页面显眼的位置。它已经成为了 APP 中必备的刷新方法,是非常重要的一种样式。如下图:
以知乎、哔哩哔哩、虾米音乐为例,这三个APP 分别以文字、视频、音乐为主要内容,分别按照列表、栅格列表、卡片集合三种方式排布,它们都使用了下拉刷新。
优点:使用非常广泛,已经成为 APP 的标配,几乎没有学习成本,而且下拉屏幕就可以刷新,操作非常简单。
PS:很多公司把品牌形象和 logo 植入到下拉刷新的操作中,替换了常规的刷新按钮,这样可以把自己的品牌形象从细节上传达给用户。如下图:

提示刷新

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

 

??樗⑿掳磁?/span>

顾名思义,这种样式通常出现在一个内容??榈牡撞?,使用一个单独的按钮来显示。它试用于同一个页面有较多???、每个??槟谌荻疾幌嗤某【爸?。每次刷新完后,对应的那个??榛崛扛恍碌哪谌?。通?;嵊谩盎灰换弧?、“换一批”等类似的字眼。如下图:
以腾讯动漫和腾讯视频为例,它们分别是漫画、视频类 APP,它们的界面都是由各种类型的内容组成,所以分为了很多个??椋ǘ嗄?榈暮么κ强梢越谑∮没秆〉氖奔?,因为系统已经归好类了,用户直接浏览自己感兴趣的即可),它们给每个??槎忌柚昧怂⑿掳磁?。
优点:用户如果对某个??橹邢允镜哪谌莶还桓行巳と从植幌氲慊鹘タ慈磕谌?,那么就可以方便地单独对这个??榻兴⑿?,也省去了返回顶部刷新的步骤,缩短了操作路径,节省了用户的操作成本。?

 

弹出刷新按钮

这种样式就是在浏览内容的过程中,??榈撞炕岬鏊⑿掳磁?。它的使用场景和上一种样式“??榘磁ニ⑿隆崩嗨?,不同的地方在于它是弹出来的按钮,而上种方式是固定的按钮。它“忽然弹出”的这个动效让人很容易就注意到它。如下图:
以开眼为例(目前只在开眼中发现了这种样式),在向上滑动的过程中,??榈撞炕岷鋈坏鲆桓鏊⑿掳磁?,提示你刷新推荐内容。我对这种刷新方式的理解是:开眼的产品目标是为用户提供有料、有趣、好玩的高品质视频,用户群里比较年轻,充满个性,这种新奇活泼的刷新方式更贴合品牌形象,更受年轻用户的喜欢。
优点:方便用户对单独??榻兴⑿?,节省了操作成本,并且动效活泼,更容易引起人们的注意。?

 

tab 刷新

当用户浏览完一定数量的内容后,首页 icon 自动变成了一个刷新按钮,常出现在底部 tab 的位置。它试用于??榈ヒ?、内容会向下无限加载,且底部 tab 不会消失的场景中。用户在浏览页面的过程中如果对所有的内容都感到枯燥了,就可以用这个功能来进行刷新。它对于内容无限向下加载的界面,是非常重要的刷新样式。如下图:
以优酷和即刻为例,优酷是一款视频类 APP,即刻是一款根据兴趣推送内容的 APP,在首页浏览一定内容后,它们的首页 icon 都会自动变成刷新按钮,点击就可以刷新页面所有的推荐内容。其中优酷的首页是由多个??樽槌傻?,从上往下浏览的过程中,能看到每个??榈撞慷加械ザ赖乃⑿掳磁?,但是当滑动到最后的一个??槭?,内容会无限向下加载,只有到这时首页的 icon 才会变身。而即刻的首页并没有分成很多???,划几下屏幕首页 icon 就开始变身了。
优点:用户不用返回顶部就可以对页面进行刷新,缩短了操作路径,节省了用户的操作成本。
PS:写到这里的时候,我开始寻找还有哪些软件存在 icon 变身的功能,然后就发现了爱奇艺的热点推荐页面。不过与上面描述不同的是,在上滑浏览的过程中底部 tab 的 icon 并不会变,但是你点击它一下,就会变成一个转圈的刷新按钮,然后自动返回顶部并刷新页面中全部内容。如下图:

总结

今天主要分享的内容是五种刷新的样式,我总结了五个点是:
1.下拉刷新已经成为 APP 的标配,其他的样式都相当于为下拉刷新建立了一个快捷方式,为了节省用户的操作成本。
2.下拉刷新:试用于列表、卡片集合等界面内容按照时间降序排列的场景。加入公司 logo 可以把自己的品牌形象从细节上传达给用户。
3.提示刷新:适用于对刷新有数量限制要求的场景,可以避免用户看到重复的内容。
4.??樗⑿掳磁?、弹出刷新按钮:试用于同一个页面有较多???、每个??槟谌荻疾幌嗤某【?。其中弹出刷新按钮的动效比较新奇活泼,容易引起人们的注意。
5.tab 刷新:试用于??榈ヒ?、内容会向下无限加载,且底部 tab 不会消失的场景。?
参考引文:
《UI 设计中下拉刷新有什么讲究?》//t.cn/RVdMt8G
《APP 刷新类型浅析》//t.cn/EfYstFX
《浅谈“加载刷新”与“品牌设计”的思考》//t.cn/RWeVnTk

 

原文地址:海盐社(公众号)

作者:青山

转载请注明:pk10技巧 冠亚和稳赚 » 你应该知道的几种刷新样式

登录收藏
 
你可能喜欢的:
佳作欣赏:APP设计项目回顾佳作欣赏:APP设计项目回顾
平面设计中的点、线、面平面设计中的点、线、面
一步步教你建立UI设计规范!一步步教你建立UI设计规范!
译文 | 5种方法使行为召唤按钮更直观译文 | 5种方法使行为召唤按钮更直观
APP品牌调性分析APP品牌调性分析
你真的够了解“空状态”吗?你真的够了解“空状态”吗?
校年3.0 改版设计总结校年3.0 改版设计总结
设计师的日常生活体验对设计到底有多大影响?设计师的日常生活体验对设计到底有多大影响?
从设计师角度看待设计中的同理心从设计师角度看待设计中的同理心
UI进阶产品设计之用户体验地图UI进阶产品设计之用户体验地图
?
  • 赵振民的专栏作者中国国家地理网 2019-05-24
  • 习近平齐鲁之行的七个感人瞬间 2019-05-24
  • 抢先试驾新一代唐 更接地气的多面手 2019-05-23
  • 卫生费猛涨 商户讨说法 2019-05-22
  • 70年正青春,不停步向未来(评论员观察) 2019-05-21
  • 法国总统马克龙首次访华 法国居民期待成果 2019-05-21
  • 海南前5月查处赌博类治安案件2161起 持续铁腕治赌 2019-05-20
  • 后峰会时代,看崂山如何“再出发”! 2019-05-20
  • 2016中国重庆国际时装周 2019-05-19
  • 西部网(陕西新闻网)www.cnwest.com 2019-05-19
  • 回复@“老笑头”,你的这种逻辑是你当年生sj病住院时向你同室的“病友”学来的吧!哈哈哈哈! 2019-05-18
  • 谈“人的本质”却离“人的本质”相去甚远。“人的本质”是对社会财富的占有,包括对社会财富的共同占有和私人占有,对社会财富共同占有的所有制是公有制,对社会... 2019-05-17
  • 河北省实施中医药强省建设人才支撑计划 2019-05-17
  • 学思践悟丨修好共产党人“心学” 2019-05-16
  • 3岁小孩骑童车绊倒老人算交通事故警察这样解释 2019-05-15
  • 181| 153| 765| 640| 73| 319| 874| 583| 609| 835|